:root{--petrol: #0c1418;--petrol-raised: #121e24;--petrol-line: #1e2e35;--amber: #e8a13d;--mint: #7fd6b2;--ink: #eef3f2;--ink-dim: #9fb1ae;--font-display: "Bricolage Grotesque", serif;--font-body: "Instrument Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--petrol);color:var(--ink);font-family:var(--font-body)}main{max-width:640px;margin:0 auto;padding:56px 22px 96px}.kicker{font-family:var(--font-mono);font-size:12.5px;color:var(--mint);letter-spacing:.02em}h1{font-family:var(--font-display);font-weight:600;font-size:clamp(30px,6vw,42px);line-height:1.08;margin:14px 0 0}h1 em{font-style:normal;color:var(--amber)}.intro{margin:16px 0 0;max-width:46ch;font-size:15.5px;line-height:1.55;color:var(--ink-dim)}.progress-bar-wrap{position:sticky;top:0;background:#0c1418eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin:0 -22px 8px;padding:16px 22px;border-bottom:1px solid var(--petrol-line);z-index:5}.progress-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.progress-track{margin-top:8px;height:3px;width:100%;background:var(--petrol-line);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--mint),var(--amber));transition:width .4s cubic-bezier(.16,1,.32,1)}.field{margin:28px 0 0}.field label{display:block;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);margin-bottom:8px}.field input{width:100%;background:var(--petrol-raised);border:1px solid var(--petrol-line);border-radius:6px;padding:11px 13px;color:var(--ink);font-family:var(--font-body);font-size:14.5px;outline:none}.field input:focus{border-color:var(--mint)}ol.questions{list-style:none;margin:40px 0 0;padding:0}.question{padding:26px 0;border-top:1px solid var(--petrol-line)}.question:first-child{border-top:none;padding-top:0}.qmeta{display:flex;gap:10px;align-items:baseline;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.qmeta .cat{color:var(--amber)}.question h2{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.32;margin:8px 0 0}.question .hint{margin:6px 0 0;font-size:13.5px;color:var(--ink-dim);line-height:1.5}.options{display:grid;gap:8px;margin-top:14px}.option{display:flex;align-items:flex-start;gap:11px;text-align:left;padding:12px 14px;border:1px solid var(--petrol-line);background:var(--petrol-raised);border-radius:7px;color:var(--ink-dim);font-family:var(--font-body);font-size:14px;line-height:1.4;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease;width:100%}.option:hover{border-color:var(--ink-dim);color:var(--ink)}.option .dot{flex-shrink:0;margin-top:3px;width:12px;height:12px;border-radius:50%;border:1px solid var(--ink-dim)}.option.selected{border-color:var(--mint);color:var(--ink);background:#7fd6b214}.option.selected .dot{border-color:var(--mint);background:var(--mint)}button.submit{width:100%;margin-top:44px;padding:15px;border:none;border-radius:7px;background:var(--ink-dim);color:var(--petrol);font-family:var(--font-display);font-weight:600;font-size:15px;cursor:not-allowed;opacity:.55;transition:background .2s ease,opacity .2s ease}button.submit.ready{background:var(--amber);cursor:pointer;opacity:1}button.submit.ready:hover{background:#f0b356}footer.note{margin-top:48px;padding-top:20px;border-top:1px solid var(--petrol-line);font-size:12.5px;color:var(--ink-dim);line-height:1.6}.score-line{margin:26px 0 0;display:flex;align-items:baseline;gap:14px}.score-num{font-family:var(--font-display);font-weight:700;font-size:56px;color:var(--amber);line-height:1}.score-out-of{font-family:var(--font-mono);font-size:13px;color:var(--ink-dim)}.verdict{margin-top:10px;font-size:15px;line-height:1.55;color:var(--ink-dim);max-width:48ch}.breakdown{margin-top:36px;display:grid;gap:14px}.cat-row{border:1px solid var(--petrol-line);background:var(--petrol-raised);border-radius:8px;padding:14px 16px}.cat-row-top{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:12.5px}.cat-row-top .cname{color:var(--ink);font-size:13.5px}.cat-row-top .cscore{color:var(--ink-dim)}.cat-bar-track{margin-top:8px;height:5px;background:var(--petrol);border-radius:3px;overflow:hidden}.cat-bar-fill{height:100%;border-radius:3px;background:var(--mint)}.cat-bar-fill.risk{background:#d9765a}.cat-bar-fill.mid{background:var(--amber)}.restart{margin-top:36px;background:none;border:1px solid var(--petrol-line);color:var(--ink-dim);font-family:var(--font-mono);font-size:12.5px;padding:10px 16px;border-radius:6px;cursor:pointer}.restart:hover{color:var(--ink);border-color:var(--ink-dim)}@media (prefers-reduced-motion: reduce){.progress-fill,.option{transition:none}}