:root{--bg:#090b10;--panel:#11151e;--panel2:#171c27;--line:#282f3d;--text:#f7f7fb;--muted:#a4adbd;--accent:#a594ff;--accent2:#65dfd3;--soft:#d9d4ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#19172b 0,#090b10 42%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1120px;margin:auto;padding:0 24px}.hero{min-height:82vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.logo{font-size:26px;font-weight:900;letter-spacing:-.04em;margin-bottom:50px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--accent2);font-weight:800}.hero h1{font-size:clamp(50px,8vw,100px);line-height:.92;letter-spacing:-.065em;margin:16px 0 22px;max-width:900px}.lead{font-size:clamp(18px,2vw,23px);line-height:1.55;color:var(--muted);max-width:720px}.cta,.ghost{border:0;border-radius:999px;padding:15px 22px;font-weight:800;font-size:15px;cursor:pointer}.cta{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#090b10}.cta.small{padding:12px 20px}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.micro{color:#737d90;font-size:13px;margin-top:12px}.panel{background:rgba(17,21,30,.93);border:1px solid var(--line);border-radius:26px;padding:28px;min-height:460px;box-shadow:0 25px 80px rgba(0,0,0,.25);margin:40px 0 110px}.hidden{display:none}.progress{height:5px;background:#202633;border-radius:99px;overflow:hidden;margin-bottom:35px}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:.25s}.q-kicker{color:var(--muted);font-size:13px}.q-title{font-size:clamp(28px,5vw,52px);letter-spacing:-.04em;margin:10px 0 10px}.q-help{color:var(--muted);margin-bottom:28px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer{background:var(--panel2);border:1px solid var(--line);border-radius:17px;padding:18px;cursor:pointer;text-align:left;color:var(--text);font-size:16px;transition:.15s}.answer:hover{transform:translateY(-2px);border-color:#4e5870}.answer.active{border-color:transparent;background:linear-gradient(135deg,#7265de,#3d918b)}.answer small{display:block;color:#c6ccda;margin-top:5px}.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.results-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:110px 0 25px}.results-head h2,.why h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.05em;margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(180deg,#151a24,#10141c);border:1px solid var(--line);border-radius:22px;padding:22px;min-height:310px}.rank{color:var(--muted);font-size:13px}.card h3{font-size:25px;margin:12px 0 5px}.score{font-size:42px;font-weight:900;letter-spacing:-.05em;color:var(--accent2)}.reason{color:#c0c7d4;line-height:1.55;margin-top:14px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tag{font-size:11px;padding:6px 9px;border:1px solid #343d4e;border-radius:99px;color:#d7dce6}.method{margin:30px 0 100px;padding:20px 0;border-top:1px solid var(--line);color:var(--muted);line-height:1.6}.why{padding:100px 0}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why article{padding:22px;border-top:1px solid var(--line)}.why article span{font-size:12px;color:var(--accent2)}.why article h3{font-size:22px}.why article p{color:var(--muted);line-height:1.55}footer{padding:50px 0 80px;color:#657083;font-size:13px}
@media(max-width:760px){.hero{min-height:72vh}.logo{margin-bottom:35px}.answers{grid-template-columns:1fr}.cards,.why-grid{grid-template-columns:1fr}.results-head{align-items:flex-start;flex-direction:column}.panel{padding:20px}}

.language-switch{display:flex;justify-content:flex-end;gap:6px;padding-top:20px}.language-switch button{border:1px solid var(--line);border-radius:999px;padding:9px 15px;background:var(--panel);color:var(--muted);cursor:pointer}.language-switch button[aria-pressed="true"]{color:var(--text);border-color:var(--accent)}button:focus-visible{outline:3px solid var(--accent2);outline-offset:4px}html[lang="ja"] .hero h1{font-size:clamp(40px,7vw,84px);line-height:1.3;letter-spacing:-.035em}html[lang="ja"] .q-title{line-height:1.4}html[lang="ja"] .hero{padding:35px 0}html[lang="ja"] .lead{line-height:1.8}

.data-notice,.match-note,.empty-result{color:var(--muted);font-size:14px;line-height:1.6}.match-note{border-left:2px solid var(--accent);padding-left:10px}button:disabled{opacity:.6;cursor:wait}.card{overflow-wrap:anywhere}