:root{--bg: #060614;--bg2: #0d0d24;--accent: #e8b4b8;--accent2: #c9869b;--gold: #d4af7a;--text: #f0e6e8;--text-dim: #9a8e92;--glow: rgba(232, 180, 184, .35);--font-serif: "Cormorant Garamond", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-serif);min-height:100dvh;overflow-x:hidden}#stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.star{position:absolute;background:#fff;border-radius:50%;opacity:0;animation:twinkle var(--dur, 3s) ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.1}to{opacity:.9}}#effect-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .6s}#effect-canvas.effect-active{opacity:.55}#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg);transition:opacity .6s}#auth-overlay.fade-out{opacity:0;pointer-events:none}.auth-box{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 3rem;background:#0d0d24d9;border:1px solid rgba(232,180,184,.2);border-radius:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 60px #e8b4b814;max-width:360px;width:90%;text-align:center}.auth-heart{font-size:2.5rem;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.auth-box h1{font-size:2.2rem;font-weight:300;letter-spacing:.12em;color:var(--accent)}.auth-subtitle{font-size:1rem;color:var(--text-dim);font-style:italic}#auth-input{width:100%;padding:.75rem 1rem;background:#ffffff0f;border:1px solid rgba(232,180,184,.25);border-radius:.75rem;color:var(--text);font-size:1.1rem;font-family:var(--font-mono);letter-spacing:.2em;text-align:center;outline:none;transition:border-color .3s,box-shadow .3s}#auth-input:focus{border-color:var(--accent);box-shadow:0 0 12px var(--glow)}#auth-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--accent2),var(--accent));border:none;border-radius:.75rem;color:#fff;font-family:var(--font-serif);font-size:1.1rem;letter-spacing:.1em;cursor:pointer;transition:opacity .2s,transform .15s}#auth-btn:hover{opacity:.9;transform:translateY(-1px)}#auth-btn:active{transform:translateY(0)}#auth-error{color:var(--accent2);font-style:italic;font-size:.9rem}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}#app{position:relative;z-index:2;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 4rem;gap:3rem}#app-header{text-align:center}#app-title{font-size:clamp(2.8rem,8vw,5rem);font-weight:300;letter-spacing:.18em;color:var(--accent);text-shadow:0 0 40px var(--glow),0 0 80px rgba(232,180,184,.15);animation:glow-pulse 3s ease-in-out infinite alternate}@keyframes glow-pulse{0%{text-shadow:0 0 30px var(--glow),0 0 60px rgba(232,180,184,.1)}to{text-shadow:0 0 50px var(--glow),0 0 100px rgba(232,180,184,.2),0 0 140px rgba(232,180,184,.05)}}#app-subtitle{margin-top:.5rem;font-size:clamp(1rem,2.5vw,1.4rem);font-style:italic;color:var(--text-dim);letter-spacing:.06em}#countdown-section{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}#countdown-display{display:flex;align-items:flex-start;gap:clamp(.4rem,2vw,1.2rem)}.cd-unit{display:flex;flex-direction:column;align-items:center;gap:.4rem}.cd-unit span{display:block;font-family:var(--font-mono);font-size:clamp(3.5rem,12vw,8rem);font-weight:300;line-height:1;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.6),0 0 60px rgba(232,180,184,.3);min-width:2ch;text-align:center}.cd-unit label{font-family:var(--font-serif);font-size:clamp(.65rem,1.5vw,.85rem);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.cd-sep{font-family:var(--font-mono);font-size:clamp(3rem,10vw,7rem);font-weight:300;color:var(--accent2);line-height:1;opacity:.7;margin-top:-.05em}#cd-label{font-size:clamp(.85rem,2vw,1.1rem);font-style:italic;color:var(--gold);letter-spacing:.08em}@keyframes flip{0%{transform:translateY(-6px);opacity:.5}to{transform:translateY(0);opacity:1}}.flip{animation:flip .25s ease-out forwards}#countdown-arrived{text-align:center}#arrived-message{font-size:clamp(1.8rem,5vw,3rem);font-style:italic;color:var(--accent);text-shadow:0 0 30px var(--glow);animation:glow-pulse 2s ease-in-out infinite alternate}#daily-content{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:700px}#quotes-container{display:flex;flex-direction:column;gap:1.25rem;width:100%}.quote{position:relative;font-size:clamp(1.05rem,2.2vw,1.35rem);font-style:italic;line-height:1.7;color:var(--text);padding:1.25rem 1.75rem;border-left:3px solid var(--accent2);background:#e8b4b80a;border-radius:0 .75rem .75rem 0}.quote:before{content:"“";position:absolute;top:-.1em;left:.5rem;font-size:3em;color:var(--accent2);opacity:.3;font-style:normal;line-height:1}#images-container{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;width:100%}.img-wrapper{border-radius:1rem;overflow:hidden;box-shadow:0 4px 30px #00000080;max-width:100%}.day-image{display:block;max-width:100%;max-height:420px;object-fit:cover;border-radius:1rem}.giphy-embed{display:block;border-radius:1rem;aspect-ratio:16/9;width:100%;max-width:480px}footer{text-align:center;color:var(--text-dim);font-size:.8rem;letter-spacing:.08em;opacity:.5}.hidden{display:none!important}.fade-in{animation:fade-in .8s ease-out forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:fade-in .7s ease-out forwards}@media(max-width:480px){.auth-box{padding:2rem 1.5rem}.cd-sep{margin-top:-.08em}.quote{padding:1rem 1.25rem}}#dev-toolbar{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:#080808eb;border:1px solid rgba(255,215,0,.35);border-radius:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 24px #ffd7001a;font-family:var(--font-mono);font-size:.78rem;white-space:nowrap}.dev-label{color:gold;letter-spacing:.05em}.dev-day-label{color:#ffd700b3;min-width:8ch;text-align:center}.dev-btn{background:#ffd7001f;border:1px solid rgba(255,215,0,.3);border-radius:.4rem;color:gold;cursor:pointer;font-size:1rem;line-height:1;padding:.2rem .55rem;transition:background .15s}.dev-btn:hover{background:#ffd70040}#dev-date-input{background:#ffd70012;border:1px solid rgba(255,215,0,.25);border-radius:.4rem;color:gold;font-family:var(--font-mono);font-size:.78rem;padding:.2rem .45rem;outline:none;cursor:pointer}#dev-date-input:focus{border-color:#ffd70099}#dev-date-input::-webkit-calendar-picker-indicator{filter:invert(85%) sepia(60%) saturate(400%) hue-rotate(5deg);cursor:pointer}