:root{--navy:#0b3b73;--blue:#0b6c9f;--sky:#eaf6fb;--line:#d9e9f2;--text:#17354b;--muted:#647987;--ok:#e7f7eb;--warn:#fff5df;--bad:#ffe9e9}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f9fc;color:var(--text);margin:0}.top{background:#fff;border-bottom:1px solid var(--line);padding:15px 20px;position:sticky;top:0;z-index:4}.topin{max-width:980px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-weight:800;color:var(--navy)}.progress{font-size:.9rem;color:var(--muted)}.wrap{max-width:980px;margin:30px auto;padding:0 18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 10px 35px #13334a0d;margin-bottom:18px}h1,h2,h3{color:var(--navy)}h1{margin-top:0}.note{border-radius:10px;padding:12px 14px;background:var(--sky);margin:12px 0}.warn{background:var(--warn)}.bad{background:var(--bad)}.ok{background:var(--ok)}.btn{border:1px solid #b9d3df;background:#fff;color:var(--navy);padding:11px 15px;border-radius:9px;font-weight:700;cursor:pointer}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.danger{background:#fff0f1;color:#9a2931;border-color:#d48a90}.btn:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.q{padding:15px 0;border-top:1px solid #edf3f6}.q:first-child{border-top:0}.scale{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.choice{border:1px solid #b9d3df;background:#fff;border-radius:9px;padding:9px 11px;cursor:pointer}.choice.sel{background:#dff2fa;border-color:#3a93b7;font-weight:800}.meter{padding:12px;border:1px solid var(--line);border-radius:10px;margin:10px 0}.prompt{font-size:1.05rem;line-height:1.55}.audioitem{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}.small{font-size:.88rem;color:var(--muted)}.bar{height:8px;background:#e8f0f4;border-radius:8px;overflow:hidden}.bar>div{height:100%;background:#2490bd}.done{font-size:2.4rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.metric{border:1px solid var(--line);border-radius:10px;padding:12px}.metric b{display:block;color:var(--navy);font-size:1.25rem}@media(max-width:600px){.card{padding:18px}.topin{align-items:flex-start;flex-direction:column}.btn{width:100%}.choice{width:auto}}