*{box-sizing:border-box;margin:0;padding:0}:root{--cream:#fff7f2;--white:#fffdfb;--pink:#ffd9e8;--pink-soft:#ffeef5;--pink-deep:#ff6fa5;--rose:#e85d8a;--lav:#e8dcff;--lav-soft:#f4eeff;--lav-deep:#a98ae0;--mint:#d5f3e5;--mint-soft:#ecfaf3;--mint-deep:#4fb98d;--peach:#ffe7d4;--peach-soft:#fff3e9;--peach-deep:#ff9d66;--ink:#54344a;--ink-soft:#96718a;--gold:#f5b73c;--shadow:0 14px 40px rgba(232,93,138,.14);--shadow-soft:0 8px 24px rgba(169,138,224,.16);--radius:26px;--font-display:"Fredoka","Quicksand",system-ui,sans-serif;--font-body:"Quicksand",system-ui,sans-serif;--font-script:"Dancing Script",cursive}body,html{height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);font-weight:500;-webkit-font-smoothing:antialiased}button{border:0;cursor:pointer;font:inherit;color:inherit;background:none}img{max-width:100%;display:block}input{font:inherit;color:inherit}::-moz-selection{background:var(--pink)}::selection{background:var(--pink)}.kicker{font-weight:500;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);margin-bottom:12px}.big-title,.kicker{font-family:var(--font-display)}.big-title{font-weight:600;font-size:clamp(1.7rem,4.2vw,2.9rem);line-height:1.12;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:500;font-size:1rem;padding:13px 26px;border-radius:999px;background:linear-gradient(135deg,var(--pink-deep),var(--rose));color:#fff;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px) scale(1.02)}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--white);color:var(--rose);border:2px solid var(--pink);box-shadow:none}.btn.mint{background:linear-gradient(135deg,var(--mint-deep),#6fd4ab)}.btn.lav{background:linear-gradient(135deg,var(--lav-deep),#c3a8f5)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}.landing{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 18% 20%,var(--lav) 0,transparent 45%),radial-gradient(circle at 85% 25%,var(--peach) 0,transparent 45%),radial-gradient(circle at 70% 85%,var(--mint) 0,transparent 45%),radial-gradient(circle at 25% 80%,var(--pink) 0,transparent 50%),var(--cream)}.landing-heart{font-size:3.2rem;margin-bottom:8px}.landing h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,8vw,4.6rem);background:linear-gradient(120deg,var(--rose),var(--lav-deep),var(--peach-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-sub{margin-top:14px;max-width:430px;color:var(--ink-soft);font-size:1.05rem;line-height:1.6}.landing-buttons{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.landing-tip{margin-top:26px;font-size:.82rem;color:var(--ink-soft);opacity:.85}.landing-float{position:absolute;font-size:1.6rem;opacity:.85;pointer-events:none}.journey-viewport{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}.journey-track{display:flex;height:100%;width:-moz-max-content;width:max-content;align-items:stretch;position:relative}.journey-ground{position:absolute;left:0;right:0;bottom:74px;height:3px;background-image:linear-gradient(90deg,var(--pink-deep) 0 14px,transparent 14px 30px);background-size:30px 3px;opacity:.35;pointer-events:none}.station{flex:0 0 auto;width:100vw;height:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:84px 24px 120px}.station-inner{width:100%;max-width:620px;position:relative}.tint-pink{background:radial-gradient(circle at 50% 30%,var(--pink-soft) 0,transparent 68%)}.tint-lav{background:radial-gradient(circle at 50% 30%,var(--lav-soft) 0,transparent 68%)}.tint-mint{background:radial-gradient(circle at 50% 30%,var(--mint-soft) 0,transparent 68%)}.tint-peach{background:radial-gradient(circle at 50% 30%,var(--peach-soft) 0,transparent 68%)}.station-decor{position:absolute;font-size:1.5rem;opacity:.75;pointer-events:none;animation:floaty 5s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.chapter-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px;position:relative}.chapter-card p{margin-top:14px;line-height:1.7;color:var(--ink-soft);font-size:1.02rem}.chapter-sign{margin-top:22px;display:inline-block;font-family:var(--font-script);font-size:1.35rem;color:var(--rose);transform:rotate(-2deg)}.egg-btn{position:absolute;font-size:1.5rem;cursor:pointer;transition:transform .2s ease;z-index:3}.egg-btn:hover{transform:scale(1.25) rotate(-8deg)}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--white);border:2px solid var(--pink);color:var(--rose);font-family:var(--font-display);font-size:.92rem;padding:9px 18px;border-radius:999px;box-shadow:var(--shadow-soft)}.pill.lavender{border-color:var(--lav);color:var(--lav-deep)}.pill.minty{border-color:var(--mint);color:var(--mint-deep)}.scoreboard{position:fixed;top:14px;right:14px;z-index:90;background:var(--white);border-radius:20px;box-shadow:var(--shadow);padding:10px 16px;flex-direction:column;gap:2px;border:2px solid var(--pink)}.sb-row,.scoreboard{display:flex;align-items:center}.sb-row{gap:10px;font-family:var(--font-display);font-weight:500;font-size:.95rem}.sb-name{color:var(--ink-soft);font-size:.78rem}.sb-score{font-size:1.15rem;color:var(--rose)}.sb-score.him{color:var(--lav-deep)}.sb-heart{font-size:1.15rem;cursor:pointer;transition:transform .15s ease}.sb-heart:active{transform:scale(1.4)}.sb-record{font-size:.7rem}.sb-record,.ticker{color:var(--ink-soft)}.ticker{position:fixed;top:78px;right:14px;z-index:85;max-width:220px;background:rgba(255,253,251,.92);backdrop-filter:blur(6px);border-radius:16px;border:2px dashed var(--lav);padding:7px 14px;font-size:.72rem;line-height:1.35;text-align:center;white-space:normal}.music{position:fixed;bottom:14px;left:14px;z-index:90;gap:10px;background:var(--white);border:2px solid var(--mint);border-radius:999px;padding:8px 16px 8px 10px;box-shadow:var(--shadow-soft)}.music,.music-btn{display:flex;align-items:center}.music-btn{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--mint-deep),#6fd4ab);color:#fff;justify-content:center;flex:0 0 auto}.music-btn.ghost{width:24px;height:24px;background:var(--mint-soft);color:var(--mint-deep)}.music-title{font-family:var(--font-display);font-size:.82rem;color:var(--mint-deep);cursor:pointer;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toasts{position:fixed;top:14px;left:14px;z-index:150;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:min(80vw,300px);pointer-events:none}.toast{background:var(--ink);color:#fff;border-radius:16px;padding:11px 18px;font-size:.85rem;line-height:1.45;box-shadow:0 10px 30px rgba(84,52,74,.3);text-align:left}.progress{position:fixed;bottom:0;left:0;right:0;z-index:80;height:56px;padding:0 18px;display:flex;align-items:center;background:linear-gradient(180deg,transparent,rgba(255,247,242,.95) 40%);pointer-events:none}.progress-line{position:relative;flex:1;height:4px;border-radius:4px;background-image:linear-gradient(90deg,var(--pink) 0 10px,transparent 10px 20px);background-size:20px 4px}.progress-fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,var(--pink-deep),var(--lav-deep));transform-origin:left}.progress-walker{position:absolute;top:-14px;font-size:1.25rem;margin-left:-10px}.progress-flag{font-size:1.1rem;margin-left:10px}.envelope{display:inline-flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .2s ease;text-align:center}.envelope:hover{transform:translateY(-4px)}.env-icon{font-size:2.4rem;filter:drop-shadow(0 8px 16px rgba(232,93,138,.3))}.envelope.locked .env-icon{filter:grayscale(.85) opacity(.75)}.env-label{font-family:var(--font-display);font-size:.78rem;color:var(--rose);background:var(--white);border-radius:999px;padding:4px 12px;box-shadow:var(--shadow-soft);max-width:180px}.envelope.locked .env-label{color:var(--ink-soft)}.env-corner{position:absolute;bottom:130px;right:clamp(16px,7vw,90px);z-index:4}.modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(84,52,74,.45);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px}.letter-paper{background:linear-gradient(180deg,#fffdf8,#fff6ee);border-radius:22px;max-width:560px;width:100%;max-height:82vh;overflow-y:auto;padding:40px 36px;box-shadow:0 30px 80px rgba(84,52,74,.35);border:1px solid var(--peach);position:relative}.letter-paper:before{content:"💌";position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:2rem}.letter-title{font-family:var(--font-script);font-size:1.9rem;color:var(--rose);text-align:center;margin-bottom:18px}.letter-paper p{line-height:1.8;color:var(--ink);margin-bottom:14px;font-size:1rem}.letter-close{margin:10px auto 0;display:block}.carousel{position:relative}.car-frame{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--white);padding:14px 14px 0;transform:rotate(-1.2deg)}.car-frame img{width:100%;height:min(48vh,420px);-o-object-fit:cover;object-fit:cover;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.car-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 6px 16px}.car-caption b{font-family:var(--font-script);font-weight:500;font-size:1.3rem;color:var(--rose)}.car-caption span{font-size:.78rem;color:var(--ink-soft);white-space:nowrap}.car-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--white);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--rose);z-index:5}.car-nav.prev{left:-10px}.car-nav.next{right:-10px}.car-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.car-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);transition:transform .2s ease,background .2s ease}.car-dot.active{background:var(--rose);transform:scale(1.4)}.msg-card{min-height:150px;align-items:center;text-align:center;font-family:var(--font-script);font-size:clamp(1.35rem,3vw,1.8rem);color:var(--rose);line-height:1.45;padding:30px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:2px dashed var(--pink)}.msg-actions,.msg-card{display:flex;justify-content:center}.msg-actions{margin-top:20px}.checkpoint{text-align:center}.cp-badge{display:inline-block;font-family:var(--font-display);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--lav-deep),var(--pink-deep));border-radius:999px;padding:6px 16px;margin-bottom:16px}.cp-emoji{font-size:3.4rem;margin:8px 0}.cp-desc{color:var(--ink-soft);line-height:1.6;max-width:420px;margin:10px auto 22px}.cp-played{margin-top:12px;font-size:.8rem;color:var(--mint-deep);font-family:var(--font-display)}.game-modal{background:var(--cream);border-radius:24px;width:min(96vw,640px);max-height:92vh;overflow-y:auto;box-shadow:0 30px 80px rgba(84,52,74,.4);position:relative;display:flex;flex-direction:column}.gm-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--white);border-bottom:2px dashed var(--pink);position:sticky;top:0;z-index:5;border-radius:24px 24px 0 0}.gm-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--rose)}.gm-close{width:34px;height:34px;border-radius:50%;background:var(--pink-soft);color:var(--rose);display:flex;align-items:center;justify-content:center;font-size:1.05rem}.gm-body{padding:24px;flex:1}.gm-intro,.gm-result{text-align:center;padding:26px 10px}.gm-intro-emoji,.gm-result-emoji{font-size:3.6rem;margin-bottom:12px}.gm-intro h3,.gm-result h3{font-family:var(--font-display);font-weight:600;font-size:1.45rem;margin-bottom:10px}.gm-intro p,.gm-result p{color:var(--ink-soft);line-height:1.65;max-width:420px;margin:0 auto 8px}.gm-actions{gap:12px;justify-content:center;margin-top:22px}.gm-actions,.gm-hud{display:flex;flex-wrap:wrap}.gm-hud{justify-content:space-between;align-items:center;gap:10px;font-family:var(--font-display);font-size:.9rem;color:var(--ink-soft);margin-bottom:14px}.gm-hud b{color:var(--rose);font-size:1.05rem}.gm-points{font-family:var(--font-display);color:var(--mint-deep)}.mm-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.mm-grid.small{grid-template-columns:repeat(3,1fr);max-width:380px;margin:0 auto}.mm-card{aspect-ratio:3/4;perspective:700px;cursor:pointer}.mm-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.34,1.4,.5,1)}.mm-card.flipped .mm-inner{transform:rotateY(180deg)}.mm-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}.mm-back{background:linear-gradient(135deg,var(--pink),var(--lav));font-size:1.6rem;border:2px solid var(--white);box-shadow:var(--shadow-soft)}.mm-front{transform:rotateY(180deg);background:var(--white);font-size:2rem}.mm-front img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mm-card.matched{animation:mm-pop .5s ease;pointer-events:none}.mm-card.matched .mm-inner{box-shadow:0 0 0 3px var(--mint-deep);border-radius:14px}@keyframes mm-pop{0%{transform:scale(1)}50%{transform:scale(1.08) rotate(2deg)}to{transform:scale(1)}}.hc-arena{position:relative;height:min(52vh,440px);border-radius:18px;background:linear-gradient(180deg,var(--lav-soft),var(--pink-soft));overflow:hidden;border:2px solid var(--pink);touch-action:manipulation}.hc-item{font-size:2rem;will-change:transform;line-height:1;padding:6px}.hc-decoy,.hc-item{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hc-decoy{font-size:2.2rem}.hc-target-note{font-size:.78rem;color:var(--lav-deep)}.tv-q{font-family:var(--font-display);font-weight:600;font-size:1.25rem;line-height:1.4;margin-bottom:18px;text-align:center}.tv-options{display:grid;gap:10px}.tv-opt{background:var(--white);border:2px solid var(--lav);border-radius:16px;padding:14px 18px;text-align:left;font-size:.98rem;transition:transform .15s ease,border-color .15s ease}.tv-opt:hover{transform:translateX(4px);border-color:var(--lav-deep)}.tv-opt.right{border-color:var(--mint-deep);background:var(--mint-soft)}.tv-opt.wrong{border-color:var(--rose);background:var(--pink-soft)}.tv-verdict{margin-top:16px;border-radius:16px;border:2px dashed var(--peach-deep);padding:14px 18px;line-height:1.55;font-size:.95rem}.dd-canvas,.tv-verdict{background:var(--white)}.dd-canvas{border-radius:18px;border:2px solid var(--peach);box-shadow:var(--shadow-soft);max-width:340px;margin:0 auto 18px;padding:10px}.dd-canvas svg{width:100%;height:auto;display:block}.tt-sentence{background:var(--white);border-radius:16px;padding:18px 20px;font-size:1.05rem;line-height:1.7;border:2px solid var(--mint);letter-spacing:.01em}.tt-sentence .done{color:var(--mint-deep)}.tt-sentence .bad{color:var(--rose);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.tt-sentence .todo{color:var(--ink-soft)}.tt-input{width:100%;margin-top:14px;border:2px solid var(--lav);border-radius:16px;padding:14px 18px;font-size:1rem;outline:none;background:var(--white)}.tt-input:focus{border-color:var(--lav-deep)}.tt-race{margin-top:16px;display:grid;gap:8px}.tt-lane{position:relative;height:30px;background:var(--white);border-radius:999px;border:2px solid var(--pink-soft);overflow:hidden}.tt-lane-fill{position:absolute;inset:0;transform-origin:left;border-radius:999px;opacity:.35}.tt-lane.her .tt-lane-fill{background:var(--pink-deep)}.tt-lane.ghost .tt-lane-fill{background:var(--lav-deep)}.tt-lane-emoji{font-size:1.05rem;margin-left:-6px}.tt-lane-emoji,.tt-lane-name{position:absolute;top:50%;transform:translateY(-50%)}.tt-lane-name{left:10px;font-size:.68rem;color:var(--ink-soft);z-index:2}.rd-q,.tt-lane-name{font-family:var(--font-display)}.rd-q{font-weight:600;font-size:1.2rem;line-height:1.5;text-align:center;background:var(--white);border-radius:18px;padding:22px;border:2px solid var(--lav);margin-bottom:16px}.rd-input-row{display:flex;gap:10px}.rd-input-row input{flex:1;border:2px solid var(--pink);border-radius:999px;padding:12px 20px;outline:none;background:var(--white)}.rd-input-row input:focus{border-color:var(--rose)}.rd-hint{margin-top:12px;text-align:center;font-size:.85rem;color:var(--ink-soft)}.rd-verdict{margin-top:14px;background:var(--white);border:2px dashed var(--lav-deep);border-radius:16px;padding:14px 18px;line-height:1.55;text-align:center;font-size:.95rem}.lb-list{display:grid;gap:10px;margin-top:18px}.lb-row{display:flex;align-items:center;gap:14px;background:var(--white);border-radius:18px;padding:13px 18px;box-shadow:var(--shadow-soft);border:2px solid transparent;text-align:left;width:100%}.lb-row.her{border-color:var(--pink-deep);background:var(--pink-soft)}.lb-row.secret{border:2px dashed var(--gold);cursor:pointer}.lb-rank{font-weight:600;color:var(--lav-deep);width:26px;text-align:center}.lb-name,.lb-rank{font-family:var(--font-display)}.lb-name{font-weight:500;flex:1}.lb-note{font-size:.72rem;color:var(--ink-soft);display:block}.lb-score{font-family:var(--font-display);font-weight:600;color:var(--rose)}.today-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.stat-chip{background:var(--white);border-radius:16px;padding:10px 16px;box-shadow:var(--shadow-soft);font-family:var(--font-display);font-size:.85rem;color:var(--ink-soft)}.stat-chip b{color:var(--rose);font-size:1.05rem;display:block}.finale{text-align:center}.finale .big-title{font-size:clamp(2.1rem,5.5vw,3.6rem);background:linear-gradient(120deg,var(--rose),var(--peach-deep),var(--lav-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.fin-sub{font-family:var(--font-script);font-size:clamp(1.5rem,3.5vw,2.1rem);color:var(--lav-deep);margin-top:8px}.fin-note{color:var(--ink-soft);margin-top:18px;font-size:.95rem}.fin-candles{display:flex;justify-content:center;gap:clamp(8px,2.5vw,20px);margin:26px 0 8px}.candle{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;background:none}.candle-flame{font-size:1.3rem;animation:flicker .7s ease-in-out infinite alternate}.candle.out .candle-flame{animation:none}@keyframes flicker{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.15) rotate(3deg)}}.candle-body{width:14px;height:44px;border-radius:6px;background:repeating-linear-gradient(45deg,var(--pink) 0 6px,var(--white) 6px 12px);border:1px solid var(--pink-deep)}.candle-month{font-size:.62rem;color:var(--ink-soft);font-family:var(--font-display)}.fin-month-note{min-height:52px;margin-top:10px;font-size:.92rem;color:var(--ink-soft);font-style:italic}.fin-wish{margin-top:18px;font-family:var(--font-script);font-size:1.5rem;color:var(--rose);line-height:1.5}.fin-footer{margin-top:34px;font-size:.75rem;color:var(--ink-soft);opacity:.85}.fin-sky-egg{position:absolute;top:90px;right:clamp(20px,8vw,120px);font-size:2rem}.ladybug{position:absolute;bottom:96px;font-size:1.4rem;z-index:4;cursor:pointer;animation:crawl 9s linear infinite alternate}@keyframes crawl{0%{transform:translateX(0) rotate(6deg)}to{transform:translateX(min(30vw,300px)) rotate(-6deg)}}.scroll-hint{position:fixed;bottom:62px;right:20px;z-index:80;font-family:var(--font-display);font-size:.8rem;color:var(--rose);background:var(--white);padding:8px 16px;border-radius:999px;box-shadow:var(--shadow);pointer-events:none}@media (max-width:640px){.station{padding:76px 18px 110px}.ticker{display:none}.scoreboard{padding:8px 12px}.mm-grid{gap:8px}.car-nav.prev{left:-6px}.car-nav.next{right:-6px}.letter-paper{padding:32px 22px}}.gate{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:6px;background:radial-gradient(circle at 20% 25%,var(--lav) 0,transparent 45%),radial-gradient(circle at 80% 20%,var(--peach) 0,transparent 45%),radial-gradient(circle at 70% 85%,var(--mint) 0,transparent 45%),radial-gradient(circle at 25% 80%,var(--pink) 0,transparent 50%),var(--cream);overflow-y:auto}.gate-heart{font-size:2.6rem}.gate-title{font-weight:600;font-size:clamp(1.7rem,5.5vw,2.8rem);background:linear-gradient(120deg,var(--rose),var(--lav-deep),var(--peach-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.gate-sub,.gate-title{font-family:var(--font-display)}.gate-sub{color:var(--ink-soft);font-size:.92rem;letter-spacing:.06em}.gate-count{display:flex;gap:12px;margin:22px 0 8px}.cd-block{background:var(--white);border-radius:18px;box-shadow:var(--shadow);border:2px solid var(--pink);padding:14px 12px 10px;min-width:74px;display:flex;flex-direction:column;align-items:center;gap:2px}.cd-block b{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,5vw,2.2rem);color:var(--rose);font-variant-numeric:tabular-nums}.cd-block span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-family:var(--font-display)}.gate-hint{margin-top:14px;max-width:420px;color:var(--ink-soft);font-size:.92rem;line-height:1.6}.gate-hint.soft{color:var(--lav-deep)}.gate-pw-row{margin-top:14px;display:flex;gap:10px;width:min(92vw,380px)}.gate-pw-row input{flex:1;border:2px solid var(--pink);border-radius:999px;padding:13px 20px;outline:none;background:var(--white);text-align:center}.gate-pw-row input:focus{border-color:var(--rose)}.gate-error{margin-top:12px;color:var(--rose);font-size:.88rem;font-family:var(--font-display)}.gate-correct{margin-top:16px;max-width:460px}.gate-correct-line{background:var(--white);border:2px dashed var(--mint-deep);border-radius:18px;padding:16px 20px;line-height:1.6;font-size:.95rem;color:var(--ink)}.gate-teasers{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.gate-teaser-label{width:100%;font-family:var(--font-script);font-size:1.2rem;color:var(--rose);margin-bottom:4px}@media (max-width:400px){.cd-block{min-width:64px;padding:10px 8px 8px}}.sky{position:fixed;inset:0;z-index:-3;opacity:0;transition:opacity 1.8s ease;pointer-events:none}.sky.on{opacity:1}.sky-morning{background:linear-gradient(180deg,#fff3ec,#ffeef5 55%,#fff7f2)}.sky-noon{background:linear-gradient(180deg,#eaf6ff,#ecfaf3 60%,#fff7f2)}.sky-sunset{background:linear-gradient(180deg,#ffe0c2,#ffd9e8 55%,#f4eeff)}.sky-night{background:linear-gradient(180deg,#d9d0f2,#e4d9f5 55%,#f3e7f0)}.sky-sunrise{background:linear-gradient(180deg,#ffe9b8,#ffdfd0 50%,#ffeef5)}.sky-star{position:absolute;color:#b49ae0;font-size:1rem;animation:twinkle 2.4s ease-in-out infinite}.sky-star:nth-child(2n){animation-delay:1.2s}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.progress-biscuit{position:absolute;top:-13px;font-size:1.1rem;margin-left:-38px;pointer-events:auto;cursor:pointer;transition:transform .15s ease}.progress-biscuit:active{transform:scale(1.4) rotate(-10deg)}.terms-link{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;color:var(--rose);font:inherit}.runaway-box{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}.runaway-no{transition:left .15s ease-out,top .15s ease-out;z-index:3}.cc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.cc-input{flex:1;min-width:130px;border:2px solid var(--pink);border-radius:999px;padding:12px 20px;outline:none;background:var(--white);text-align:center}.cc-input:focus{border-color:var(--rose)}.cc-heart{font-size:1.4rem}.cc-status{margin-top:14px;text-align:center;font-size:.85rem;color:var(--ink-soft)}.rose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rose-card{background:var(--white);border:2px solid var(--pink-soft);border-radius:18px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow-soft);transition:transform .15s ease,border-color .15s ease}.rose-card:hover{transform:translateY(-3px)}.rose-card.open{border-color:var(--rose);background:var(--pink-soft)}.rose-emoji{font-size:1.8rem}.rose-mood{font-family:var(--font-display);font-size:.78rem;color:var(--ink-soft)}.slot-row{display:grid;gap:10px}.slot-row.single{display:flex;justify-content:center}.slot-reel.wide{min-width:260px;max-width:420px;padding:18px 20px;font-size:.95rem;line-height:1.4}.slot-reel{background:var(--white);border:2px dashed var(--lav-deep);border-radius:16px;min-height:64px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 16px;font-family:var(--font-display);font-size:.95rem;color:var(--ink)}.slot-reel.spinning{animation:reel-shake .15s linear infinite;color:var(--lav-deep)}@keyframes reel-shake{0%{transform:translateY(-1px)}50%{transform:translateY(1px)}to{transform:translateY(-1px)}}.coupon-grid{display:grid;gap:12px}.coupon{position:relative;background:var(--white);border:2px dashed var(--peach-deep);border-radius:16px;padding:16px 18px;text-align:left;display:flex;flex-direction:column;gap:6px;overflow:hidden}.coupon-title{font-family:var(--font-display);font-weight:600;color:var(--rose)}.coupon-note{font-size:.82rem;color:var(--ink-soft);line-height:1.5}.coupon.claimed{background:var(--pink-soft)}.coupon-stamp{position:absolute;top:10px;right:12px;font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;color:var(--rose);border:2px solid var(--rose);border-radius:8px;padding:3px 8px;transform:rotate(8deg);background:var(--white)}.scratch-frame{position:relative;max-width:340px;margin:0 auto;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.scratch-frame img{width:100%;height:240px;-o-object-fit:cover;object-fit:cover;display:block}.scratch-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.pb-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pb-thumb{position:relative;border-radius:12px;overflow:hidden;border:3px solid transparent;padding:0}.pb-thumb img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;display:block}.pb-thumb.on{border-color:var(--rose)}.pb-badge{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:var(--rose);color:#fff;font-size:.75rem;font-family:var(--font-display);display:flex;align-items:center;justify-content:center}.pb-strip{margin:20px auto 0;width:190px;background:var(--white);padding:12px 12px 8px;box-shadow:0 18px 50px rgba(84,52,74,.3);display:flex;flex-direction:column;gap:10px}.pb-strip img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover}.pb-strip.wrap{width:auto;max-width:480px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.pb-strip.wrap img{height:100px}.pb-footer{font-family:var(--font-script);color:var(--rose);font-size:.95rem;padding:2px 0 4px}.cert,.pb-footer{text-align:center}.cert{background:linear-gradient(180deg,#fffdf8,#fff6ee);border:3px double var(--gold);border-radius:18px;padding:28px 24px 34px;position:relative;max-width:440px;margin:0 auto}.cert-heading{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--peach-deep)}.cert-name{font-family:var(--font-script);font-size:1.9rem;color:var(--rose);margin:10px 0}.cert-citation{font-size:.88rem;color:var(--ink-soft);line-height:1.6}.cert-signed{margin-top:14px;font-size:.72rem;color:var(--ink-soft);font-family:var(--font-display)}.cert-seal{position:absolute;bottom:-14px;right:18px;font-size:2.2rem;filter:drop-shadow(0 6px 12px rgba(245,183,60,.4))}.chat-window{background:var(--white);border-radius:18px;border:2px solid var(--lav);padding:16px;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.chat-bubble{max-width:82%;padding:10px 14px;border-radius:16px;font-size:.92rem;line-height:1.5}.chat-bubble.him{align-self:flex-start;background:var(--lav-soft);border-bottom-left-radius:4px}.chat-bubble.her{align-self:flex-end;background:var(--pink-soft);border-bottom-right-radius:4px}.chat-bubble.blank{border:2px dashed var(--rose);color:var(--ink-soft);min-width:60px;text-align:center}.tl-list{display:grid;gap:10px}.tl-item{display:flex;align-items:center;gap:12px;background:var(--white);border:2px solid var(--lav);border-radius:16px;padding:12px 16px;text-align:left;font-size:.92rem;line-height:1.45}.tl-item.tapped{border-color:var(--lav-deep);background:var(--lav-soft)}.tl-item.right{border-color:var(--mint-deep);background:var(--mint-soft)}.tl-item.wrong{border-color:var(--rose);background:var(--pink-soft)}.tl-num{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--white);border:2px solid var(--lav-deep);color:var(--lav-deep);font-family:var(--font-display);font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center}.tl-date{color:var(--ink-soft);font-size:.8rem}.bingo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bingo-cell{position:relative;background:var(--white);border:2px solid var(--pink-soft);border-radius:14px;padding:10px 8px;min-height:84px;font-size:.72rem;line-height:1.35;display:flex;align-items:center;justify-content:center;text-align:center}.bingo-cell.marked{border-color:var(--pink-deep);background:var(--pink-soft)}.bingo-cell.missed{border-style:dashed;border-color:var(--gold)}.bingo-stamp{position:absolute;top:2px;right:4px;font-size:.85rem}.whack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:330px;margin:0 auto}.whack-hole{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 65%,var(--peach),var(--peach-soft) 70%);border:3px solid var(--peach-deep);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.whack-face{font-size:2.2rem;transform:translateY(110%);transition:transform .12s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;padding-bottom:8px}.whack-face.up{transform:translateY(0)}.whack-dirt{position:absolute;bottom:0;left:10%;right:10%;height:12px;border-radius:50%;background:var(--peach-deep);opacity:.35}.us-counter{margin-top:18px;background:var(--white);border:2px dashed var(--pink-deep);border-radius:16px;padding:12px 18px;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.us-count-label{font-size:.72rem;color:var(--ink-soft);letter-spacing:.08em}.us-count-label,.us-counter b{font-family:var(--font-display)}.us-counter b{font-size:1.25rem;color:var(--rose)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (min-width:560px){.coupon-grid{grid-template-columns:1fr 1fr}.slot-row{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.candle-flame,.ladybug,.sky-star,.slot-reel.spinning,.station-decor{animation:none}}.station-corner-egg{position:absolute;bottom:6%;right:6%}.station-action-row{display:flex;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}.twin-clock{display:flex;flex-direction:column;align-items:center;gap:10px}.twin-clock-label{font-size:.78rem;color:var(--ink-soft);font-family:var(--font-display);letter-spacing:.06em}.twin-clock-row{display:flex;gap:14px}.twin-clock-block{background:var(--white);border-radius:18px;box-shadow:var(--shadow-soft);padding:14px 20px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.twin-clock-city{font-size:.75rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.twin-clock-block b{font-family:var(--font-display);font-size:1.3rem;color:var(--rose);font-variant-numeric:tabular-nums}.next-meeting{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.next-meeting-line{color:var(--ink-soft);font-size:.92rem;max-width:400px;line-height:1.6}.next-meeting-count{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display)}.next-meeting-count b{font-size:1.6rem;color:var(--rose)}.next-meeting-count span{font-size:.72rem;color:var(--ink-soft);margin-right:10px}.promise-tracker{display:flex;flex-direction:column;align-items:center;gap:12px}.promise-empty-line{color:var(--ink-soft);font-size:.9rem;text-align:center}.promise-list{gap:8px;width:100%;max-width:420px;max-height:46vh;overflow-y:auto;padding-right:4px}.promise-item,.promise-list{display:flex;flex-direction:column}.promise-item{background:var(--white);border-radius:14px;padding:12px 14px;gap:6px;font-size:.85rem;text-align:left;box-shadow:var(--shadow-soft)}.promise-item.kept{border-left:4px solid var(--mint-deep)}.promise-item.pending{border-left:4px solid var(--gold)}.promise-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.promise-badge{font-family:var(--font-display);font-size:.68rem;flex:0 0 auto}.promise-text{line-height:1.5;color:var(--ink)}.promise-date{font-size:.7rem;color:var(--ink-soft);flex:0 0 auto;white-space:nowrap}.anniversaries{align-items:center;gap:12px}.anniversaries,.anniversary-list{display:flex;flex-direction:column}.anniversary-list{gap:8px;width:100%;max-width:420px;max-height:32vh;overflow-y:auto;padding-right:4px}.anniversary-item{background:var(--white);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-soft);font-size:.88rem}.anniversary-label{flex:1}.anniversary-days{font-family:var(--font-display);color:var(--rose);font-size:.8rem}.jokes-dict{align-items:center;gap:12px}.jokes-dict,.jokes-list{display:flex;flex-direction:column}.jokes-list{gap:8px;width:100%;max-width:460px}.joke-entry{background:var(--white);border-radius:16px;padding:14px 18px;box-shadow:var(--shadow-soft);text-align:left;display:flex;flex-direction:column;gap:6px}.joke-entry.open{background:var(--pink-soft)}.joke-term{font-family:var(--font-display);font-weight:600;color:var(--rose)}.joke-meaning{font-size:.85rem;color:var(--ink-soft);line-height:1.5;overflow:hidden}.voice-grid{align-items:center;gap:14px}.voice-grid,.voice-grid-list{display:flex;flex-direction:column}.voice-grid-list{gap:10px;width:100%;max-width:420px}.voice-clip{display:flex;align-items:center;gap:12px;background:var(--white);border-radius:16px;padding:12px 16px;box-shadow:var(--shadow-soft);text-align:left;border:2px solid transparent}.voice-clip.locked{opacity:.65}.voice-clip.playable{border-color:var(--pink);cursor:pointer}.voice-clip.playing{border-color:var(--rose);background:var(--pink-soft)}.voice-clip-icon{font-size:1.3rem;flex:0 0 auto}.voice-clip-body{display:flex;flex-direction:column;gap:2px}.voice-clip-label{font-family:var(--font-display);font-size:.88rem}.voice-clip-fallback{font-size:.76rem;color:var(--ink-soft)}.tot-row{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap}.tot-card{background:var(--white);border:2px solid var(--pink-soft);border-radius:20px;padding:26px 22px;min-width:140px;font-family:var(--font-display);font-size:1rem;box-shadow:var(--shadow-soft);text-align:center}.tot-card.picked{border-color:var(--rose);background:var(--pink-soft)}.tot-or{font-family:var(--font-script);font-size:1.3rem;color:var(--lav-deep)}.diagnosis-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px;max-width:460px;margin:0 auto;text-align:center}.diagnosis-tier{font-family:var(--font-display);color:var(--mint-deep);font-size:.95rem;margin:6px 0 18px}.diagnosis-traits{display:flex;flex-direction:column;gap:8px}.diagnosis-row{display:flex;justify-content:space-between;gap:10px;background:var(--pink-soft);border-radius:12px;padding:8px 14px;font-size:.85rem;text-align:left}.diagnosis-label{color:var(--ink-soft)}.diagnosis-value{font-family:var(--font-display);color:var(--rose);text-align:right}.glitch-text{display:block;margin:14px auto 0;font-family:monospace;font-size:.9rem;color:var(--lav-deep);letter-spacing:.03em;background:none;border:none;cursor:pointer}.glitch-text.resolved{color:var(--rose);font-family:var(--font-body);font-style:italic}.morse-egg{font-family:monospace;font-size:.85rem;color:var(--ink-soft);border-radius:10px;padding:6px 10px;opacity:.7}.jar-frame,.morse-egg{background:var(--white);box-shadow:var(--shadow-soft)}.jar-frame{display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:24px;padding:22px;cursor:pointer;max-width:220px;margin:0 auto}.jar-emoji{font-size:2.6rem}.jar-count{font-size:.78rem;color:var(--ink-soft);font-family:var(--font-display)}.jar-note{max-width:420px;margin:16px auto 0;text-align:center;font-style:italic}.roast-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.roast-col{display:flex;flex-direction:column;gap:8px}.roast-col-title{font-family:var(--font-display);color:var(--ink-soft);margin-bottom:4px}.roast-card,.roast-col-title{font-size:.8rem;text-align:center}.roast-card{background:var(--white);border-radius:14px;padding:12px 10px;box-shadow:var(--shadow-soft);min-height:52px;display:flex;align-items:center;justify-content:center}.roast-card.open{background:var(--pink-soft);color:var(--rose)}.devnote-wrap{margin-top:16px;text-align:center}.devnote-toggle{background:none;border:1px dashed var(--lav-deep);border-radius:999px;padding:6px 14px;font-size:.75rem;color:var(--lav-deep);font-family:var(--font-display)}.devnote-text{max-width:420px;margin:10px auto 0;font-size:.85rem;color:var(--ink-soft);font-style:italic;overflow:hidden}.future-us-textarea{display:block;width:100%;max-width:480px;margin:0 auto;border:2px solid var(--pink);border-radius:18px;padding:16px;font-family:var(--font-body);font-size:.92rem;resize:vertical;background:var(--white);text-align:left}.future-us-textarea:focus{outline:none;border-color:var(--rose)}.write-back{display:inline-block}.jukebox-list{display:flex;flex-direction:column;gap:8px;max-width:400px;margin:0 auto}.jukebox-track{display:flex;align-items:center;gap:10px;background:var(--white);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-soft);font-size:.9rem;text-align:left}.jukebox-track.active{background:var(--pink-soft);color:var(--rose);font-weight:600}.jukebox-note{font-size:1rem;color:var(--lav-deep)}.encrypted-block{background:var(--white);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow-soft);margin-top:16px;text-align:center;border:2px dashed var(--lav-deep)}.encrypted-block.shake{animation:encrypted-shake .4s ease}@keyframes encrypted-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.encrypted-teaser{font-size:.8rem;color:var(--ink-soft);margin-bottom:6px}.encrypted-question{font-family:var(--font-display);font-size:.92rem;margin-bottom:12px}.encrypted-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.encrypted-form input{border:2px solid var(--pink);border-radius:999px;padding:8px 16px;text-align:center;outline:none;background:var(--cream)}.encrypted-form input:focus{border-color:var(--rose)}.encrypted-revealed{margin-top:16px;padding:16px 20px;background:var(--mint-soft);border-radius:16px;font-size:.9rem;line-height:1.6;max-width:480px;margin-left:auto;margin-right:auto}.board-frame{position:relative;width:100%;max-width:560px;aspect-ratio:100/60;margin:0 auto;background:var(--white);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.board-svg{position:absolute;inset:0;width:100%;height:100%}.board-line{stroke:var(--rose);stroke-width:.4;stroke-dasharray:2 1}.board-node{position:absolute;transform:translate(-50%,-50%);background:var(--pink-soft);border:1px solid var(--pink-deep);border-radius:10px;padding:6px 10px;font-size:.62rem;max-width:110px;text-align:center;line-height:1.3;box-shadow:var(--shadow-soft)}.remix-block{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}.badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.badge-cell{background:var(--white);border-radius:18px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow-soft);text-align:center}.badge-cell.unlocked{background:linear-gradient(160deg,var(--pink-soft),var(--white));border:2px solid var(--gold)}.badge-cell.locked{opacity:.5}.badge-emoji{font-size:1.8rem}.badge-title{font-family:var(--font-display);font-size:.82rem;font-weight:600}.badge-desc{font-size:.72rem;color:var(--ink-soft)}.speedrun-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--white);border-radius:20px;padding:20px;box-shadow:var(--shadow);max-width:260px;margin:0 auto}.speedrun-time{font-family:var(--font-display);font-size:1.8rem;color:var(--rose);font-variant-numeric:tabular-nums}.speedrun-label{font-size:.72rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.speedrun-flavor{max-width:300px;margin:14px auto 0;display:flex;flex-direction:column;gap:6px}.speedrun-flavor-row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ink-soft)}.stats-card{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.stats-row{display:flex;justify-content:space-between;background:var(--white);border-radius:12px;padding:10px 16px;box-shadow:var(--shadow-soft);font-size:.88rem}.stats-label{color:var(--ink-soft)}.stats-value{font-weight:600}.bookmark-btn,.stats-value{font-family:var(--font-display);color:var(--rose)}.bookmark-btn{background:var(--white);border:2px solid var(--pink);border-radius:999px;padding:8px 16px;font-size:.78rem}.bookmark-btn.saved{background:var(--pink-soft);border-color:var(--rose)}.bookmarks-list{display:flex;flex-direction:column;gap:8px;max-width:460px;margin:0 auto}.bookmark-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--white);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-soft)}.bookmark-label{display:block;font-family:var(--font-display);font-size:.85rem}.bookmark-note{display:block;font-size:.75rem;color:var(--ink-soft)}.bookmark-remove{background:none;border:none;color:var(--ink-soft);font-size:1.2rem;line-height:1;padding:4px 8px}.cry-btn{background:var(--white);border:2px solid var(--lav);border-radius:999px;padding:8px 16px;font-size:.78rem;color:var(--lav-deep);font-family:var(--font-display)}.cry-btn.active{background:var(--lav-soft);border-color:var(--lav-deep)}.first-unlock-overlay{position:fixed;inset:0;z-index:400;background:rgba(84,52,74,.55);display:flex;align-items:center;justify-content:center;padding:24px}.first-unlock-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 32px;text-align:center;max-width:420px}.first-unlock-emoji{font-size:3rem;margin-bottom:10px}.first-unlock-title{font-family:var(--font-display);font-size:1.5rem;color:var(--rose);margin-bottom:12px}.first-unlock-text{color:var(--ink-soft);font-size:.92rem;line-height:1.6;margin-bottom:20px}.settings-fab{bottom:20px;width:46px;height:46px;border-radius:50%;font-size:1.2rem;align-items:center;justify-content:center}.settings-fab,.settings-panel{position:fixed;right:20px;z-index:250;background:var(--white);box-shadow:var(--shadow);display:flex}.settings-panel{bottom:74px;border-radius:18px;padding:14px;flex-direction:column;gap:4px;min-width:200px}.settings-title{font-family:var(--font-display);font-size:.8rem;color:var(--ink-soft);padding:4px 8px 8px}.settings-row{display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:8px;border-radius:10px;font-size:.82rem}.settings-row:hover{background:var(--pink-soft)}.settings-switch{width:34px;height:18px;border-radius:999px;background:var(--pink);position:relative;transition:background .2s ease}.settings-switch.on{background:var(--rose)}.settings-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--white);transition:left .2s ease}.settings-switch.on .settings-knob{left:18px}.custom-cursor{position:fixed;z-index:500;font-size:1.4rem;pointer-events:none;transform:translate(-50%,-50%);transition:transform .05s linear}:root[data-theme=dark]{--cream:#241a22;--white:#2f2330;--ink:#f5e8f0;--ink-soft:#c9a8be;--pink-soft:#3a2734;--lav-soft:#2c2438;--mint-soft:#1f302a;--peach-soft:#362a24}:root[data-theme=dark] body{background:var(--cream)}:root[data-theme=dark] .chapter-card,:root[data-theme=dark] .checkpoint,:root[data-theme=dark] .letter-paper{background:var(--white)}:root[data-focus=on] .music,:root[data-focus=on] .progress,:root[data-focus=on] .scoreboard,:root[data-focus=on] .settings-fab{opacity:.15;pointer-events:none;transition:opacity .3s ease}:root[data-focus=on] .music:hover,:root[data-focus=on] .scoreboard:hover{opacity:1;pointer-events:auto}:root[data-reading=on] body{letter-spacing:.02em;line-height:1.85}:root[data-reading=on] p{line-height:1.9;max-width:60ch}:root[data-motion=reduced] *,:root[data-motion=reduced] :after,:root[data-motion=reduced] :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}:root[data-textsize=large]{font-size:112%}:root[data-season=spring] .sky-morning{filter:hue-rotate(-6deg)}:root[data-season=summer] .sky-noon{filter:saturate(1.1)}:root[data-season=autumn] .sky-sunset{filter:hue-rotate(8deg) saturate(1.05)}:root[data-season=winter] .sky-night{filter:hue-rotate(-4deg) brightness(.97)}@media (max-width:640px){.badge-grid,.roast-cols{grid-template-columns:1fr}.twin-clock-row{flex-direction:column;gap:8px}}.widget-block{text-align:center}.postcard-mockup{position:relative;max-width:480px;margin:0 auto;height:220px}.postcard-front{position:absolute;left:0;top:10px;width:260px;height:190px;background:#fff;padding:8px;border-radius:6px;box-shadow:var(--shadow);transform:rotate(-4deg)}.postcard-front img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px}.postcard-back{position:absolute;right:0;top:0;width:280px;height:190px;background:#f6f1e7;border-radius:6px;box-shadow:var(--shadow);transform:rotate(3deg);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.postcard-heading{font-family:var(--font-display);font-weight:600;font-size:.75rem;letter-spacing:.15em;color:var(--rose)}.postcard-stamp{position:absolute;top:14px;right:16px;font-size:1.4rem;border:2px dashed var(--lav-deep);padding:6px 8px;transform:rotate(6deg)}.postcard-lines{display:flex;flex-direction:column;gap:10px;margin-top:10px}.postcard-lines span{border-bottom:1px solid rgba(84,52,74,.18);padding-bottom:6px;font-size:.78rem;color:var(--ink)}.postcard-toFrom{margin-top:auto;display:flex;flex-direction:column;gap:4px;font-family:var(--font-script);color:var(--lav-deep);font-size:.95rem}@media (max-width:560px){.postcard-mockup{height:340px}.postcard-back,.postcard-front{width:240px;left:50%;right:auto;transform:translateX(-50%) rotate(-3deg)}.postcard-back{top:155px;transform:translateX(-50%) rotate(2deg)}}.cassette{display:flex;justify-content:center;margin-bottom:20px}.cassette-body{width:280px;background:linear-gradient(160deg,#f4eeff,#ffe7d4);border:3px solid var(--ink);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.cassette-window{background:hsla(0,0%,100%,.55);border-radius:8px;padding:10px 20px;display:flex;justify-content:space-between;margin-bottom:10px}.cassette-reel{font-size:1.8rem;color:var(--ink)}.cassette-label{display:block;text-align:center;font-family:var(--font-script);font-size:1.1rem;color:var(--rose)}.bubblewrap-sheet{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-width:420px;margin:0 auto;background:hsla(0,0%,100%,.5);border-radius:18px;padding:16px}.bubble{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,hsla(0,0%,100%,.9),var(--lav-soft) 60%,var(--lav) 100%);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.8),0 2px 3px rgba(169,138,224,.3);border:none;padding:0}.bubble.popped{background:var(--cream);box-shadow:inset 0 2px 5px rgba(84,52,74,.2);opacity:.4}.photo-collage{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.photo-collage-grid{position:absolute;inset:-4%;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.photo-collage-tile{aspect-ratio:1;overflow:hidden;border-radius:10px}.photo-collage-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.8) blur(.5px)}.photo-collage-wash{position:absolute;inset:0;background:linear-gradient(180deg,var(--cream) 0,rgba(255,247,242,.55) 40%,rgba(255,247,242,.55) 60%,var(--cream) 100%)}@media (max-width:640px){.photo-collage-grid{grid-template-columns:repeat(3,1fr)}}.car-frame img,.pb-thumb img,.postcard-front img{transition:transform .35s ease}.car-frame:hover img{transform:scale(1.04)}.pb-thumb:hover img{transform:scale(1.08) rotate(-1deg)}.fortune-orb{font-size:3.4rem;background:radial-gradient(circle at 40% 35%,hsla(0,0%,100%,.6),transparent 60%),var(--lav-soft);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:var(--shadow);border:3px solid var(--lav-deep)}.fortune-question{font-family:var(--font-script);font-size:1.3rem;color:var(--rose);margin:0 0 10px}.adventure-list{display:flex;flex-direction:column;gap:8px;max-width:420px;margin:0 auto}.adventure-item{display:flex;align-items:center;gap:10px;background:var(--white);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-soft);font-size:.88rem;text-align:left}.adventure-item.done{background:var(--mint-soft);text-decoration:line-through;color:var(--ink-soft)}.adventure-check{font-size:1rem;color:var(--mint-deep);flex:0 0 auto}.hidden-note-spot{position:absolute;z-index:5}.hidden-note-btn{background:none;border:none;font-size:1.3rem;opacity:.55;transition:opacity .2s ease,transform .2s ease}.hidden-note-btn:hover{opacity:1;transform:scale(1.1) rotate(-4deg)}.hidden-note-text{display:inline-block;max-width:200px;background:var(--white);border-radius:12px;padding:8px 12px;font-size:.78rem;font-style:italic;color:var(--ink-soft);box-shadow:var(--shadow-soft)}.biscuit-companion{position:fixed;z-index:300;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(0)}.biscuit-body{position:relative;font-size:5.5rem;filter:drop-shadow(0 10px 18px rgba(84,52,74,.28))}.biscuit-face{display:block;line-height:1}.biscuit-ear{position:absolute;top:-6px;left:-4px;font-size:1.1rem;opacity:.7}.biscuit-mouth{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:1.6rem;color:var(--ink);transform-origin:center}.biscuit-caption{font-family:var(--font-display);font-size:.68rem;color:var(--rose);background:var(--white);border-radius:999px;padding:3px 10px;box-shadow:var(--shadow-soft);white-space:nowrap}@media (max-width:720px){.biscuit-companion{display:none}}.reel-frame{position:relative;width:100%;max-width:420px;aspect-ratio:4/3;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:var(--white)}.reel-frame img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reel-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(84,52,74,.45);color:#fff;font-family:var(--font-display);font-size:.9rem;text-align:center;padding:20px}