@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Outfit:wght@400;500;600;700&display=swap";:root{font-synthesis:none;color:var(--text);background:var(--bg);--font-display:"DM Serif Display", Georgia, serif;--accent:#ff7f6a;--accent-2:#5ec8ff;--gold:#f0b45a;--radius:18px;--shadow:0 18px 50px #00000047;font-family:Outfit,system-ui,sans-serif}[data-theme=dark]{--bg:#0b0f1a;--bg-glow-a:#5ec8ff29;--bg-glow-b:#ff7f6a1f;--bg-glow-c:#f0b45a1a;--surface:#141a2a;--surface-2:#1a2236;--surface-elevated:#1c2438;--ink:#0b0f1a;--text:#eef1f7;--text-soft:#c5ccda;--muted:#8b95a8;--line:#c6d0e624;--line-strong:#c6d0e63d;--input-bg:#101624;--input-border:#c6d0e62e;--focus:#5ec8ff47;--primary:#5ec8ff;--primary-ink:#071018;--primary-hover:#7ad4ff;--chip:#ffffff0f;--warning-bg:#f0b45a24;--warning-text:#f3d39a;--header-bg:#0b0f1ad1;--result-bg:#5ec8ff14;--current-card:linear-gradient(165deg, #172038 0%, #12182a 55%, #17101f 100%);--current-muted:#aeb8cc;--current-step:#f0b45a;--current-heading:#fff;--current-value:#fff;--current-divider:#ffffff24;--current-empty:#ffffff59;--history-current:#5ec8ff14;--status-bg:#5ec8ff29;--status-text:#bfe8ff;--levels-preview:linear-gradient(160deg, #122033 0%, #141a2a 100%);--levels-protocol:linear-gradient(160deg, #1a1628 0%, #141a2a 100%);--levels-text:#fff;--levels-summary:#c4d0e0;--levels-border:#ffffff14;--levels-tag:#c4d0e0;--levels-tag-border:#ffffff2e;--levels-empty-border:#ffffff29;--levels-empty-text:#9aabbf;--preview-step:#7ad4ff;--protocol-step:#f0b45a;--chart-shell:#00000047;--chart-shell-border:#ffffff14;--chart-grid:#ffffff1a;--chart-label:#9aabbf;--chart-note:#8b9aaf;--preview-stroke-a:#5ec8ff;--preview-stroke-b:#9b7bff;--preview-stroke-c:#ff7f6a;--preview-fill:#5ec8ff;--protocol-stroke-a:#f0b45a;--protocol-stroke-b:#ff7f6a;--protocol-stroke-c:#ff9ad5;--protocol-fill:#f0b45a}[data-theme=light]{--bg:#eef2f6;--bg-glow-a:#1e78b41a;--bg-glow-b:#ff7f6a14;--bg-glow-c:#1450780f;--surface:#fff;--surface-2:#f7f9fc;--surface-elevated:#fff;--ink:#132033;--text:#132033;--text-soft:#3d4d63;--muted:#6a7a90;--line:#1320331a;--line-strong:#13203329;--input-bg:#fff;--input-border:#13203329;--focus:#1e78b42e;--primary:#173f5c;--primary-ink:#fff;--primary-hover:#215578;--chip:#1320330d;--warning-bg:#fff1d8;--warning-text:#7a5410;--header-bg:#eef2f6db;--result-bg:#e8f1f7;--current-card:linear-gradient(165deg, #fff 0%, #f3f7fb 55%, #eef4f9 100%);--current-muted:#6a7a90;--current-step:#c47a1a;--current-heading:#132033;--current-value:#132033;--current-divider:#1320331a;--current-empty:#13203338;--history-current:#eaf3f9;--status-bg:#d9ecf7;--status-text:#1c5678;--levels-preview:linear-gradient(160deg, #fff 0%, #f0f7fc 100%);--levels-protocol:linear-gradient(160deg, #fff 0%, #faf5f2 100%);--levels-text:#132033;--levels-summary:#3d4d63;--levels-border:#1320331a;--levels-tag:#6a7a90;--levels-tag-border:#13203324;--levels-empty-border:#13203329;--levels-empty-text:#6a7a90;--preview-step:#1c6ea0;--protocol-step:#c47a1a;--chart-shell:#f4f7fb;--chart-shell-border:#1320331a;--chart-grid:#1320331a;--chart-label:#6a7a90;--chart-note:#7a8799;--preview-stroke-a:#1e90c7;--preview-stroke-b:#6d5ce7;--preview-stroke-c:#e56b57;--preview-fill:#2aa0d6;--protocol-stroke-a:#d99a3a;--protocol-stroke-b:#e56b57;--protocol-stroke-c:#d66aa8;--protocol-fill:#d99a3a;--shadow:0 16px 40px #1e37501a}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(900px 480px at 8% -10%, var(--bg-glow-a), transparent 60%), radial-gradient(700px 420px at 92% 8%, var(--bg-glow-b), transparent 55%), radial-gradient(800px 520px at 70% 100%, var(--bg-glow-c), transparent 50%), var(--bg);background-attachment:fixed;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1,h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);font-weight:400}.brand{color:var(--text);align-items:center;gap:11px;font-weight:700;display:flex}.brand-mark{object-fit:contain;flex-shrink:0;width:38px;height:38px;display:block}.eyebrow,.step{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-2);font-size:11px;font-weight:700}.lede{color:var(--text-soft);max-width:620px;font-size:17px;line-height:1.65}.muted{color:var(--muted)}.theme-toggle{border:1px solid var(--line-strong);background:var(--chip);color:var(--text-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:12px;font-weight:600;display:inline-flex}.theme-toggle-track{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;width:34px;height:20px;display:block;position:relative}.theme-toggle-thumb{border-radius:50%;width:14px;height:14px;transition:left .2s,background .2s;position:absolute;top:2px}.theme-toggle-thumb.dark{background:linear-gradient(135deg,#5ec8ff,#9b7bff);left:16px}.theme-toggle-thumb.light{background:linear-gradient(135deg,#f0b45a,#ff7f6a);left:2px}.theme-toggle-label{min-width:32px}.auth-shell{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-intro{color:#eef1f7;background:radial-gradient(600px 400px at 80% 20%,#ff7f6a33,#0000 60%),radial-gradient(500px 360px at 10% 80%,#5ec8ff2e,#0000 55%),#101624;flex-direction:column;justify-content:center;padding:56px clamp(32px,7vw,110px);display:flex;position:relative;overflow:hidden}.auth-intro .brand{color:#eef1f7;position:absolute;top:42px}.auth-intro .eyebrow{color:#f0b45a}.auth-intro h1{color:#fff;margin:14px 0 28px;font-size:clamp(54px,7vw,92px);line-height:.96}.auth-intro .lede{color:#c5d0e0}.trust-note{color:#9aabbf;margin-top:45px;font-size:13px}.auth-panel{place-items:center;padding:40px;display:grid;position:relative}.auth-theme{position:absolute;top:24px;right:24px}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);border-radius:22px;padding:44px}.auth-card h2{margin-bottom:8px;font-size:42px}label,legend{color:var(--text-soft);margin:20px 0 8px;font-size:13px;font-weight:600;display:block}input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:10px;outline:none;padding:13px 14px}input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--focus)}.primary-button,.outline-button,.text-button{border:0;border-radius:10px;font-weight:700}.primary-button{background:var(--primary);width:100%;color:var(--primary-ink);margin-top:22px;padding:14px 18px}.primary-button:hover{background:var(--primary-hover)}.primary-button:disabled{opacity:.6}.outline-button{color:var(--text);border:1px solid var(--line-strong);background:0 0;padding:9px 13px}.outline-button:hover{background:var(--chip)}.text-button{color:var(--accent-2);background:0 0;padding:10px 0}.auth-card>.text-button{width:100%;margin-top:14px}.form-message{background:var(--warning-bg);color:var(--warning-text);border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:13px}.splash{place-items:center;min-height:100vh;display:grid}.app-shell>header{border-bottom:1px solid var(--line);background:var(--header-bg);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,5vw,72px);display:flex;position:sticky;top:0}nav{align-items:center;gap:14px;display:flex}.hello{color:var(--muted);font-size:13px}.dashboard{width:min(1320px,100% - 48px);margin:0 auto}.hero{justify-content:space-between;align-items:end;gap:30px;padding:70px 0 40px;display:flex}.hero h1{margin:8px 0 10px;font-size:clamp(46px,6vw,78px)}.current-pill{background:var(--surface);border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);border-radius:13px;padding:14px 18px}.current-pill span,.current-pill strong{display:block}.current-pill span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px;font-size:11px}.workspace-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.8fr);gap:22px;display:grid}.card,.history{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}.card{padding:30px}.section-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.section-heading h2{margin:0;font-size:30px}.step{margin-bottom:7px}.quiet-tag{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:20px;padding:7px 10px;font-size:11px}.two-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.unit-input{position:relative}.unit-input input{padding-right:72px}.unit-input span{color:var(--muted);font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}fieldset{border:0;margin:20px 0 0;padding:0}.frequency{gap:8px;display:flex}.frequency button{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:9px;flex:1;padding:11px}.frequency button.active{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.result{background:var(--result-bg);border:1px solid var(--line);border-radius:16px;grid-template-columns:180px 1fr;align-items:center;gap:16px;margin-top:25px;padding:22px;display:grid}.result p{color:var(--muted);margin-bottom:5px;font-size:12px}.result strong{font-family:var(--font-display);font-size:45px;font-weight:400;display:block}.result small{font:700 13px Outfit,system-ui,sans-serif}.result span{color:var(--muted);font-size:12px;display:block}.current-card{background:var(--current-card);color:var(--current-heading);border-color:var(--line)}.current-card h2{color:var(--current-heading)}.current-card .step{color:var(--current-step)}.dose-number{text-align:center;margin:42px 0 10px}.dose-number strong,.dose-number span{display:block}.dose-number strong{font:400 72px/1 var(--font-display);color:var(--current-value)}.dose-number span{color:var(--current-muted);font-size:13px}.syringe{background:#1b2433;border-radius:16px;margin:16px 0 0;padding:8px 8px 12px;overflow:hidden}.syringe-svg{width:100%;height:auto;display:block}.syringe-footer{color:#c5ccd6;border-top:1px solid #3a4556;justify-content:space-between;align-items:center;gap:12px;margin:0 8px;padding:10px 4px 0;font-size:12px;line-height:1.2;display:flex}.syringe-legend{align-items:center;gap:8px;display:flex}.syringe-swatch{background:#ff7f6a;border-radius:3px;flex:none;width:12px;height:12px}.syringe-conversion{color:#8b93a0;white-space:nowrap}.result .syringe{margin-top:0}.current-card dl{margin:28px 0 0}.current-card dl div{border-top:1px solid var(--current-divider);justify-content:space-between;padding:13px 0;display:flex}dt{color:var(--current-muted);font-size:12px}dd{color:var(--current-value);margin:0;font-size:13px;font-weight:700}.empty{text-align:center;color:var(--current-muted);padding:80px 25px}.empty span{font:70px var(--font-display);color:var(--current-empty)}.levels-grid{grid-template-columns:1fr 1fr;gap:22px;margin:22px 0;display:grid}.levels-card{color:var(--levels-text);border:1px solid var(--levels-border);box-shadow:var(--shadow);border-radius:20px;margin:0;padding:28px}.levels-preview{background:var(--levels-preview)}.levels-protocol{background:var(--levels-protocol)}.levels-copy{justify-content:space-between;align-items:start;gap:20px;display:flex}.levels-copy h2{color:var(--levels-text);margin:0;font-size:28px}.levels-card .step{color:var(--protocol-step)}.levels-preview .step{color:var(--preview-step)}.levels-card .quiet-tag{color:var(--levels-tag);border-color:var(--levels-tag-border)}.levels-summary{color:var(--levels-summary);max-width:900px;margin:16px 0 18px;line-height:1.65}.levels-summary strong{color:var(--levels-text)}.levels-empty{background:var(--chart-shell);border:1px dashed var(--levels-empty-border);text-align:center;color:var(--levels-empty-text);border-radius:14px;margin-top:28px;padding:42px 20px}.chart-shell{background:var(--chart-shell);border:1px solid var(--chart-shell-border);border-radius:16px;padding:18px 18px 14px}.chart-shell svg{width:100%;height:auto;max-height:280px;display:block}.chart-grid{stroke:var(--chart-grid);stroke-width:1px}.chart-line{fill:none;stroke-width:3.5px;stroke-linejoin:round;stroke-linecap:round}.chart-label{fill:var(--chart-label);font:13px Outfit,system-ui,sans-serif}.chart-shell p{color:var(--chart-note);margin:4px 2px 0;font-size:12px}.levels-preview .chart-fill-start{stop-color:var(--preview-fill);stop-opacity:.38}.levels-preview .chart-fill-end{stop-color:var(--preview-fill);stop-opacity:.03}.levels-preview .chart-stroke-start{stop-color:var(--preview-stroke-a)}.levels-preview .chart-stroke-mid{stop-color:var(--preview-stroke-b)}.levels-preview .chart-stroke-end{stop-color:var(--preview-stroke-c)}.levels-protocol .chart-fill-start{stop-color:var(--protocol-fill);stop-opacity:.38}.levels-protocol .chart-fill-end{stop-color:var(--protocol-fill);stop-opacity:.03}.levels-protocol .chart-stroke-start{stop-color:var(--protocol-stroke-a)}.levels-protocol .chart-stroke-mid{stop-color:var(--protocol-stroke-b)}.levels-protocol .chart-stroke-end{stop-color:var(--protocol-stroke-c)}.history{margin:0 0 22px;padding:30px}.history-list{border-top:1px solid var(--line);margin-top:24px}.history-row{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1.2fr 150px;align-items:center;gap:20px;padding:18px 10px;display:grid}.history-row.current{background:var(--history-current)}.history-row strong,.history-row span{display:block}.history-row span{color:var(--muted);margin-top:4px;font-size:12px}.history-row>div:last-child{text-align:right}.history-row .status{background:var(--status-bg);color:var(--status-text);border-radius:20px;padding:7px 11px;font-weight:700;display:inline-block}.empty-history{text-align:center;color:var(--muted);padding:50px}footer{color:var(--muted);max-width:850px;padding:12px 0 50px;font-size:12px;line-height:1.6}@media (width<=1100px){.levels-grid{grid-template-columns:1fr}}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:460px}.workspace-grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:start}.history-row{grid-template-columns:1.5fr 1fr 1fr}.history-row>div:last-child{text-align:left;grid-column:1/-1}}@media (width<=620px){.app-shell>header{height:auto;padding:14px 20px}.hello{display:none}nav{gap:10px}.dashboard{width:min(100% - 28px,1320px)}.hero{padding-top:42px}.card,.history,.levels-card{padding:21px}.two-columns,.result{grid-template-columns:1fr}.history-row{grid-template-columns:1fr 1fr}.auth-card{padding:28px}.auth-panel{padding:20px}.auth-intro{padding:80px 28px 45px}.quiet-tag,.theme-toggle-label{display:none}}