:root{--bg:#f2f2f7;--card:#fff;--text:#000;--text-dim:#00000080;--border:#0000001f;--primary:#007aff;--primary-bg:#007aff14;--danger:#ff3b30;--warning:#f0c808;--radius:16px;--radius-sm:8px;--shadow:0 .5px 2px #00000014, 0 4px 16px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.3}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--card:#1c1c1e;--text:#fff;--text-dim:#ffffff8c;--border:#ffffff1f;--primary:#0a84ff;--primary-bg:#0a84ff26;--danger:#ff453a;--shadow:0 .5px 2px #0006, 0 4px 16px #00000080}}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0;padding:0}body{background:var(--bg);overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}.app{background:var(--bg);max-width:560px;min-height:100svh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;margin:0 auto;display:flex;position:relative}.home{flex-direction:column;flex:1;display:flex}.home.empty{flex-direction:column;padding-top:24px;display:flex}.doses-scroll{flex:1;padding:16px;overflow-y:auto}.doses{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.doses li{flex-direction:column;display:flex}.dose-gap{color:var(--text);opacity:.5;align-self:flex-start;align-items:center;gap:4px;margin-left:42px;padding:2px 0;font-size:16px;font-weight:700;display:flex}.dose{text-align:left;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;flex-direction:column;gap:2px;width:100%;padding:8px 16px;display:flex}.dose-date{font-size:12px;font-weight:700}.dose-row{justify-content:space-between;align-items:center;display:flex}.dose-time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum", "case";letter-spacing:-.02em;font-size:30px;font-weight:700}.dose-amount{font-size:20px;font-weight:700}.footer{background:var(--card);border-top:1px solid var(--border);padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;flex-shrink:0;gap:4px;display:flex}.footer-row{justify-content:space-between;align-items:center;display:flex}.timer-label{font-size:12px;font-weight:700}.timer-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum", "case";letter-spacing:-.02em;font-size:40px;font-weight:700;line-height:1.1}.timer-value .sep{display:inline-block}.footer-btn{color:var(--primary);padding:8px 8px 8px 16px;font-size:28px;font-weight:700}.footer-btn:active{opacity:.6}.fab-wrap{padding:32px 16px 16px;padding-bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to bottom, transparent 0%, var(--bg) 60%);margin-top:auto}.fab{pointer-events:auto;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);width:100%;color:var(--text);text-align:center;box-shadow:var(--shadow);padding:16px;font-size:24px;font-weight:700}.fab:active{opacity:.7}.new-dose{padding-bottom:max(24px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.new-dose-header{justify-content:center;align-items:center;min-height:48px;padding:8px 16px;display:flex;position:relative}.new-dose-title{text-align:center;letter-spacing:-.02em;margin:16px;font-size:34px;font-weight:700}.back{color:var(--primary);border-radius:999px;align-items:center;gap:2px;padding:8px 10px;font-size:17px;font-weight:500;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.back:active{opacity:.6}.when{flex-wrap:wrap;align-items:center;gap:8px;margin:16px;display:flex}.when-label{margin-right:4px;font-size:16px;font-weight:700}.chip{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:20px;line-height:1.2;display:inline-flex}.chip.active{border-color:var(--primary);color:var(--primary);font-weight:700}.chip:active{opacity:.6}.chip-lg{padding:4px 8px;font-size:20px}.notifications{flex-direction:column;gap:8px;margin:32px 16px 16px;display:flex}.notifications-label{font-size:12px;font-weight:700}.notifications-options{flex-wrap:wrap;gap:16px;display:flex}.amounts{flex-wrap:wrap;gap:16px;margin:8px 16px;display:flex}.amount{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-grow:1;flex-basis:30%;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:8px;display:flex}.amount.active{border:2px solid var(--primary);margin:-1px}.amount:active{opacity:.7}.amount-value{letter-spacing:-.02em;font-size:40px;font-weight:700;line-height:1}.amount.active .amount-value,.amount.active .amount-unit{color:var(--primary)}.amount-unit{color:var(--text);font-size:16px}.custom{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin:8px 16px;padding:12px 16px;display:flex}.custom input{letter-spacing:-.02em;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:28px;font-weight:700}.custom-unit{color:var(--text-dim);font-size:18px}.custom-submit{color:var(--primary);padding:4px 8px;font-size:20px;font-weight:700}.custom-submit:disabled{opacity:.4}.warn-soon{border-radius:var(--radius);color:#fff;gap:16px;margin:16px;padding:16px;display:flex}.warn-soon.danger{background:var(--danger)}.warn-soon.caution{background:var(--warning);color:#000}.warn-soon-col{flex-direction:column;flex:1;gap:2px;display:flex}.warn-soon h3{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:700;line-height:1.15}.warn-soon p{margin:0;font-size:20px;line-height:1.3}.warn-long{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);align-items:center;gap:16px;margin:16px;padding:16px;display:flex}.warn-long p{flex:1;margin:0;font-size:16px;font-weight:600}.safety{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:16px;margin:0 32px;padding:16px;display:flex}.safety-title{margin:0;font-size:20px;font-weight:700}.safety-item{align-items:flex-start;gap:12px;display:flex}.safety-item p{opacity:.7;flex:1;margin:0;font-size:16px;line-height:1.35}.safety-item-icon{color:var(--primary);flex-shrink:0}.safety-link{color:inherit;flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.safety-link span{opacity:.7;font-size:16px}.safety-link strong{color:var(--primary);font-size:16px;font-weight:700}.install-banner{left:12px;right:12px;bottom:calc(96px + env(safe-area-inset-bottom));border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);z-index:10;background:#fffffffa;border-radius:20px;flex-direction:column;gap:14px;max-width:536px;margin:0 auto;padding:18px 20px 20px;animation:.28s ease-out install-banner-in;display:flex;position:fixed;box-shadow:0 10px 40px #0003}@media (prefers-color-scheme:dark){.install-banner{background:#1c1c1efa}}@keyframes install-banner-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.install-banner-close{background:var(--border);width:30px;height:30px;color:var(--text-dim);border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.install-banner-close:active{opacity:.6}.install-banner-title{letter-spacing:-.01em;padding-right:32px;font-size:17px;font-weight:700}.install-banner-why{color:var(--text-dim);margin:0;font-size:14px;line-height:1.4}.install-banner-steps{counter-reset:step;flex-direction:column;gap:10px;margin:2px 0 0;padding:0;list-style:none;display:flex}.install-banner-steps li{align-items:center;gap:12px;font-size:14px;line-height:1.35;display:flex}.install-banner-steps li:before{content:counter(step);counter-increment:step;background:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.install-banner-step-icon{background:var(--primary-bg);width:32px;height:32px;color:var(--primary);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.install-banner-step-body{flex:1;min-width:0}.install-banner-step-body strong{color:var(--text);font-weight:700}.install-banner-arrow{right:12px;bottom:calc(8px + env(safe-area-inset-bottom));width:72px;height:88px;color:var(--primary);pointer-events:none;z-index:11;filter:drop-shadow(0 2px 6px #0003);animation:1.4s ease-in-out infinite install-arrow-bounce;position:fixed}@keyframes install-arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(3px,4px)}}