:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--text:#111c33;--muted:#55607a;--line:#d5dbe7;--brand:#12306b;--brand-text:#fff;--ok:#e6edfa;--ok-text:#12306b;--wait:#fef3c7;--wait-text:#78350f;--bad:#b91c1c;--bad-soft:#fee2e2;--bad-text:#991b1b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;overscroll-behavior-y:none;margin:0;font:17px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.screen{max-width:560px;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 88px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.narrow{padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}h1{margin:0;font-size:28px}h2{margin:8px 0 0;font-size:17px}p{margin:0}.stack{flex-direction:column;gap:12px;display:flex}.tight{gap:4px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted);font-size:15px}label{color:var(--muted);flex-direction:column;gap:6px;font-size:15px;display:flex}input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;min-height:48px;padding:12px;font-size:17px}button{font:inherit;cursor:pointer;border:0;border-radius:12px;min-height:48px;padding:10px 16px}button:disabled{opacity:.55}.primary{background:var(--brand);color:var(--brand-text);font-weight:600}.big{min-height:96px;font-size:24px}.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.small{min-height:40px;padding:6px 12px;font-size:15px}.danger{background:var(--bad);color:#fff;font-weight:600}.link{color:var(--brand);background:0 0;min-height:44px;padding:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}.notice{width:calc(100% - 32px);max-width:528px;margin:calc(env(safe-area-inset-top) + 12px) auto 0;color:var(--text);text-align:left;display:block}.banner{background:var(--bad-soft);color:var(--bad-text);border-radius:12px;margin:0;padding:12px 14px}.timer{background:var(--wait);color:var(--wait-text);text-align:center;border-radius:18px;padding:20px}.timer .muted{color:inherit}.timer.ok{background:var(--ok);color:var(--ok-text)}.timer-label{font-weight:600}.countdown{font-variant-numeric:tabular-nums;font-size:72px;font-weight:700;line-height:1.1}.slots{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.slot{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.slot>.card{flex-basis:100%}.slot-name{text-transform:capitalize;font-weight:600}.slot.missed{border-color:var(--bad);color:var(--bad-text);background:var(--bad-soft)}.slot.pending{color:var(--muted)}.dose{color:var(--brand);text-align:right;background:0 0;min-height:36px;padding:4px 0}.tabs{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;inset:auto 0 0}.tabs button{color:var(--muted);background:0 0;border-radius:0;flex:1;min-height:56px}.tabs .active{color:var(--brand);font-weight:600}.timer-strip{background:var(--wait);color:var(--wait-text);padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;justify-content:space-between;gap:12px;font-size:15px;display:flex}.strip-time{font-variant-numeric:tabular-nums}.pull-indicator{height:0;color:var(--muted);justify-content:center;align-items:flex-end;padding-bottom:0;font-size:15px;display:flex;overflow:hidden}
