:root{--bg:#f6f7f9;--surface:#fff;--text:#13201f;--muted:#5b6b6a;--border:#dfe5e4;--accent:#0f766e;--accent-soft:#ccfbf1;--accent-text:#fff;--warn-bg:#fff7ed;--warn-border:#fdba74;--warn-text:#7c2d12;--error:#b91c1c;--fill:#5eead4;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#0d1413;--surface:#151f1e;--text:#e6efee;--muted:#93a3a1;--border:#283533;--accent:#2dd4bf;--accent-soft:#134e4a;--accent-text:#042f2e;--warn-bg:#2a1a0c;--warn-border:#9a3412;--warn-text:#fed7aa;--error:#f87171;--fill:#14b8a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:.25rem 0;font-size:1.6rem}h2{margin:0 0 .5rem;font-size:1.1rem}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:1rem 0 .5rem;font-size:.9rem}a{color:var(--accent)}ul,ol{margin:.25rem 0;padding-left:1.25rem}main{padding-bottom:5.5rem}.page{flex-direction:column;gap:.9rem;max-width:640px;margin:0 auto;padding:1rem 16px;display:flex}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.lead{margin:0;font-size:1.05rem}.row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.row.wrap{flex-wrap:wrap;justify-content:flex-start}.back{font-weight:500;text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.card p{margin:.25rem 0}.link-card{color:inherit;text-decoration:none;display:block}.link-card:hover{border-color:var(--accent)}.list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;display:grid}.tile{color:inherit;flex-direction:column;gap:.2rem;text-decoration:none;display:flex}.tile-icon{font-size:1.6rem}.badge{background:var(--border);color:var(--text);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.badge-approved{color:#14532d;background:#dcfce7}.badge-approved-elsewhere{color:#1e3a8a;background:#dbeafe}.badge-investigational{color:#4c1d95;background:#ede9fe}.badge-research-only{color:#78350f;background:#fef3c7}.form{flex-direction:column;gap:1rem;display:flex}label{flex-direction:column;gap:.3rem;display:flex}label>span{font-size:.92rem;font-weight:600}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;min-width:0;padding:.6rem .7rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}input[aria-invalid=true]{border-color:var(--error)}.input-suffix{align-items:center;gap:.5rem;display:flex}.input-suffix em{color:var(--muted);min-width:2rem;font-style:normal}.hint{color:var(--muted)}.error{color:var(--error);margin:0}.search{font-size:1rem}.inline-form{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.inline-form .input-suffix{max-width:10rem}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.chip{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.segmented{border:1px solid var(--border);border-radius:10px;flex-shrink:0;display:inline-flex;overflow:hidden}.segmented button{font:inherit;background:var(--surface);color:var(--text);cursor:pointer;border:0;padding:.55rem .75rem}.segmented button.active{background:var(--accent);color:var(--accent-text)}.button{text-align:center;font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:10px;padding:.7rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.button.secondary{background:var(--accent-soft);color:var(--text)}.button.small{padding:.35rem .7rem;font-size:.85rem}.link-button{font:inherit;color:var(--error);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.8rem}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.result{border-color:var(--accent);flex-direction:column;gap:.5rem;display:flex}.result-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.result-big{color:var(--accent);font-size:2.6rem;font-weight:800;line-height:1}.result-big span{font-size:1.1rem;font-weight:600}.stats{grid-template-columns:1fr 1fr;gap:.75rem;margin:.25rem 0;display:grid}.stats dt{color:var(--muted);font-size:.8rem}.stats dd{margin:0;font-weight:600}.warnings{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.warnings li{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:10px;padding:.5rem .7rem;font-size:.88rem}.steps li{margin-bottom:.35rem}.syringe{width:100%;height:auto;margin:.5rem 0}.syringe-barrel{fill:none;stroke:var(--text);stroke-width:1.5px}.syringe-fill{fill:var(--fill);opacity:.85}.syringe-fill.over{fill:var(--error)}.syringe-stopper{fill:var(--muted)}.syringe-rod{fill:var(--border);stroke:var(--muted);stroke-width:1px}.syringe-hub{fill:var(--border);stroke:var(--text);stroke-width:1px}.syringe-needle{stroke:var(--muted);stroke-width:1.5px}.syringe-tick{stroke:var(--text);stroke-width:1px}.syringe-label{fill:var(--muted);font-size:10px}.history-day h3{margin-top:.5rem}.history-item{flex-direction:column;gap:.2rem;display:flex}.disclaimer{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.tabbar{background:var(--surface);border-top:1px solid var(--border);padding:.4rem 0 calc(.4rem + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);flex-direction:column;align-items:center;padding:.2rem .6rem;font-size:.72rem;text-decoration:none;display:flex}.tabbar a span{filter:grayscale();opacity:.7;font-size:1.25rem}.tabbar a.active{color:var(--accent);font-weight:600}.tabbar a.active span{filter:none;opacity:1}.segmented.wide{width:100%;display:flex}.segmented.wide a{text-align:center;color:var(--text);background:var(--surface);flex:1;padding:.55rem .5rem;font-size:.9rem;font-weight:500;text-decoration:none}.segmented.wide a+a{border-left:1px solid var(--border)}.segmented.wide a.active{background:var(--accent);color:var(--accent-text)}.notice{background:var(--accent-soft);border-radius:10px;margin:0;padding:.6rem .8rem}.two-col{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}fieldset{border:0;flex-direction:column;gap:.5rem;min-width:0;margin:0;padding:0;display:flex}legend{margin-bottom:.3rem;padding:0;font-size:.92rem;font-weight:600}.chips.days .chip{min-width:2.9rem}.input-suffix.interval input{max-width:5rem}.link-button.neutral{color:var(--accent);font-size:.9rem}.vial-card,.schedule-card{flex-direction:column;gap:.45rem;display:flex}.vial-card.finished,.schedule-card.finished{opacity:.65}.meter{background:var(--border);border-radius:999px;height:10px;overflow:hidden}.meter-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.meter-fill.low{background:#f97316}.vial-facts{grid-template-columns:1fr 1fr;gap:.35rem .75rem;margin:0;display:grid}.vial-facts dt{color:var(--muted);font-size:.78rem}.vial-facts dd{margin:0}.alert{border:1px solid;border-radius:10px;margin:0;padding:.5rem .7rem;font-size:.88rem;text-decoration:none;display:block}.alert.warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.alert.danger{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5}@media (prefers-color-scheme:dark){.alert.danger{color:#fecaca;background:#2a0f0f;border-color:#991b1b}}.today-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.today-item:last-child{border-bottom:0;padding-bottom:0}.today-item .actions{flex-shrink:0;gap:.4rem}.today-item.done strong{color:var(--muted);text-decoration:line-through}.check{color:var(--accent);font-size:1.4rem;font-weight:700}.upcoming li{flex-direction:column;display:flex}.onb-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);background:#0414138c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.onb{background:var(--surface);border-radius:22px;flex-direction:column;gap:1rem;width:100%;max-width:420px;max-height:100%;padding:1.1rem 1.25rem 1.25rem;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.onb-top{justify-content:space-between;align-items:center;min-height:1.5rem;display:flex}.onb-slide{text-align:center;flex-direction:column;align-items:center;gap:.6rem;min-height:22.5rem;animation:.28s ease-out onb-in;display:flex}.onb-slide h2{outline:none;margin:.25rem 0 0;font-size:1.35rem}.onb-slide p{color:var(--muted);margin:0}@keyframes onb-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.onb-slide{animation:none}}.onb-art{background:linear-gradient(135deg,#2dd4bf2e,#3730a324);border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:168px;padding:1rem;display:flex}.onb-icon{border-radius:26px;box-shadow:0 12px 30px #0d948859}.onb-badges{flex-direction:column;align-items:center;gap:.45rem;display:flex}.onb-badges .badge{padding:.25rem .75rem;font-size:.8rem}.onb-syringe{flex-direction:column;align-items:center;gap:.1rem;width:100%;display:flex}.onb-syringe .syringe{margin:0}.onb-units{color:var(--accent);font-size:2rem;font-weight:800;line-height:1}.onb-units span{font-size:.95rem;font-weight:600}.onb-today{text-align:left;flex-direction:column;gap:.5rem;width:100%;max-width:280px;display:flex}.onb-today-row{background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;padding:.5rem .7rem;font-size:.9rem;display:flex}.onb-today-row.done span:first-child{color:var(--muted);text-decoration:line-through}.onb-today-row .check{font-size:1.1rem}.onb-pill{background:var(--accent);color:var(--accent-text);border-radius:8px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.onb-lock{font-size:4rem}.onb-agree{text-align:left;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);cursor:pointer;border-radius:12px;flex-direction:row;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;font-size:.88rem}.onb-agree input{width:1.2rem;height:1.2rem;accent-color:var(--accent);flex-shrink:0;margin-top:.1rem}.onb-agree span{font-size:.88rem;font-weight:400}.onb-dots{justify-content:center;gap:.45rem;display:flex}.dot{background:var(--border);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.dot.active{background:var(--accent);width:22px}.onb-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.button:disabled{opacity:.45;cursor:not-allowed}.restore-preview{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.restore-preview p{margin:0}.button.danger{color:var(--error);border:1px solid var(--error);background:0 0}.home-links{flex-wrap:wrap;justify-content:center;gap:1.25rem;font-size:.9rem;display:flex}.home-links a{font-weight:500;text-decoration:none}.link-alert:hover{filter:brightness(.97)}.form>h2,.form>p{margin:0}.page{padding-top:max(1rem, calc(var(--safe-area-inset-top,env(safe-area-inset-top)) + .5rem))}.onb-backdrop{padding-top:max(16px, var(--safe-area-inset-top,env(safe-area-inset-top)));padding-bottom:max(16px, var(--safe-area-inset-bottom,env(safe-area-inset-bottom)))}