:root{--bg: #f9f6ee;--panel: #ffffff;--ink: #1a1a1a;--sub: #6e6a5e;--yellow: #ffde4d;--red: #ff6b6b;--mint: #d2f0e4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Hiragino Maru Gothic ProN,Zen Maru Gothic,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-weight:600;min-height:100vh}#app{max-width:480px;margin:0 auto;padding:24px 16px 48px}h1{font-size:1.7rem;font-weight:800;text-align:center;letter-spacing:.02em}h1 .accent{color:var(--red)}h2{font-size:1.2rem;font-weight:800;line-height:1.5}.panel{background:var(--panel);border:3px solid var(--ink);border-radius:16px;padding:22px;margin:20px 0;box-shadow:4px 4px 0 var(--ink)}.sub{color:var(--sub);font-size:.85rem;line-height:1.8}button{font:inherit;cursor:pointer}.btn{display:block;width:100%;padding:14px;margin:14px 0;border-radius:14px;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);font-weight:800;font-size:1rem;box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn:disabled{background:#eae6da;color:var(--sub);transform:none;box-shadow:4px 4px 0 var(--ink)}.btn-ghost{background:#fff}.option{display:block;width:100%;text-align:left;padding:14px 18px;margin:14px 0;border-radius:14px;border:2px solid var(--ink);background:#fff;color:var(--ink);font-size:1rem;font-weight:700;box-shadow:4px 4px 0 var(--ink)}.option:active{background:var(--yellow);transform:translate(4px,4px);box-shadow:none}.option-selected{background:var(--yellow)}.option-selected:after{content:" ✓"}.btn:focus-visible,.option:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:2px}label{display:block;margin:14px 0 6px;font-weight:800}input,select{width:100%;padding:13px;font:inherit;font-weight:700;border-radius:12px;border:2px solid var(--ink);background:#fff;color:var(--ink)}input:focus,select:focus{outline:none;background:#fffbe6}.progress-track{height:18px;border-radius:9px;border:2px solid var(--ink);background:#fff;overflow:hidden;margin:16px 0}.progress-bar{height:100%;width:0;background:var(--red);transition:width .2s linear}.hero{background:var(--yellow);text-align:center}.hero-negative{background:var(--mint)}.hero-badge{display:table;margin:0 auto 10px;padding:5px 14px;border-radius:999px;border:2px solid var(--ink);background:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em}.hero-emoji{font-size:4.2rem;line-height:1.2}.code-chips{display:flex;justify-content:center;gap:10px;margin:12px 0}.code-chip{width:44px;height:44px;border-radius:12px;border:2px solid var(--ink);background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;box-shadow:3px 3px 0 var(--ink)}.code-chip-red{background:var(--red)}.hero-name{margin:10px 0 6px;font-size:1.6rem;font-weight:800}.hero-tagline{margin:0;font-weight:700;line-height:1.7}.section-title{margin:0 0 12px;font-size:1.05rem}.axis-row{padding:12px 14px;margin:10px 0;border:2px solid var(--ink);border-radius:12px;background:var(--bg)}.axis-row-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.axis-name{font-weight:800}.stars{font-size:1.05rem;letter-spacing:.06em;white-space:nowrap}.stars-fill{color:var(--red)}.stars-empty{color:var(--ink)}.axis-comment{margin:6px 0 0;font-size:.85rem;color:var(--sub);font-weight:700}.spice{background:var(--yellow)}.spice-negative{background:var(--mint)}.spice p{margin:0;font-weight:700;line-height:1.8}.trait{padding:14px;margin:12px 0;border:2px solid var(--ink);border-radius:12px;background:#fff;box-shadow:3px 3px 0 var(--ink)}.trait-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.chip{flex:none;width:34px;height:34px;border-radius:10px;border:2px solid var(--ink);background:var(--yellow);display:flex;align-items:center;justify-content:center;font-weight:800}.trait:nth-child(2n) .chip{background:var(--red)}.trait-title{font-weight:800;font-size:1rem}.trait p{margin:6px 0;font-size:.92rem;line-height:1.75}.trait-hint{padding:8px 12px;border-radius:10px;background:var(--bg);border:2px solid var(--ink);font-size:.85rem;font-weight:700}.checkup{background:var(--mint)}.error{color:var(--red);font-size:.9rem;font-weight:800}.step-indicator{display:table;margin:0 auto 4px;padding:6px 16px;border-radius:999px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font-size:.75rem;font-weight:800;letter-spacing:.15em;box-shadow:4px 4px 0 var(--ink)}footer.privacy{margin-top:32px;color:var(--sub);font-size:.75rem;line-height:1.8;text-align:center}footer.privacy a{color:var(--sub)}.privacy-text{font-size:.9rem;line-height:1.9;margin:6px 0 20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a99;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:24px;max-width:420px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:8px 8px 0 var(--ink)}.modal h2{margin:0 0 4px;text-align:center}.modal-step{display:flex;align-items:flex-start;gap:12px;margin:14px 0}.modal-step .emoji{flex:none;width:44px;height:44px;border-radius:12px;border:2px solid var(--ink);background:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.modal-step:nth-child(2n) .emoji{background:var(--mint)}.modal-step p{margin:2px 0;font-size:.92rem;line-height:1.6}.modal-step p strong{display:block}