/* IPSS FUNWISE — LIGHT THEME */
:root{--bg:#ffffff;--card:#ffffff;--ink:#1a1f36;--muted:#5b6477;--accent:#1a73e8;--mild:#1e8e3e;--moderate:#f9ab00;--severe:#d93025;--ring:#e6eaf2;--shadow:0 8px 22px rgba(16,24,40,.08)}
.ipss-wrap{max-width:980px;margin:32px auto;padding:0 16px}
.ipss-wrap[data-theme="dark"]{--bg:#0b1020;--card:#10172a;--ink:#e9edf5;--muted:#a9b3c7;--accent:#4da3ff;--mild:#45c26b;--moderate:#ffb020;--severe:#ff5d5d;--ring:#233056;--shadow:0 10px 30px rgba(0,0,0,.35)}
.ipss-card{background:var(--card);border:1px solid var(--ring);border-radius:16px;padding:20px;color:var(--ink);box-shadow:var(--shadow)}
.ipss-h1{margin:6px 0 10px;font-size:clamp(24px,3.2vw,32px);letter-spacing:.2px}
.ipss-lead{color:var(--muted);margin:0 0 18px}
fieldset{border:1px solid var(--ring);border-radius:14px;padding:16px;margin:0 0 16px;background:linear-gradient(0deg,#fff,#fff)}
legend{padding:0 8px;color:var(--muted);font-weight:700}
.ipss-grid{display:grid;gap:16px}
.ipss-grid-2{grid-template-columns:1fr 1fr}
@media (max-width:760px){.ipss-grid-2{grid-template-columns:1fr}}
.ipss-q{display:grid;gap:10px;padding:12px;border:1px solid var(--ring);border-radius:12px;background:#fbfcfe}
.ipss-q h3{margin:0;font-size:16px}
.ipss-radio-grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(120px,1fr))}
@media (max-width:980px){.ipss-radio-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media (max-width:520px){.ipss-radio-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}
label.ipss-opt{border:1px solid var(--ring);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;background:#fff;transition:box-shadow .15s,border-color .15s,transform .03s}
label.ipss-opt:hover{box-shadow:0 2px 10px rgba(0,0,0,.06)}
label.ipss-opt:active{transform:translateY(1px)}
.ipss-opt input{accent-color:var(--accent);transform:scale(1.1)}
.ipss-note{color:var(--muted);font-size:13px}
.ipss-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.ipss-btn{background:var(--accent);color:#fff;border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.ipss-btn.secondary{background:#eef2ff;color:#1a1f36;border:1px solid var(--ring)}
.ipss-btn.tertiary{background:#f5f7fb;color:#1a1f36;border:1px solid var(--ring)}
.ipss-btn:focus{outline:2px solid color-mix(in oklab, var(--accent) 40%, white); outline-offset:2px}
.ipss-results{display:grid;gap:12px;padding:14px;border:1px solid var(--ring);border-radius:12px;background:#f8fbff}
.ipss-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ipss-badge{padding:6px 10px;border-radius:999px;font-weight:700;letter-spacing:.2px;border:1px solid var(--ring);background:#fff}
.ipss-badge.mild{background:color-mix(in oklab, var(--mild) 15%, white); color:#0b3d1b; border-color:color-mix(in oklab, var(--mild) 35%, #e6f4ea)}
.ipss-badge.moderate{background:color-mix(in oklab, var(--moderate) 18%, white); color:#5a3a00; border-color:color-mix(in oklab, var(--moderate) 35%, #fff3c1)}
.ipss-badge.severe{background:color-mix(in oklab, var(--severe) 15%, white); color:#6a1612; border-color:color-mix(in oklab, var(--severe) 35%, #fde2dd)}
.ipss-meter-wrap{width:100%;background:#f2f4f7;border:1px solid var(--ring);border-radius:10px;height:14px;overflow:hidden}
.ipss-meter{height:100%;width:0%;background:linear-gradient(90deg,var(--mild) 0 20%,var(--moderate) 20% 54.3%,var(--severe) 54.3% 100%)}
.ipss-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.ipss-input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--ring);background:#fff;color:var(--ink)}
@media print{.ipss-actions{display:none!important}.ipss-card{box-shadow:none;border-color:#bbb}.ipss-badge{border:1px solid #000}}
/* Accent override via data attribute */
.ipss-wrap[data-accent]{--accent:inherit}
