:root{--blue:#89cff0;--blue-light:#b8e4f8;--blue-dark:#5ba8d9;--blue-deep:#3d7fa8;--seagull:#80caed;--jordy:#83b1ee;--portage:#8699ef;--lavender:#ad8cf1;--lilac:#c890f2;--pink:#f7c7cc;--pink-light:#fad5d8;--mint:#aef1ea;--bg-dark:#0a0a14;--bg-night:#111124;--bg-light:#fff8fa;--bg-cream:#fef3f5;--surface:#fff;--text-dark:#2d2d3f;--text-mid:#5a5a70;--text-light:#fafafe;--text-soft:#ffffffbf;--heart:#ff6b8a;--candle:#ffd166;--gold:gold;--gold-dim:#c9a227;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--r-sm:.5rem;--r-md:1rem;--r-lg:1.5rem;--r-pill:999px;--font-body:"Outfit", system-ui, sans-serif;--font-hand:"Caveat", cursive;--font-display:"Playfair Display", Georgia, serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-light);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-height:100dvh;overflow-x:hidden}#app{width:100%;min-height:100dvh;position:relative}.scene{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.scene.active{opacity:1;pointer-events:all}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--r-pill);cursor:pointer;transition:transform .2s var(--ease-bounce), box-shadow .2s ease, opacity .2s ease;-webkit-user-select:none;user-select:none;border:none;min-width:160px;min-height:52px;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:3px solid var(--blue-light);outline-offset:3px}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--blue), var(--jordy));color:var(--text-light);box-shadow:0 4px 20px #89cff066}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #89cff080}.btn-pink{background:linear-gradient(135deg, var(--pink), var(--lilac));color:var(--text-dark);box-shadow:0 4px 20px #f7c7cc80}.btn-pink:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f7c7cc99}.btn-ghost{color:var(--text-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1.5px solid #ffffff40}.btn-ghost:hover{background:#fff3;transform:translateY(-2px)}.title-display{font-family:var(--font-display);text-align:center;font-size:clamp(2rem,7vw,4rem);line-height:1.15}.title-hand{font-family:var(--font-hand);font-size:clamp(1.8rem,6vw,3.5rem);line-height:1.2}.body-soft{color:var(--text-soft);text-align:center;max-width:34ch;font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.7}.typewriter-cursor{vertical-align:text-bottom;background:currentColor;width:2px;height:1.1em;margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#vinyl-player{background:var(--bg-night);cursor:pointer;z-index:1000;width:50px;height:50px;transition:transform .2s var(--ease-bounce), border-color .3s;border:2px solid #89cff059;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;top:1rem;right:1rem;box-shadow:0 4px 16px #0006}#vinyl-player.visible{display:flex}#vinyl-player:hover{border-color:var(--blue);transform:scale(1.08)}#vinyl-player:focus-visible{outline:3px solid var(--blue-light);outline-offset:3px}.vinyl-disc{background:conic-gradient(#1a1a2e 0deg 30deg,#2d2d50 30deg 60deg,#1a1a2e 60deg 90deg,#2d2d50 90deg 120deg,#1a1a2e 120deg 150deg,#2d2d50 150deg 180deg,#1a1a2e 180deg 210deg,#2d2d50 210deg 240deg,#1a1a2e 240deg 270deg,#2d2d50 270deg 300deg,#1a1a2e 300deg 330deg,#2d2d50 330deg 360deg);border-radius:50%;width:40px;height:40px;animation:3s linear infinite paused spin;position:relative}.vinyl-disc:after{content:"";background:radial-gradient(circle, var(--blue) 0%, var(--jordy) 100%);border-radius:50%;position:absolute;inset:35%}.vinyl-disc.playing{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}#confetti-canvas{pointer-events:none;z-index:900;position:fixed;inset:0}#cat-mascot{cursor:pointer;z-index:800;opacity:0;transition:opacity .4s ease, transform .3s var(--ease-bounce);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 8px #0000004d);font-size:2rem;position:fixed}#cat-mascot:hover{transform:scale(1.2)rotate(-5deg)}#cat-mascot.visible{opacity:1}.cat-bubble{background:var(--surface);color:var(--text-dark);padding:var(--space-sm) var(--space-md);border-radius:var(--r-md);font-size:.85rem;font-family:var(--font-hand);text-align:center;z-index:801;pointer-events:none;opacity:0;max-width:200px;transition:opacity .3s, transform .3s var(--ease-bounce);font-size:1rem;position:fixed;transform:translateY(8px)scale(.9);box-shadow:0 4px 20px #0003}.cat-bubble.show{opacity:1;transform:translateY(0)scale(1)}.heart-particle{pointer-events:none;z-index:850;opacity:.8;animation:linear forwards float-heart;position:fixed}@keyframes float-heart{0%{opacity:.8;transform:translateY(0)scale(1)rotate(0)}to{opacity:0;transform:translateY(-100vh)scale(.5)rotate(20deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.vinyl-disc{animation:none}.typewriter-cursor{opacity:1;animation:none}}@media (width<=480px){.btn{min-width:140px;padding:.8rem 1.5rem;font-size:.95rem}#vinyl-player{width:48px;height:48px;bottom:1rem;right:1rem}.vinyl-disc{width:34px;height:34px}}.fin-climax-wrap{z-index:20;width:100%;max-width:860px;margin:auto;position:relative}.fin-climax-wrap.fin-hidden{display:none!important}.fin-polaroid-card{background:#fff;border-radius:4px;flex-shrink:0;padding:10px 10px 24px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;transform:rotate(-2deg);box-shadow:0 16px 40px #0000008c,0 2px 8px #00000040}.fin-polaroid-card:hover{transform:rotate(0)scale(1.02)}.fin-polaroid-img-box{aspect-ratio:3/4;background:#111;border-radius:2px;width:100%;overflow:hidden}.fin-polaroid-img-box img{object-fit:cover;width:100%;height:100%;display:block}.fin-polaroid-caption{font-family:var(--font-hand);color:#2d2d3f;text-align:center;letter-spacing:.02em;margin-top:8px;font-size:1.15rem}@media (width>=768px){.fin-climax-wrap{text-align:left;grid-template:"photo title""photo subnote"/290px 1fr;align-items:center;gap:1rem 3.5rem;display:grid}.fin-polaroid-card{grid-area:photo;width:290px}.fin-title{text-align:left;grid-area:title;align-self:end;margin:0}.fin-subnote{text-align:left;grid-area:subnote;align-self:start;margin:0}}@media (width<=767px){.fin-climax-wrap{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;padding:.5rem;display:flex}.fin-title{order:1;margin:0}.fin-polaroid-card{order:2;width:clamp(190px,58vw,235px);padding:8px 8px 20px}.fin-subnote{order:3;max-width:32ch;margin:0 auto}}