.diag{--bg:#f9f5f1;--surface:#fff;--surface2:#f3ede8;--ink:#1a182b;--muted:#6b6880;--faint:#9e9baf;--line:#1a182b1f;--accent:#6748fd;--accent-d:#4e35e8;--accent-ink:#fff;--accent-soft:#6748fd1a;--warn:#16a34a;--warn-soft:#16a34a14;--hero-bg:#1a182b;--hero-ink:#fff;--hero-sub:#ffffff8c;--hero-accent:#c4b5fd;--display:var(--font-geist-sans), "Helvetica Neue", Arial, sans-serif;--body-font:var(--font-geist-sans), system-ui, -apple-system, "Segoe UI", sans-serif;--mono:var(--font-geist-mono), ui-monospace, Menlo, monospace;--r:12px;background:var(--bg);color:var(--ink);font-family:var(--body-font);font-size:16px;line-height:1.55}@media (prefers-color-scheme:dark){.diag{--bg:#12111e;--surface:#1a182b;--surface2:#232038;--ink:#f3f1fa;--muted:#b4b1c8;--faint:#8a87a0;--line:#ffffff1a;--accent:#947fff;--accent-d:#b3a4ff;--accent-ink:#12111e;--accent-soft:#947fff26;--warn:#4ade80;--warn-soft:#4ade801a;--hero-bg:#1a182b;--hero-ink:#fff;--hero-sub:#ffffff8c;--hero-accent:#c4b5fd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.diag *{box-sizing:border-box}.diag .wrap{max-width:820px;margin:0 auto;padding-block:28px 64px;padding-inline:20px}.diag h1,.diag h2,.diag h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.12}.diag .label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.diag .brand{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.diag .brand b{font-family:var(--display);letter-spacing:-.01em;font-size:18px;font-weight:700}.diag .brand b span{color:var(--accent)}.diag h2{letter-spacing:-.025em}.diag header.hero{background:var(--hero-bg);color:var(--hero-ink);border-radius:16px;gap:16px;margin-top:20px;padding:36px 28px;display:grid}.diag header.hero .label{color:var(--hero-accent)}.diag header.hero .chip{color:var(--hero-sub);background:0 0;border-color:#ffffff2e}.diag header.hero .btn{color:var(--hero-ink);background:0 0;border-color:#ffffff40}.diag header.hero .btn.primary{color:#fff;background:#6748fd;border-color:#6748fd}@media (max-width:520px){.diag header.hero{padding:28px 18px}}.diag header.hero h1{letter-spacing:-.035em;max-width:16ch;font-size:clamp(32px,6vw,52px);font-weight:700}.diag header.hero p{max-width:62ch;color:var(--hero-sub);margin:0;font-size:17px}.diag .dims{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.diag .chip{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:99px;padding:4px 10px;font-size:12px}.diag .actions{flex-wrap:wrap;gap:10px;display:flex}.diag button{font:inherit;cursor:pointer}.diag .btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 14px;font-size:14px;font-weight:500}.diag .btn:hover{border-color:var(--ink)}.diag .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.diag .btn.primary:hover{background:var(--accent-d);border-color:var(--accent-d)}.diag .btn:disabled{opacity:.5;cursor:not-allowed}.diag :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diag .progress{top:var(--nav-height,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-block:12px;display:flex;position:sticky}.diag .bar{background:var(--line);border-radius:99px;flex:1;height:6px;overflow:hidden}.diag .bar i{background:var(--accent);width:0;height:100%;transition:width .3s;display:block}.diag .progress .count{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.diag section.block{gap:18px;padding-block:36px 8px;display:grid}.diag section.block>header{gap:6px;display:grid}.diag section.block h2{font-size:26px;font-weight:700}.diag section.block>header p{color:var(--muted);margin:0}.diag .q{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:12px;padding:18px;display:grid}.diag .q legend{margin-bottom:10px;padding:0;font-size:16px;font-weight:600}.diag .q fieldset{border:0;min-width:0;margin:0;padding:0}.diag .q .tag{font-family:var(--mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.diag .opts{gap:6px;display:grid}.diag .opt{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:9px 12px;font-size:15px;display:flex}.diag .opt:hover{border-color:var(--muted)}.diag .opt input{accent-color:var(--accent);flex:none;margin:3px 0 0}.diag .opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.diag .fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.diag .field{gap:4px;min-width:0;display:grid}.diag .field label{color:var(--muted);font-size:13px}.diag .field input,.diag .field select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;width:100%;padding:9px 10px;font-size:15px}.diag #results{scroll-margin-top:70px}.diag .empty{border:1px dashed var(--line);border-radius:var(--r);background:var(--surface);gap:14px;padding:20px;display:grid}.diag .empty p{color:var(--muted);margin:0}.diag .scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.diag .lvl{border-top:4px solid var(--line);min-width:0;padding-top:8px}.diag .lvl b{font-family:var(--display);font-size:15px;display:block}.diag .lvl small{color:var(--muted);font-size:12.5px;line-height:1.4;display:block}.diag .lvl .n{font-family:var(--mono);color:var(--muted);font-size:11px}.diag .lvl.on{border-color:var(--accent)}.diag .lvl.here b{color:var(--accent)}@media (max-width:560px){.diag .scale{grid-template-columns:1fr}.diag .lvl{border-top:0;border-left:4px solid var(--line);padding:2px 0 2px 10px}}.diag .verdict{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:18px;padding:22px;display:grid}.diag .score{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.diag .score .big{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--accent);font-size:64px;font-weight:700;line-height:1}.diag .score .of{font-family:var(--mono);color:var(--muted)}.diag .score h3{font-size:26px}.diag .verdict p{max-width:65ch;margin:0}.diag .dimrows{gap:10px;display:grid}.diag .dimrow{grid-template-columns:160px 1fr 44px;align-items:center;gap:12px;font-size:14px;display:grid}.diag .dimrow .bar{height:10px}.diag .dimrow .v{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums}@media (max-width:520px){.diag .dimrow{grid-template-columns:1fr 44px}.diag .dimrow .bar{grid-area:2/1/auto/-1}}.diag .note{background:var(--warn-soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:14.5px}.diag .note b{color:var(--ink)}.diag .path{gap:10px;display:grid}.diag .step{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:12px 0;display:grid}.diag .step .code{font-family:var(--mono);background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:3px 8px;font-size:13px;font-weight:500}.diag .step h4{margin:0;font-size:16px}.diag .step p{color:var(--muted);margin:2px 0 0;font-size:14px}.diag .why{color:var(--ink);margin-top:4px;font-size:13px}.diag .gate{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:14px;padding:20px;display:grid}.diag .consent{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.diag .consent input{accent-color:var(--accent);flex:none;margin:3px 0 0}.diag .consent a{color:var(--accent)}.diag .err{color:#dc2626;font-size:13.5px}.diag .toast{color:var(--muted);font-size:13px}.diag .cat{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.diag .course{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);align-content:start;gap:8px;min-width:0;padding:16px;display:grid}.diag .course.rec{border-color:var(--accent)}.diag .course .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.diag .course .code{font-family:var(--mono);color:var(--accent);font-size:13px;font-weight:500}.diag .course .meta{font-family:var(--mono);color:var(--muted);font-size:11.5px}.diag .course h3{font-size:19px;font-weight:700}.diag .course ul{color:var(--muted);margin:0;padding-left:18px;font-size:14px}.diag .course li{margin:2px 0}.diag .course .out{border-top:1px solid var(--line);padding-top:8px;font-size:13.5px}.diag .pill{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11px}.diag .course.rec .pill.r{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.diag .diag-footer{border-top:1px solid var(--line);color:var(--muted);gap:4px;margin-top:40px;padding-top:18px;font-size:13px;display:grid}@media (prefers-reduced-motion:reduce){.diag *{scroll-behavior:auto!important;transition:none!important}}