:root{--brand: #2196f3;--brand-dark: #1976d2;--brand-light: #e3f2fd;--ink: #1a2330;--ink-sub: #5a6577;--line: #e2e8f0;--bg: #f5f8fc;--card: #ffffff;--radius: 16px;--shadow: 0 4px 20px rgba(33, 150, 243, .08);--shadow-hover: 0 8px 28px rgba(33, 150, 243, .18)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:var(--brand-dark)}.site-footer{max-width:640px;margin:40px auto 0;padding:24px 20px 40px;text-align:center;font-size:13px;color:var(--ink-sub)}.site-footer .disclaimer{margin-top:8px;font-size:12px}.wrap{max-width:640px;margin:0 auto;padding:24px 18px 0}.screen{display:none;animation:fade .35s ease}.screen.is-active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{background:var(--card);border-radius:var(--radius);padding:36px 24px 32px;box-shadow:var(--shadow);text-align:center;margin-top:24px}.kicker{display:inline-block;background:var(--brand-light);color:var(--brand-dark);font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;letter-spacing:.04em}h1{font-size:25px;line-height:1.5;margin:18px 0 14px;letter-spacing:.01em}.lead{font-size:15px;color:var(--ink-sub);text-align:left;margin-bottom:26px}.note{font-size:12px;color:var(--ink-sub);margin-top:14px}.btn-primary{display:inline-block;width:100%;background:var(--brand);color:#fff;border:none;font-size:17px;font-weight:700;padding:16px;border-radius:12px;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,background .15s}.btn-primary:hover{background:var(--brand-dark);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.progress{height:6px;background:var(--line);border-radius:999px;overflow:hidden;margin:8px 0 16px}.progress-bar{height:100%;width:0;background:var(--brand);border-radius:999px;transition:width .3s ease}.q-count{font-size:13px;color:var(--ink-sub);font-weight:700}.q-title{font-size:20px;line-height:1.5;margin:6px 0 22px}.options{display:flex;flex-direction:column;gap:12px}.option{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:16px 18px;font-size:15.5px;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;line-height:1.5}.option:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-back{margin-top:22px;background:none;border:none;color:var(--ink-sub);font-size:14px;cursor:pointer;text-decoration:underline}.result-head{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-radius:var(--radius);padding:30px 24px;text-align:center;margin-top:20px;box-shadow:var(--shadow)}.result-head .kicker{background:#ffffff38;color:#fff}.type-name{font-size:27px;margin:14px 0 8px;line-height:1.4}.type-catch{font-size:15px;font-weight:700;opacity:.95}.type-desc{font-size:14.5px;text-align:left;margin-top:16px;line-height:1.8;opacity:.97}.rec-head{font-size:18px;margin:32px 0 16px;padding-left:12px;border-left:5px solid var(--brand)}.cards{display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border-radius:var(--radius);padding:22px 20px;box-shadow:var(--shadow);border:1px solid var(--line)}.card-rank{display:inline-block;background:var(--brand-light);color:var(--brand-dark);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}.card-name{font-size:20px;font-weight:700;margin:12px 0 6px}.card-tagline{font-size:14px;color:var(--ink-sub);margin-bottom:14px}.card-strengths{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.card-strengths li{background:var(--bg);font-size:12.5px;color:var(--ink);padding:5px 11px;border-radius:8px;border:1px solid var(--line)}.card-bestfor{font-size:13.5px;color:var(--ink-sub);background:var(--brand-light);border-radius:10px;padding:12px 14px;margin-bottom:16px;line-height:1.6}.card-bestfor span{display:block;font-weight:700;color:var(--brand-dark);font-size:12px;margin-bottom:3px}.card-cta{display:block;text-align:center;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;font-size:15.5px;padding:14px;border-radius:12px;transition:background .15s,box-shadow .15s,transform .1s}.card-cta:hover{background:var(--brand-dark);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.card-detail{display:block;text-align:center;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--brand);text-decoration:none}.card-detail:hover{text-decoration:underline}.result-actions{display:flex;flex-direction:column;gap:10px;margin:28px 0 14px}.btn-share{background:#000;color:#fff;border:none;font-size:15px;font-weight:700;padding:14px;border-radius:12px;cursor:pointer}.btn-restart{background:none;border:2px solid var(--line);color:var(--ink-sub);font-size:14px;padding:12px;border-radius:12px;cursor:pointer}.pr-note{font-size:12px;color:var(--ink-sub);text-align:center;margin-bottom:24px}.related{background:var(--card);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow)}.related p{font-size:14px;color:var(--ink-sub);margin-bottom:8px}.related-link{font-weight:700;font-size:15px;text-decoration:none}@media (min-width: 600px){h1{font-size:28px}}