:root{--bg:#070407;--fg:#e8e0e4;--muted:#e8e0e48c;--accent:#ff2742;--violet:#a06bff;--orange:#ff9440;--font-ui:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-title:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}button{cursor:pointer;font-family:inherit}.song-title{font-family:var(--font-title);letter-spacing:.02em;margin:0;font-size:clamp(2.2rem,6vw,4rem);font-style:italic;font-weight:400}.screen,.gate,.intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex;position:fixed;inset:0}.screen{color:var(--muted)}.gate__form{flex-direction:column;gap:.7rem;width:min(320px,80vw);margin-top:2rem;display:flex}.gate__form input,.sheet__form input[type=text]{color:var(--fg);letter-spacing:.05em;background:0 0;border:1px solid #e8e0e440;border-radius:2px;outline:none;padding:.7rem .9rem;font-size:.95rem;transition:border-color .2s}.gate__form input:focus,.sheet__form input[type=text]:focus{border-color:var(--accent)}.gate__form button,.sheet__submit{background:var(--accent);color:#fff;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;border:none;border-radius:2px;margin-top:.4rem;padding:.7rem;font-size:.85rem;transition:opacity .2s}.gate__form button:disabled,.sheet__submit:disabled{opacity:.5;cursor:wait}.gate__error{color:var(--accent);margin:0;font-size:.8rem}.player{background:var(--bg);position:fixed;inset:0}.player--idle{cursor:none}.player__canvas{filter:grayscale()contrast(1.08)brightness(1.02);width:100%;height:100%;display:block;position:absolute;inset:0}.player__grade{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(circle at 50% 42%,#ff7d9e 0%,#ff2742 48%,#5e0a16 100%);position:absolute;inset:0}.intro{background:radial-gradient(#ff274212,#0000 65%)}.intro__play{filter:drop-shadow(0 0 18px #ff274280);background:0 0;border:none;place-items:center;width:96px;height:96px;margin-top:2rem;padding:0;display:grid}.intro__play-img{object-fit:contain;width:100%;height:100%;transition:transform .25s;animation:1.7s ease-in-out infinite heart-pulse;display:block}.intro__play:hover .intro__play-img{animation-play-state:paused;transform:scale(1.12)}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.lyrics{text-align:center;max-width:min(82vw,760px);font-family:var(--font-title);color:var(--fg);text-shadow:0 2px 26px #000000f2,0 0 10px #000c;pointer-events:none;font-size:clamp(1.4rem,3.2vw,2.3rem);font-style:italic;line-height:1.35;animation:.45s lyric-in;position:absolute;bottom:18vh;left:50%;transform:translate(-50%)}@keyframes lyric-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.lyrics--love{color:#ffdbe2;text-shadow:0 2px 26px #000000f2,0 0 24px #ff2742b8,0 0 52px #ff274273;will-change:transform;font-size:clamp(1.9rem,4.4vw,3.2rem);animation:.5s lyric-in,2.4s ease-in-out .5s infinite love-pulse}.lyrics--love:before,.lyrics--love:after{content:"♥";color:var(--accent);vertical-align:.18em;opacity:.85;margin:0 .45em;font-size:.62em}@keyframes love-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}.player__signout{color:var(--muted);transition:opacity .5s,color .2s;position:absolute;top:.9rem;right:1rem}.player__nav{color:var(--muted);text-decoration:none;transition:opacity .5s,color .2s;position:absolute;top:.9rem;right:3.1rem}.player__nav:hover{color:var(--accent)}.player__controls{background:linear-gradient(#0000,#070407d9);align-items:center;gap:.9rem;padding:1rem 1.4rem;transition:opacity .5s;display:flex;position:absolute;bottom:0;left:0;right:0}.player--idle .player__controls,.player--idle .player__signout,.player--idle .player__nav{opacity:0;pointer-events:none}.btn-icon{color:var(--fg);background:0 0;border:none;padding:.3rem .5rem;font-size:1rem;line-height:1;transition:color .2s}.btn-icon:hover{color:var(--accent)}.btn-ghost{color:var(--muted);letter-spacing:.15em;background:0 0;border:1px solid #e8e0e440;border-radius:2px;padding:.35rem .8rem;font-size:.7rem;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--accent);color:var(--fg)}input[type=range]{appearance:none;background:#e8e0e440;border-radius:2px;outline:none;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:none;border-radius:50%;width:11px;height:11px}input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:11px;height:11px}.player__seek{flex:1}.player__volume{width:90px}@media (width<=720px){.player__volume{display:none}}.gallery{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 0%, #ff274212, transparent 60%), radial-gradient(ellipse at 12% 95%, #a06bff17, transparent 55%), radial-gradient(ellipse at 90% 20%, #ff944012, transparent 50%) var(--bg);padding:.9rem .8rem calc(5.5rem + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.gallery__header{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 1.4rem;display:flex}.gallery__back{color:var(--muted);letter-spacing:.15em;font-size:.75rem;text-decoration:none;transition:color .2s}.gallery__back:hover{color:var(--fg)}.gallery__title{text-align:center;margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2.1rem)}.gallery__title:before,.gallery__title:after{vertical-align:.35em;opacity:.85;font-size:.45em}.gallery__title:before{content:"♥";color:var(--violet);margin-right:.7em}.gallery__title:after{content:"♥";color:var(--orange);margin-left:.7em}.gallery__since{text-align:center;color:var(--muted);font-family:var(--font-title);margin:.5rem 0 2rem;font-size:.9rem;font-style:italic}.gallery__status{text-align:center;color:var(--muted);font-family:var(--font-title);margin:3rem 0;font-style:italic}.countdown{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.45rem,2.4vw,1.4rem);display:flex}.countdown__group{align-items:center;gap:clamp(.45rem,2.4vw,1.4rem);display:flex}.countdown__cell{flex-direction:column;align-items:center;gap:.15rem;display:flex}.countdown__num{font-family:var(--font-title);background:linear-gradient(180deg, var(--orange) 0%, var(--accent) 52%, var(--violet) 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px #ff274266);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,10vw,4.5rem);font-style:italic;line-height:1}.countdown__label{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--muted);font-size:.65rem}.countdown__heart{color:var(--accent);opacity:.8;font-size:.9rem;animation:1.7s ease-in-out infinite heart-pulse}.countdown__group:nth-child(2) .countdown__heart{color:var(--orange)}.countdown__group:nth-child(3) .countdown__heart{color:var(--violet)}.gallery__hearts{pointer-events:none;position:fixed;inset:0;overflow:hidden}.gallery__heart{opacity:0;will-change:transform;line-height:1;animation:linear infinite heart-float;position:absolute;bottom:-6vh}@keyframes heart-float{0%{opacity:0;transform:translateY(0)}10%{opacity:.4}55%{opacity:.32;transform:translateY(-62vh)translate(1.6vw)}to{opacity:0;transform:translateY(-115vh)translate(-1vw)}}@media (prefers-reduced-motion:reduce){.gallery__heart{display:none}}.masonry{gap:.6rem;max-width:1100px;margin:0 auto;display:flex}.masonry__col{flex-direction:column;flex:1;gap:.6rem;min-width:0;display:flex}.card{background:#e8e0e40a;border:1px solid #e8e0e41f;border-radius:2px;margin:0;animation:.4s both card-in;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card__frame{background:#ff27420d;position:relative}.card__frame img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card__delete{color:#e8e0e4bf;text-shadow:0 1px 6px #000000e6;font-size:.8rem;position:absolute;top:.15rem;right:.15rem}.card__caption{align-items:baseline;gap:.4rem;padding:.5rem .6rem .55rem;display:flex}.card__emoji{flex-shrink:0;font-size:1.05rem;line-height:1}.card__desc{font-family:var(--font-title);color:var(--muted);overflow-wrap:anywhere;font-size:.85rem;font-style:italic;line-height:1.35}.fab{right:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom));background:linear-gradient(135deg, var(--orange), var(--accent) 70%);color:#fff;filter:drop-shadow(0 4px 14px #ff274273);border:none;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.7rem;line-height:1;transition:transform .2s;display:grid;position:fixed}.fab:hover{transform:scale(1.08)}.sheet{z-index:10;background:#070407f0;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.sheet__form{flex-direction:column;gap:.7rem;width:min(340px,86vw);display:flex}.sheet__preview{object-fit:contain;background:#e8e0e408;border:1px solid #e8e0e41f;border-radius:2px;width:100%;max-height:40vh}.sheet__emojis{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.sheet__emoji{background:0 0;border:1px solid #0000;border-radius:2px;padding:.25rem .35rem;font-size:1.15rem;line-height:1;transition:border-color .2s,transform .2s}.sheet__emoji:hover{transform:scale(1.15)}.sheet__emoji--active{border-color:var(--violet)}.sheet__submit{background:linear-gradient(135deg, var(--orange), var(--accent) 70%)}.sheet__form input[type=text].sheet__emoji-free{text-align:center;width:4.5rem;margin-left:auto;padding:.35rem .5rem}