:root{
  --bg:#f7f9fc;
  --bg-radial:rgba(30,64,175,.10);
  --surface:#ffffff;
  --surface-2:#eef3f8;
  --surface-3:#dfe7f0;
  --text:#172033;
  --muted:#5f6b7a;
  --line:#ccd6e2;
  --primary:#172033;
  --primary-2:#23406f;
  --accent:#2f6fed;
  --accent-soft:#e8f0ff;
  --danger:#b42318;
  --shadow:0 18px 44px rgba(23,32,51,.10);
  --shadow-soft:0 8px 24px rgba(23,32,51,.07);
  --radius:18px;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0d1117;
    --bg-radial:rgba(47,111,237,.18);
    --surface:#141a23;
    --surface-2:#1c2531;
    --surface-3:#263244;
    --text:#f3f6fb;
    --muted:#a8b3c2;
    --line:#2e3a4d;
    --primary:#f3f6fb;
    --primary-2:#9db7ff;
    --accent:#78a9ff;
    --accent-soft:#182642;
    --danger:#ff8a80;
    --shadow:0 18px 44px rgba(0,0,0,.28);
    --shadow-soft:0 8px 24px rgba(0,0,0,.20);
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:
    radial-gradient(circle at 18% 0,var(--bg-radial),transparent 28rem),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 42%,transparent),transparent 24rem),
    var(--bg);
  color:var(--text);
  line-height:1.5;
  font-feature-settings:"cv01","ss03";
}
.app-shell{width:min(100%,940px);margin:0 auto;padding:max(22px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));min-height:100svh}
.screen{animation:rise .22s ease-out}.hero{padding:36px 0 22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:760;color:var(--accent);margin:0 0 10px}
h1,h2,h3{line-height:1.08;margin:0 0 14px;letter-spacing:-.04em}h1{font-size:clamp(2.35rem,9vw,4.7rem);font-weight:650}h2{font-size:clamp(1.6rem,6vw,2.6rem);font-weight:650}h3{font-size:1.12rem;font-weight:700}.lead{font-size:1.1rem;color:var(--muted);margin:0 0 20px;max-width:68ch}.lead.small{font-size:1rem}
.card,.question-card,.choice-card,.module-card{background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-soft)}
.notice{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:16px;padding:15px;margin:22px 0;color:var(--text)}
.assessment-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.choice-card{display:flex;flex-direction:column;gap:12px}.choice-card.featured{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 76%,var(--surface)),var(--surface))}.choice-card p{margin:0;color:var(--muted)}
.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.hero-grid div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.hero-grid strong{display:block;font-size:1.12rem}.hero-grid span{display:block;font-size:.76rem;color:var(--muted)}.hero-grid.compact{margin-top:auto}
button{font:inherit;border:0;border-radius:12px;min-height:48px;padding:12px 17px;font-weight:720;touch-action:manipulation;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--primary);color:var(--bg);box-shadow:0 10px 22px rgba(23,32,51,.16)}.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.ghost{background:transparent;color:var(--primary-2);border:1px solid var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.actions button{flex:1 1 150px}
.check-list{padding-left:1.2rem}.check-list li{margin:.55rem 0}.assessment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:18px 0}.progress-track{height:9px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:0 0 16px}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--primary-2),var(--accent));transition:width .2s ease}
fieldset{border:0;margin:0;padding:0}legend{font-size:clamp(1.35rem,5vw,2rem);font-weight:760;line-height:1.18;margin-bottom:18px}.option-list{display:grid;gap:10px}.option{display:flex;gap:12px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:13px}.option:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 68%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.option input{margin-top:.25rem;transform:scale(1.22);accent-color:var(--accent)}.option span{font-weight:720}.option small{display:block;color:var(--muted);font-weight:500}.sticky-actions{position:sticky;bottom:max(10px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 88%,transparent);padding:10px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:16px;backdrop-filter:blur(12px)}.error{color:var(--danger);font-weight:750;min-height:1.4em}
.result-hero{margin:20px 0}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));background:var(--accent-soft);border-radius:999px;padding:8px 11px;font-weight:720;color:var(--primary-2)}.scale-list,.module-list{display:grid;gap:12px}.module-list{margin:14px 0}.scale-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:15px}.scale-card p,.module-card p{margin:.55rem 0}.scale-card small{color:var(--muted)}.scale-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.band{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:820}.bar{height:9px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin:10px 0}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary-2),var(--accent));border-radius:999px}.questions{padding-left:1.25rem}.questions li{margin:.5rem 0}.subtle{background:color-mix(in srgb,var(--surface-2) 78%,var(--surface));box-shadow:none}.result-actions{margin-bottom:6px}.status{color:var(--muted);min-height:1.5em}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:3px}
[hidden]{display:none!important}
@media (max-width:720px){.assessment-choices{grid-template-columns:1fr}.app-shell{max-width:760px}.assessment-header{align-items:center}.choice-card .primary,.choice-card .ghost{width:100%}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}