*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:root{--bg:linear-gradient(135deg,#f8fafc,#eef2ff 50%,#fdf2f8);--card-bg:hsla(0,0%,100%,.9);--card-border:rgba(0,0,0,.06);--shadow-1:0 1px 2px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.06);--shadow-2:0 2px 10px rgba(0,0,0,.08),0 16px 40px rgba(0,0,0,.1);--accent:#6d28d9;--accent-2:#0ea5e9;--text:#0f172a;--muted:#64748b;--ring:rgba(109,40,217,.35)}.min-h-screen{min-height:100vh}.bg-gray-50{background:var(--bg)}.text-gray-900{color:var(--text)}.text-gray-600{color:var(--muted)}.text-gray-700{color:#334155}.text-sm{font-size:.9rem}.text-xl{font-size:1.25rem}.font-semibold{font-weight:600}.container{max-width:64rem;margin:0 auto;padding:1rem}.btn{background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;padding:.6rem .9rem;border-radius:.8rem;border:0;cursor:pointer;box-shadow:var(--shadow-1);transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2);filter:brightness(1.02)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.btn.ghost{background:transparent;color:var(--text)}.btn.ghost,.card{border:1px solid var(--card-border)}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.25rem;padding:1.1rem;box-shadow:var(--shadow-1)}.input{border:1px solid #e5e7eb;padding:.6rem .7rem;border-radius:.7rem;width:100%;background:#fff;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.label{font-weight:600;font-size:.9rem;margin-bottom:.35rem;display:block;color:#111827}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.hero{background:radial-gradient(1200px 400px at 10% -10%,rgba(125,211,252,.25),transparent 30%),radial-gradient(1200px 400px at 90% -10%,rgba(167,139,250,.25),transparent 30%);border-radius:1.25rem;padding:1.5rem}.hdr{background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border)}nav a{color:#334155}nav a:hover{color:#0f172a;text-decoration:underline}.severity-card{border:1px solid var(--card-border);border-radius:1rem;padding:.9rem;background:linear-gradient(180deg,rgba(16,185,129,.06),rgba(239,68,68,.06))}.severity-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.severity-badge{font-weight:600;padding:.2rem .55rem;border-radius:.6rem;background:#fff;border:1px solid var(--card-border)}.severity-gauge{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444)}.severity-pointer{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.caution-card{border:1px solid #f59e0b44;border-left:4px solid #f59e0b;border-radius:.9rem;padding:.9rem;background:linear-gradient(180deg,rgba(245,158,11,.06),rgba(245,158,11,.03))}.caution-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#92400e}.caution-subtle{color:#6b7280;font-size:.85rem}