:root{--bg:#fff8ef;--bg-card:#fff;--bg-sunk:#f6ead9;--ink:#3a2a22;--ink-soft:#7d6a58;--ink-faint:#ab9986;--line:#6b4b3a;--line-soft:#e6d5c0;--red:#e2897a;--red-bg:#fbe9e5;--yellow:#e8b756;--yellow-bg:#fbf1dd;--green:#8fac86;--green-bg:#eaf1e7;--blue:#7b9bbd;--blue-bg:#e8eff5;--font-display:"Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;--font-body:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#2a2018;--bg-card:#34281e;--bg-sunk:#201811;--ink:#f3e6d3;--ink-soft:#cbb89e;--ink-faint:#8f7c65;--line:#4a3a2a;--line-soft:#3c2f22;--red:#e79f92;--red-bg:#4a2e2a;--yellow:#edc575;--yellow-bg:#443318;--green:#a3c199;--green-bg:#2c3826;--blue:#93b3d1;--blue-bg:#263544}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.8}.wrap{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:28px 20px 60px;display:flex}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0 0 12px;font-weight:700}p{color:var(--ink-soft);margin:0 0 14px}.eyebrow{font-family:var(--font-body);letter-spacing:.04em;color:var(--ink-soft);margin-bottom:10px;font-size:13px;font-weight:700}.btn{width:100%;font-family:var(--font-body);cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;padding:18px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--red);color:var(--bg-card);box-shadow:0 4px #5c443326}.btn-secondary{background:var(--bg-card);color:var(--ink);border:2px solid var(--line)}.btn:disabled{opacity:.4;cursor:not-allowed}.progress-label{font-family:var(--font-body);color:var(--ink-faint);text-align:center;margin-bottom:10px;font-size:13px;font-weight:700}.progress{background:var(--bg-sunk);border-radius:8px;height:8px;margin-bottom:32px;overflow:hidden}.progress-bar{background:var(--yellow);border-radius:8px;height:100%;transition:width .3s}.question-text{font-size:22px;font-weight:700;font-family:var(--font-display);color:var(--ink);text-align:center;margin:8px 0 32px;line-height:1.6}.option-list{flex-direction:column;gap:14px;display:flex}.option-card{text-align:center;border:2.5px solid var(--line);background:var(--bg-card);width:100%;color:var(--ink);font-size:16px;font-weight:700;font-family:var(--font-body);cursor:pointer;border-radius:22px;padding:22px 20px;transition:border-color .15s,background .15s,transform .1s;display:block}.option-card:hover,.option-card:focus-visible{border-color:var(--yellow);background:var(--yellow-bg)}.option-card.selected{border-color:var(--red);background:var(--red-bg);transform:scale(.97)}.card{background:var(--bg-card);border:2px solid var(--line-soft);border-radius:22px;margin-bottom:16px;padding:22px 24px}.callout{background:var(--yellow-bg);color:var(--ink-soft);border-radius:16px;margin-bottom:20px;padding:16px 18px;font-size:13.5px}.reveal-duo{justify-content:center;align-items:center;gap:18px;margin:28px 0;display:flex}.reveal-slot{background:var(--bg-card);border:3px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:108px;height:108px;display:flex;overflow:hidden}.reveal-slot svg{width:88%;height:88%}.reveal-slot.known{border-color:var(--yellow);background:var(--yellow-bg)}.reveal-slot.mystery{color:var(--ink-faint);font-family:var(--font-display);border-style:dashed;font-size:34px;font-weight:700}.reveal-plus{color:var(--ink-faint);font-size:22px}.reveal-caption{text-align:center;color:var(--ink-faint);margin-top:-18px;margin-bottom:12px;font-size:13px}.hero-peek{justify-content:center;align-items:center;height:150px;margin-bottom:8px;display:flex;position:relative}.hero-peek .peek-left,.hero-peek .peek-right{width:130px;height:130px;position:absolute;top:10px}.hero-peek .peek-left{left:-18px;transform:rotate(-6deg)}.hero-peek .peek-right{right:-18px;transform:rotate(6deg)scaleX(-1)}.hero-peek .peek-plus{z-index:1;font-family:var(--font-display);color:var(--ink-faint);background:var(--bg);border:2px dashed var(--line-soft);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:26px;display:flex;position:relative}.cat-label{text-align:center;color:var(--ink-soft);margin-bottom:8px;font-size:13px;font-weight:700}.cat-dots{justify-content:center;gap:8px;margin-bottom:30px;display:flex}.cat-dot{background:var(--line-soft);border-radius:50%;width:9px;height:9px;transition:background .2s}.cat-dot.filled{background:var(--yellow)}.cat-toast{background:var(--bg);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.cat-toast .toast-mascot{width:84px;height:84px}.cat-toast .toast-text{font-family:var(--font-display);color:var(--ink);font-size:20px;font-weight:700}.result-hero{text-align:center;padding:8px 0 4px}.brand-mark{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-faint);margin-bottom:18px;font-size:11px;font-weight:700}.result-eyebrow{color:var(--ink-soft);margin-bottom:6px;font-size:14px;font-weight:700}.result-duo{justify-content:center;align-items:flex-end;gap:6px;margin-bottom:4px;display:flex}.result-duo .mascot{width:108px;height:108px}.result-duo .duo-plus{font-family:var(--font-display);color:var(--ink-faint);margin-bottom:40px;font-size:20px}.result-name{font-family:var(--font-display);color:var(--ink);margin:4px 0 14px;font-size:40px;font-weight:700}.result-tagline{color:var(--ink-soft);max-width:32ch;margin:0 auto 18px;font-size:15px;line-height:1.7}.hashtag-tag{color:var(--red);background:var(--red-bg);border-radius:20px;margin-bottom:28px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;margin:0 -4px 8px;padding:4px 4px 12px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.finding-card{scroll-snap-align:center;background:var(--bg-card);border:2px solid var(--line-soft);border-radius:24px;flex:0 0 88%;padding:22px}.finding-card.locked{text-align:center;background:var(--bg-sunk);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.locked-emoji{margin-bottom:10px;font-size:26px}.locked-teaser{color:var(--ink-soft);font-size:14.5px;font-weight:700}.finding-kicker{border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.finding-kicker.tone-gap{background:var(--red-bg);color:var(--red)}.finding-kicker.tone-match{background:var(--green-bg);color:var(--green)}.finding-title{color:var(--ink);margin-bottom:10px;font-size:15.5px;font-weight:700;line-height:1.6}.finding-body{color:var(--ink-soft);margin:0 0 14px;font-size:13.5px}.finding-tip{color:var(--ink);background:var(--bg-sunk);border-radius:12px;padding:12px 14px;font-size:12.5px}.carousel-dots{font-family:var(--font-mono);color:var(--ink-faint);justify-content:center;gap:6px;margin-bottom:24px;font-size:12px;display:flex}.lock-note{text-align:center;color:var(--ink-faint);margin:-12px 0 24px;font-size:12.5px}.share-box{background:var(--bg-sunk);font-family:var(--font-mono);color:var(--ink-soft);word-break:break-all;border-radius:16px;margin-bottom:16px;padding:16px 18px;font-size:12.5px}.stack{flex-direction:column;gap:12px;display:flex}.spacer{flex:1}