:root{--ink:#17211d;--muted:#607068;--paper:#f3f1ea;--surface:#fffdf8;--line:#dbe0db;--forest:#174f3a;--mint:#dff1e7;--amber:#8b5418;--amber-bg:#fff0cf;--berry:#8d3b62;--berry-bg:#f5e4ec;--blue:#315d87;--blue-bg:#e6eef7;--red:#8c3434;--red-bg:#f9e3df;--shadow:0 18px 50px rgba(36,46,40,.1)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1{margin:0;font:650 clamp(32px,5vw,54px)/1.02 Georgia,serif;letter-spacing:-.04em}h2{margin:0;font:650 23px/1.15 Georgia,serif;letter-spacing:-.02em}p{margin:0}.subtle{color:var(--muted)}.eyebrow{margin:0 0 6px;color:#33745a;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:white;background:var(--forest);font:700 22px Georgia,serif;box-shadow:var(--shadow)}.brand-mark.small{width:38px;height:38px;border-radius:13px;font-size:17px}.primary,.secondary,.quiet{min-height:42px;border-radius:12px;padding:9px 14px;font-weight:750}.primary{border:0;color:white;background:var(--forest)}.secondary{border:1px solid var(--line);color:var(--ink);background:white}.quiet{border:0;color:var(--muted);background:transparent}.card{background:var(--surface);border:1px solid rgba(72,89,80,.13);border-radius:20px;box-shadow:var(--shadow)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,#dff1e7,transparent 42%),var(--paper)}.login-card{width:min(440px,100%);padding:36px;background:var(--surface);border-radius:24px;box-shadow:var(--shadow)}.login-card h1{margin:14px 0 12px}.login-card form{display:grid;gap:15px;margin-top:24px}.login-card label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.login-card input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);background:white}.error-text{margin-top:12px;color:var(--red)}
.app-shell{min-height:100vh;padding:20px 24px 80px}.topbar,.content,.view-nav,.state-banner{max-width:1180px;margin-left:auto;margin-right:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand,.top-actions,.truth-key{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:-.02em}.view-nav{display:flex;gap:6px;margin-top:18px;margin-bottom:20px;overflow:auto}.view-nav button{border:0;border-radius:999px;padding:8px 13px;color:var(--muted);background:transparent;white-space:nowrap}.view-nav button.active{color:white;background:var(--forest)}.state-banner{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:14px;padding:11px 14px;border-radius:12px}.state-banner.amber{color:var(--amber);background:var(--amber-bg)}.state-banner.blue{color:var(--blue);background:var(--blue-bg)}.state-banner.red{color:var(--red);background:var(--red-bg)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:30px;background:linear-gradient(135deg,#fffdf8,#e7f2e9)}.hero .subtle{max-width:680px;margin-top:10px;font-size:16px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.pill.good{color:var(--forest);background:var(--mint)}.pill.reported{color:var(--berry);background:var(--berry-bg)}.pill.uncertain{color:var(--amber);background:var(--amber-bg)}.pill.derived{color:var(--blue);background:var(--blue-bg)}.pill.system{color:#53625b;background:#e8ece9}.action-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px;margin-top:16px}.medication-card,.report-card,.records-card,.signal-card{padding:22px}.medication-card{display:flex;flex-direction:column;justify-content:space-between;min-height:230px}.medication-card .subtle{margin-top:7px}.medication-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.medication-actions .primary{grid-column:1/-1}.report-card h2{margin-bottom:16px}.choice-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.records-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.section-heading{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:18px}.empty-state{padding:32px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:18px}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border:0}.timeline-item h3{margin:0;font-size:15px}.timeline-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.event-actions{display:flex;gap:3px}.event-actions button{border:0;color:var(--muted);background:transparent;font-size:12px}.factor-plot{display:grid;gap:14px;min-height:180px}.factor-row{display:grid;grid-template-columns:100px 1fr 42px;gap:10px;align-items:center}.factor-bar{height:10px;border-radius:999px;background:#e6ebe7;overflow:hidden}.factor-bar span{display:block;height:100%;border-radius:inherit;background:var(--blue)}.comparison-factor{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.comparison-factor h3{margin:0;font-size:14px}.comparison-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comparison-summary span{padding:9px;border-radius:10px;background:var(--blue-bg);font-size:12px}.small-copy{margin-top:16px;font-size:12px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,100px);padding:12px 16px;border-radius:12px;color:white;background:var(--ink);box-shadow:var(--shadow);transition:transform .2s}.toast.show{transform:translate(-50%,0)}
@media(max-width:860px){.action-grid{grid-template-columns:1fr 1fr}.medication-card{grid-column:1/-1}.records-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.truth-key{margin-top:4px}}
@media(max-width:600px){.app-shell{padding:14px 13px 72px}.topbar{align-items:flex-start}.brand>span:last-child{display:none}.top-actions{justify-content:flex-end}.top-actions .pill{width:100%;justify-content:center}.hero,.medication-card,.report-card,.records-card,.signal-card{padding:19px}.action-grid{grid-template-columns:1fr}.medication-card{grid-column:auto}.timeline-item{grid-template-columns:50px 1fr}.event-actions{grid-column:2}.state-banner{grid-template-columns:1fr}.login-card{padding:25px}.factor-row{grid-template-columns:82px 1fr 36px}}