:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--text-primary: #eee8d5;--text-secondary: #b8b2a0;--accent: #c9a227;--accent-hover: #d4b341;--link: #7eb8da;--link-hover: #a5d4f0}*{box-sizing:border-box;max-width:100vw}body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}#root{max-width:600px;margin:0 auto;padding:2rem 1rem;text-align:center;min-height:100vh;display:flex;flex-direction:column}h1{font-family:Georgia,Times New Roman,serif;font-size:2.5rem;font-weight:400;color:var(--accent);margin:0 0 1rem;letter-spacing:.02em}p{margin:.75rem 0;color:var(--text-secondary)}em{color:var(--accent);font-style:normal;font-weight:600}a{color:var(--link);text-decoration:none;transition:color .2s}a:hover{color:var(--link-hover)}button{padding:12px 24px;font-size:1rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s,transform .1s}button:hover{background:var(--accent-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}input[type=date]{font-size:1.25rem;padding:12px 16px;border:2px solid var(--text-secondary);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);text-align:center}input[type=date]:focus{outline:none;border-color:var(--accent)}.phrasing-intro{color:var(--text-secondary);margin-bottom:.5rem}.phrasing-outro{color:var(--text-secondary);margin-top:.5rem}.celeb-details{font-size:.9rem;color:var(--text-secondary);margin-top:1rem}.celeb-image{margin:.75rem auto}.celeb-image img{width:150px;height:150px;object-fit:cover;border-radius:50%;border:3px solid var(--accent);box-shadow:0 4px 12px #0000004d}.celeb-image-placeholder{width:150px;height:150px;border-radius:50%;border:3px solid var(--accent);box-shadow:0 4px 12px #0000004d;margin:0 auto;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);overflow:hidden}.celeb-image-placeholder svg{width:100%;height:100%;fill:var(--text-secondary);opacity:.4}.name{display:block;margin:.5rem auto;max-width:90%}a.celeb{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:400;color:var(--accent);display:inline-flex;align-items:center;gap:.25rem;word-wrap:break-word;overflow-wrap:break-word}a.celeb:hover{color:var(--accent-hover)}.external-icon{width:16px;height:16px;fill:currentColor;opacity:.7;flex-shrink:0}.carousel-counter{font-size:.85rem;color:var(--text-secondary);letter-spacing:.05em;padding:0 .75rem}.carousel-container{position:relative;margin:1rem auto;overflow:hidden}.carousel-wrapper{overflow:hidden}.carousel-content{display:flex;transition:transform .4s ease-out}.carousel-item{min-width:100%;padding:0 1rem}.carousel-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.75rem}.carousel-btn{background:var(--bg-secondary);border:1px solid var(--text-secondary);color:var(--text-primary);width:40px;height:40px;border-radius:50%;font-size:1rem;padding:0;display:flex;align-items:center;justify-content:center;opacity:.8;flex-shrink:0}.carousel-btn:hover{opacity:1;background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.carousel-hide{display:none}footer{margin-top:auto;padding-top:2rem;color:var(--text-secondary);font-size:.9rem}footer em{color:var(--text-secondary);font-style:italic;font-weight:400}.loading{color:var(--text-secondary);font-style:italic}.error{color:#e57373;margin-top:1rem}@media (prefers-color-scheme: light){:root{--bg-primary: #faf6f1;--bg-secondary: #f0ebe3;--text-primary: #2d2a24;--text-secondary: #5c574d;--accent: #8b6914;--accent-hover: #a37d1c;--link: #2563eb;--link-hover: #1d4ed8}body{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}input[type=date]{background:#fff}}.about{text-align:left;max-width:500px;margin:0 auto}.about h2{font-family:Georgia,Times New Roman,serif;color:var(--accent);font-weight:400;text-align:center}.about h3{color:var(--text-primary);font-size:1.1rem;margin-top:1.5rem}.about p{color:var(--text-secondary)}.about button{margin-top:1.5rem}.share-container{display:inline-block;position:relative}.share-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.share-options a,.share-options .copy-btn{padding:8px 12px;font-size:.85rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--text-secondary);border-radius:4px;text-decoration:none;cursor:pointer}.share-options a:hover,.share-options .copy-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.share-card{margin:1rem 0;position:relative;z-index:1}.card-btn{background:transparent;border:1px dashed var(--text-secondary);color:var(--text-secondary);font-size:.9rem}.card-btn:hover{border-color:var(--accent);color:var(--accent);background:transparent}.card-preview{display:block}.card-preview img{max-width:100%;border-radius:8px;box-shadow:0 4px 12px #0000004d}.card-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.card-actions button{font-size:.85rem;padding:8px 16px}.card-close{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);width:36px;padding:8px}.card-close:hover{background:#e57373;border-color:#e57373;color:#fff}.advert-container{margin:1.5rem 0;min-height:100px}@media (max-width: 480px){h1{font-size:2rem}a.celeb{font-size:1.5rem}.carousel-btn{width:36px;height:36px}}