:root{--paper: #f3ecdd;--paper-2: #ece2cd;--ink: #16120c;--ink-soft: #4a4336;--red: #e0301e;--yellow: #f6c518;--blue: #2747b0;--line: #16120c;--radius: 14px;--shadow: 6px 6px 0 var(--ink);--maxw: 720px;font-family:Zen Kaku Gothic New,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(var(--ink) .6px,transparent .7px);background-size:7px 7px;opacity:.05}#root{position:relative;z-index:1}a{color:inherit}.display{font-family:Outfit,Zen Kaku Gothic New,sans-serif}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:2.5px solid var(--ink)}.site-header .bar{max-width:var(--maxw);margin:0 auto;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:8px;font-weight:900;letter-spacing:-.01em;text-decoration:none;font-size:18px}.brand .chip{background:var(--red);color:#fff;padding:2px 8px;border-radius:6px;font-family:Outfit;font-size:13px;transform:rotate(-3deg)}.nav{display:flex;gap:16px;font-size:13px;font-weight:700}.nav a{text-decoration:none;opacity:.8}.nav a:hover{opacity:1;color:var(--red)}@media (max-width: 560px){.nav{display:none}}.site-footer{border-top:2.5px solid var(--ink);margin-top:60px;padding:28px 0 50px;font-size:12px;color:var(--ink-soft)}.site-footer .links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}.site-footer a{text-decoration:none;font-weight:700}.disclaimer{line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:900;font-size:17px;padding:15px 26px;border:2.5px solid var(--ink);border-radius:var(--radius);background:var(--yellow);color:var(--ink);text-decoration:none;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .08s ease}.btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}.btn.red{background:var(--red);color:#fff}.btn.ink{background:var(--ink);color:var(--paper)}.btn.ghost{background:var(--paper);box-shadow:none}.btn.sm{font-size:14px;padding:10px 16px;box-shadow:4px 4px 0 var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.hero{padding:46px 0 24px;text-align:center}.kicker{display:inline-block;background:var(--ink);color:var(--paper);font-family:Outfit;font-weight:800;letter-spacing:.18em;font-size:12px;padding:6px 12px;border-radius:4px;margin-bottom:18px}.hero h1{font-size:clamp(40px,12vw,78px);line-height:.92;margin:0 0 6px;font-weight:900;letter-spacing:-.02em}.hero h1 .stamp{display:inline-block;color:var(--red);-webkit-text-stroke:0;position:relative}.hero .lead{font-size:17px;font-weight:700;max-width:460px;margin:18px auto 28px;line-height:1.7;color:var(--ink-soft)}.hero-badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px;font-size:12px;font-weight:700}.hero-badges span{border:2px solid var(--ink);border-radius:999px;padding:5px 12px;background:var(--paper)}.section-title{font-size:24px;font-weight:900;margin:48px 0 6px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:16px;height:24px;background:var(--red);display:inline-block;transform:skew(-12deg)}.section-sub{color:var(--ink-soft);font-size:14px;font-weight:700;margin:0 0 20px}.steps{display:grid;gap:14px}.step{display:flex;gap:16px;align-items:flex-start;border:2.5px solid var(--ink);border-radius:var(--radius);background:var(--paper);padding:18px;box-shadow:var(--shadow)}.step .n{font-family:Outfit;font-weight:800;font-size:26px;background:var(--yellow);border:2.5px solid var(--ink);border-radius:8px;min-width:46px;height:46px;display:grid;place-items:center;transform:rotate(-4deg)}.step h3{margin:2px 0 4px;font-size:16px}.step p{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.6}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 620px){.type-grid{grid-template-columns:repeat(2,1fr)}}.type-card{border:2.5px solid var(--ink);border-radius:var(--radius);background:var(--paper);padding:14px 10px;text-align:center;text-decoration:none;display:block;transition:transform .1s ease,background .1s ease;box-shadow:4px 4px 0 var(--ink)}.type-card:hover{transform:translate(-2px,-2px);background:var(--yellow);box-shadow:6px 6px 0 var(--ink)}.type-card .emoji{font-size:34px;line-height:1}.type-card .nm{font-weight:900;font-size:14px;margin-top:8px}.type-card .cd{font-family:Outfit;font-size:11px;letter-spacing:.1em;color:var(--ink-soft);margin-top:2px}.cta-band{margin:40px 0;border:3px solid var(--ink);border-radius:20px;background:var(--blue);color:#fff;padding:32px 24px;text-align:center;box-shadow:var(--shadow)}.cta-band h2{font-size:26px;margin:0 0 16px}.quiz-top{position:sticky;top:56px;z-index:40;background:var(--paper);padding:14px 0 12px;border-bottom:2px solid var(--ink)}.progress-meta{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;font-size:13px;margin-bottom:8px}.progress-meta .pct{font-family:Outfit;font-size:20px}.progress-track{height:14px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper-2);overflow:hidden}.progress-fill{height:100%;background:repeating-linear-gradient(45deg,var(--red) 0 8px,#c4271a 8px 16px);transition:width .3s ease}.q-card{border:2.5px solid var(--ink);border-radius:var(--radius);background:var(--paper);padding:22px 18px 26px;margin:18px 0;box-shadow:var(--shadow)}.q-card .qn{font-family:Outfit;font-weight:800;font-size:13px;color:var(--red)}.q-card .qt{font-size:19px;font-weight:700;line-height:1.55;margin:6px 0 20px}.scale{display:flex;align-items:center;justify-content:space-between;gap:6px}.scale .endlabel{font-size:11px;font-weight:800;width:46px;text-align:center;color:var(--ink-soft)}.scale .dots{display:flex;align-items:center;gap:clamp(6px,3vw,16px)}.dot{border-radius:50%;border:2.5px solid var(--ink);background:var(--paper);cursor:pointer;padding:0;transition:transform .08s ease,background .08s ease}.dot:hover{transform:scale(1.12)}.dot[data-side=a]{border-color:var(--red)}.dot[data-side=b]{border-color:var(--blue)}.dot.on[data-side=a]{background:var(--red)}.dot.on[data-side=b]{background:var(--blue)}.dot.on{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink)}.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin:26px 0 10px}.result-hero{border:3px solid var(--ink);border-radius:22px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden;margin:22px 0}.result-hero .top{background:var(--ink);color:var(--paper);padding:26px 22px 30px;text-align:center;position:relative}.result-hero .verdict{font-family:Outfit;letter-spacing:.22em;font-size:12px;opacity:.7}.result-hero .cphrase{font-size:clamp(22px,6vw,30px);font-weight:900;line-height:1.3;margin:10px 0 0}.result-hero .emoji{font-size:84px;line-height:1;margin:14px 0 6px}.result-hero .name{font-size:clamp(30px,9vw,46px);font-weight:900;margin:4px 0}.result-hero .subtitle{display:inline-block;background:var(--yellow);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;padding:5px 16px;font-weight:900;font-size:14px;margin-top:6px}.result-hero .code-row{display:flex;justify-content:center;gap:8px;margin:18px 0 4px;flex-wrap:wrap}.code-pill{border:2.5px solid var(--ink);border-radius:10px;background:var(--paper);padding:6px 10px;text-align:center;min-width:64px}.code-pill b{font-family:Outfit;font-size:22px;display:block}.code-pill span{font-size:10px;font-weight:800;color:var(--ink-soft)}.share-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:18px}.bars{display:grid;gap:14px;margin:8px 0}.bar-row .bl{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin-bottom:4px}.bar-track{height:12px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-2);overflow:hidden;position:relative}.bar-fill{height:100%;background:var(--ink)}.flaw{border-left:6px solid var(--red);background:var(--paper);border:2.5px solid var(--ink);border-left-width:8px;border-radius:12px;padding:16px 18px;margin:14px 0;box-shadow:4px 4px 0 var(--ink)}.flaw h3{margin:0 0 8px;font-size:17px}.flaw p{margin:0;line-height:1.8;font-size:15px}.box{border:2.5px solid var(--ink);border-radius:14px;background:var(--paper);padding:18px;margin:16px 0;box-shadow:4px 4px 0 var(--ink)}.box h3{margin:0 0 8px;font-size:16px;display:flex;align-items:center;gap:8px}.box p{margin:0;line-height:1.8;font-size:15px}.match-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.match-row{grid-template-columns:1fr}}.match{border:2.5px solid var(--ink);border-radius:12px;padding:12px;text-decoration:none;display:flex;align-items:center;gap:12px;box-shadow:4px 4px 0 var(--ink);background:var(--paper)}.match:hover{background:var(--yellow)}.match .emoji{font-size:34px}.match .lbl{font-size:11px;font-weight:800;color:var(--ink-soft)}.match .nm{font-weight:900;font-size:15px}.lead-body{line-height:1.85;font-size:16px}.prose h2{font-size:22px;margin-top:28px}.prose p{line-height:1.85;font-size:15px}.prose ul{line-height:1.9}.center{text-align:center}.mt{margin-top:22px}.spin{display:grid;place-items:center;min-height:60vh;font-weight:800}.notfound{text-align:center;padding:60px 0}