:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf8;--card:#fff;--border:#e6e6e0;--border-strong:#c9c9c2;--text:#1a1a1a;--text-muted:#5a5a55;--text-dim:#888880;--accent:#2f6fed;--accent-hover:#2858c4;--accent-soft:#eaf1ff;--ok:#2e9c5a;--warn:#e6a700;--caution:#e07a1f;--crit:#c93636}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.shell{max-width:720px;margin:0 auto;padding:32px 24px 80px}.shell.wide{max-width:1100px}.brandbar{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:32px;font-size:13px;display:flex}.brandbar .mark{background:var(--accent);color:#fff;letter-spacing:0;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:36px 32px;box-shadow:0 1px 2px #00000005}h1{letter-spacing:-.015em;margin:0 0 8px;font-size:28px;line-height:1.25}h2{letter-spacing:-.01em;margin:0 0 12px;font-size:22px}h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:15px;font-weight:600}p{color:var(--text);margin:0 0 14px}.lede{color:var(--text-muted);margin-bottom:24px;font-size:16px}.tag{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:12px;display:inline-block}.meta-list{color:var(--text-muted);margin:0 0 28px;padding:0;font-size:14px;list-style:none}.meta-list li{padding:4px 0 4px 22px;position:relative}.meta-list li:before{content:"→";color:var(--accent);position:absolute;left:0}.btn{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{color:var(--text-muted);background:0 0;border-color:#0000;padding:12px}.btn.ghost:hover{color:var(--text);background:var(--bg)}.btn.lg{padding:14px 28px;font-size:16px}.btn[disabled]{opacity:.45;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.progress{align-items:center;gap:4px;margin-bottom:28px;display:flex}.progress .step{background:var(--border);border-radius:2px;flex:1;height:4px;transition:height .2s,background .2s}.progress .step.done{background:var(--accent)}.progress .step.current{background:var(--accent);height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:4px;animation:.45s stepPulse}@keyframes stepPulse{0%{opacity:.4;transform:scaleY(.5)}60%{opacity:1;transform:scaleY(1.15)}to{opacity:1;transform:scaleY(1)}}.q-count{color:var(--text-muted);letter-spacing:.01em;margin-bottom:12px;font-size:14px}.q-count strong{color:var(--accent);font-size:19px;font-weight:700}.q-stage{display:grid;overflow:hidden}.q-stage>*{grid-area:1/1}@media (prefers-reduced-motion:reduce){.progress .step{transition:none}.progress .step.current{animation:none}}.qnum{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:13px}.qtext{letter-spacing:-.005em;margin-bottom:6px;font-size:22px;font-weight:600;line-height:1.35}.qhint{color:var(--text-muted);min-height:1.4em;margin-bottom:28px;font-size:14px;line-height:1.4}.scale{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:8px;display:grid}.opt{border:1px solid var(--border-strong);cursor:pointer;text-align:center;color:var(--text);background:#fff;border-radius:8px;padding:14px 6px 12px;font-family:inherit;transition:all .15s}.scale.hover-on .opt:not(.selected):hover{border-color:var(--accent);background:var(--accent-soft)}.opt.selected{background:var(--accent);border-color:var(--accent);color:#fff}.opt .num{margin-bottom:2px;font-size:20px;font-weight:700;display:block}.opt .lbl{color:inherit;opacity:.75;text-wrap:balance;font-size:11px;line-height:1.2;display:block}.opt.selected .lbl{opacity:.9}.scale-anchors{display:none}.scoreblock{background:var(--bg);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:24px;margin-bottom:28px;padding:20px;display:grid}.scoreblock .num{letter-spacing:-.02em;font-size:56px;font-weight:700;line-height:1}.scoreblock .of{color:var(--text-dim);margin-top:4px;font-size:14px}.scoreblock .band{color:#fff;border-radius:999px;margin-bottom:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.scoreblock .interp{font-size:16px;font-weight:600}.radar-wrap{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:28px;padding:20px}.radar-wrap h3{margin-bottom:12px}.radar-canvas-wrap{max-width:420px;margin:0 auto}.intro-hero{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;height:auto;margin:4px 0 22px;display:block}.result-visual{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;margin-bottom:28px;display:grid}.result-visual>*{min-width:0}.result-visual .radar-wrap{margin-bottom:0}.visual-img{background:var(--card);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.visual-img img{object-fit:contain;width:100%;height:100%;display:block}.result-note{color:#a6a69d;text-align:left;margin:18px 0 0;font-size:12px;line-height:1.5}.observations{margin-bottom:32px}.obs{border-left:3px solid var(--accent);color:var(--text);margin-bottom:14px;padding:4px 0 4px 14px;font-size:15px}.obs.crit{border-left-color:var(--crit)}.obs.warn{border-left-color:var(--warn)}.obs.caution{border-left-color:var(--caution)}.obs.ok{border-left-color:var(--ok)}.obs strong{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:13px;font-weight:600;display:block}.footer-meta{text-align:center;color:var(--text-dim);margin-top:24px;font-size:12px}.footer-meta a{color:var(--text-muted)}.form-grid{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.field{flex-direction:column;gap:4px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--text-muted);font-size:13px;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--border-strong);color:var(--text);background:#fff;border-radius:7px;padding:10px 12px;font-family:inherit;font-size:15px}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.check{color:var(--text-muted);align-items:flex-start;gap:10px;margin-top:6px;font-size:14px;display:flex}.check input{margin-top:3px}.form-error{color:var(--crit);margin-top:12px;font-size:14px}.confirm-icon{background:var(--ok);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:26px;font-weight:700;display:flex}.next-steps{background:var(--bg);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;margin:20px 0 24px;padding:14px 18px}.next-steps ul{color:var(--text-muted);margin:0;padding-left:18px;font-size:14px}.next-steps li{margin:4px 0}@media (width<=600px){.shell{padding:20px 14px 60px}.card{border-radius:10px;padding:24px 18px}h1{font-size:24px}.qtext{font-size:19px}.scale{grid-template-columns:repeat(5,1fr);gap:4px}.opt{padding:12px 2px 10px}.opt .num{font-size:18px}.opt .lbl{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scale-anchors{color:var(--text-muted);justify-content:space-between;gap:6px;margin:-2px 0 12px;font-size:11px;line-height:1.2;display:flex}.scale-anchors span{flex:1 1 0}.scale-anchors span:nth-child(2){text-align:center}.scale-anchors span:last-child{text-align:right}.scoreblock{text-align:left;grid-template-columns:1fr}.scoreblock .num{font-size:44px}.form-grid{grid-template-columns:1fr}}@media (width<=880px){.result-visual{grid-template-columns:1fr}}