:root{--bg: #080810;--surface: #111120;--surface2: #181826;--border: #22222e;--accent: #BBAFF5;--accent2: #8FDED8;--danger: #F7BFBF;--warn: #FAD2A8;--ok: #A8D5A2;--text: #EEEEF8;--muted: #8080A0;--radius: 16px;--card-r: 12px;--transition: .3s cubic-bezier(.4,0,.2,1);--pastel-rose: #F7BFBF;--pastel-peach: #FAD2A8;--pastel-teal: #8FDED8;--pastel-lilac: #BBAFF5;--pastel-mint: #A8D5A2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased}.screen{min-height:100dvh;display:flex;flex-direction:column;animation:fadeIn .28s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.steps{display:flex;justify-content:center;gap:8px;padding:20px 0 0}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background var(--transition),transform var(--transition)}.step-dot.active{background:var(--accent);transform:scale(1.3)}.step-dot.done{background:var(--ok)}.logo{font-size:20px;font-weight:800;letter-spacing:.5px;color:var(--accent);display:flex;align-items:center;gap:8px}.logo-mark{font-size:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-r);padding:20px 22px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field input,.field textarea{background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:15px;padding:12px 14px;outline:none;transition:border-color var(--transition);width:100%;font-family:inherit}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.btn{border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;padding:13px 24px;transition:opacity .15s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.88}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#0f0f11;width:100%}.btn-secondary{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--muted);font-size:13px;padding:8px 12px}.btn-danger{background:#f8717126;color:var(--danger);border:1px solid rgba(248,113,113,.3)}.btn-ok{background:#34d39926;color:var(--ok);border:1px solid rgba(52,211,153,.3)}.sev{font-size:10px;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.sev-clear{background:#34d3991a;color:var(--ok);opacity:.7}.sev-minimal{background:#38bdf81f;color:var(--accent2)}.sev-mild{background:#34d3992e;color:var(--ok)}.sev-moderate{background:#fbbf242e;color:var(--warn)}.sev-severe{background:#f871712e;color:var(--danger)}.quality-wrap{display:flex;flex-direction:column;gap:5px}.quality-meta{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.quality-track{height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.quality-fill{height:100%;border-radius:3px;transition:width .4s ease,background .4s ease}.quality-fill.good{background:var(--ok)}.quality-fill.warn{background:var(--warn)}.quality-fill.poor{background:var(--danger)}.multi-bar{background:#a78bfa12;border:1px solid rgba(167,139,250,.22);border-radius:var(--card-r);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.multi-bar-header{display:flex;align-items:center;justify-content:space-between}.multi-bar-title{font-size:13px;font-weight:600;color:var(--accent)}.multi-dots{display:flex;gap:10px;align-items:center}.multi-dot{width:14px;height:14px;border-radius:50%;background:var(--border);border:2px solid var(--border);transition:background .3s,border-color .3s}.multi-dot.filled{background:#a78bfa59;border-color:var(--accent)}.multi-dot.done{background:var(--ok);border-color:var(--ok)}.multi-hint{font-size:12px;color:var(--muted)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cond-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--card-r);padding:14px 16px;display:flex;flex-direction:column;gap:7px}.cond-card.flagged{border-color:#f8717166;background:#f871710a}.cond-card.na{opacity:.55}.cond-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cond-name{font-size:14px;font-weight:600;line-height:1.3}.cond-regions{display:flex;gap:5px;flex-wrap:wrap}.region-tag{background:#ffffff0f;border-radius:4px;padding:2px 7px;font-size:11px;color:var(--muted)}.conf-bar{height:3px;background:var(--border);border-radius:2px}.conf-fill{height:100%;border-radius:2px;background:var(--accent)}.cond-meta{font-size:11px;color:var(--muted)}.image-note{font-size:11px;color:var(--warn);line-height:1.5;border-left:2px solid rgba(251,191,36,.4);padding-left:7px}.doctor-note{font-size:11px;color:var(--danger);font-weight:600}.na-note{font-size:10px;color:var(--muted);background:#ffffff0d;padding:2px 7px;border-radius:4px;align-self:flex-start}.cause-note{font-size:11px;color:var(--muted);line-height:1.5;margin-top:2px}.summary-card{background:#38bdf80f;border:1px solid rgba(56,189,248,.18);border-radius:var(--card-r);padding:16px 18px;font-size:14px;line-height:1.75;color:#c8e8f8}.red-flag-banner{background:#f871711a;border:1px solid rgba(248,113,113,.35);border-radius:var(--card-r);padding:12px 16px;color:var(--danger);font-size:13px;font-weight:600}.section-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:10px}.rec-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--card-r);padding:14px 16px;font-size:13px;line-height:1.6}.rec-card h4{font-size:13px;font-weight:600;margin-bottom:8px}.rec-card ul{padding-left:16px;display:flex;flex-direction:column;gap:4px}.rec-card li{color:var(--muted)}.rec-card li strong{color:var(--text)}.disclaimer{font-size:11px;color:var(--muted);border-top:1px solid var(--border);padding-top:14px;line-height:1.6}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
