:root{--app-height: 100dvh;--bg: #d6dee8;--surface: #edf2f7;--surface-strong: #f3f6fa;--primary: #0f5f73;--primary-soft: #cae8f0;--primary-strong: #0a3f4d;--accent: #f59e0b;--text: #0f172a;--muted: #334155;--border: #b7c4d4;--success-bg: #dcfce7;--success-fg: #166534;--warning-bg: #fef3c7;--warning-fg: #92400e;--info-bg: #dbeafe;--info-fg: #1d4ed8;--error-bg: #fee2e2;--error-fg: #991b1b;--shadow-soft: 0 10px 24px rgba(15, 23, 42, .08);--btn-text-on-dark: #f8fafc}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at 0 0,#99f6e4 0,var(--bg) 40%);color:var(--text);overflow-x:hidden}#root{min-height:var(--app-height);height:var(--app-height)}.app-shell{max-width:1100px;margin:0 auto;min-height:var(--app-height);height:var(--app-height);display:flex;flex-direction:column;background:#f8fafce6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.app-header{position:relative;padding:12px 14px;background:linear-gradient(120deg,var(--primary-strong),var(--primary));color:#f8fafc;font-weight:700;letter-spacing:.4px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #0206172e}.app-brand{font-size:1.2rem;line-height:1}.app-brand-group{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px}.desktop-tabs{margin-left:auto;display:none;gap:8px}.app-header-right{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.user-pill{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#fff;border-radius:999px;padding:7px 12px;font-size:.9rem;font-weight:700}.desktop-tab-btn{background:#ffffff24;color:#ecfeff;border:1px solid rgba(255,255,255,.24);padding:8px 12px}.desktop-tab-btn.active{background:#f8fafc;color:var(--primary-strong)}.menu-btn{border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#fff;border-radius:8px;padding:4px 10px;display:inline-flex;align-items:center;justify-content:center}.display-btn{border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#fff;border-radius:8px;padding:4px 10px}.edge-swipe-zone{position:fixed;left:0;top:0;bottom:0;width:18px;z-index:30}.content{flex:1;padding:16px;padding-bottom:calc(82px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.page-title{margin:0 0 12px;text-align:center}.med-list{display:grid;gap:10px}.card{background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:var(--shadow-soft)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-title{margin:0;font-size:1rem}.card-sub{margin:8px 0;color:var(--muted)}.card-sub li+li{margin-top:6px}.row{display:flex;gap:8px;flex-wrap:wrap}button,select{border:1px solid transparent;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}.btn-primary{background:#0b6d83;color:var(--btn-text-on-dark);border-color:#084f60}.btn-soft{background:#e0ecfb;color:#0b2f6b;border-color:#94b6ef}.btn-danger{background:#dc2626;color:var(--btn-text-on-dark);border-color:#991b1b}.btn-primary:hover{background:#09586a}.btn-soft:hover{background:#cfe2fb}.btn-danger:hover{background:#b91c1c}.btn-dose-take{background:#15803d;color:#fff;border-color:#166534}.btn-dose-take:hover{background:#166534}.btn-dose-snooze{background:#b45309;color:#fff;border-color:#92400e}.btn-dose-snooze:hover{background:#92400e}.btn-dose-skip{background:#dc2626;color:#fff;border-color:#991b1b}.btn-dose-skip:hover{background:#b91c1c}.btn-dose-undo{background:#1d4ed8;color:#fff;border-color:#1e40af}.btn-dose-undo:hover{background:#1e40af}.fab{position:fixed;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));border-radius:999px;width:54px;height:54px;font-size:1.6rem;padding:0;box-shadow:0 8px 24px #0284c74d}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0f172a;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #334155;padding-bottom:env(safe-area-inset-bottom);z-index:50}.nav-btn{border-radius:0;background:transparent;color:#cbd5e1;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.82rem}.nav-btn.active{background:#1e293b;color:#99f6e4}.side-overlay{position:fixed;inset:0;background:#0f172a85;z-index:40}.side-menu{width:min(380px,92vw);background:#fff;height:100%;border-right:1px solid var(--border)}.side-header{background:var(--primary);color:#fff;padding:20px 18px;font-size:1.1rem;font-weight:700}.side-list{display:grid}.side-item{background:transparent;border-radius:0;text-align:left;padding:16px 18px;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;align-items:center;width:100%;font-size:1.03rem}.side-item.active{background:#f0fdfa}.side-item svg{flex:0 0 auto}.side-item:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:#0f172a85;display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:16px}.lock-modal{width:min(420px,100%)}.lock-modal input[type=password]{font-size:1.25rem;letter-spacing:.28em;text-align:center;padding:14px 12px}.legal-error{color:#991b1b}.form-grid{display:grid;gap:10px}.onboarding-auth-card{border-color:#93c5fd;background:#eff6ff}.onboarding-google-btn{width:100%}label{font-size:.92rem;color:var(--muted)}input[type=text],input[type=password],input[type=number],input[type=time],input[type=date],select{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;margin-top:4px}.tabs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.tab-btn{background:#e2e8f0}.tab-btn.active{background:#0f766e;color:#fff}.doses-list{display:grid;gap:8px}.dose-row{border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between}.dose-row.taken{background:#dcfce7;border-color:#22c55e}.dose-row.pending{background:#fee2e2;border-color:#f87171}.empty{color:var(--muted);text-align:center;margin-top:40px}textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;margin-top:4px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:8px;color:var(--text)}.active-chip{outline:2px solid var(--primary)}.filter-chip{border:1px solid transparent}.filter-all{background:#dbeafe;color:#1e3a8a}.filter-overdue{background:#fee2e2;color:#991b1b}.filter-upcoming{background:#ede9fe;color:#5b21b6}.filter-taken{background:#dcfce7;color:#166534}.filter-all.active-chip,.filter-overdue.active-chip,.filter-upcoming.active-chip,.filter-taken.active-chip{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.high-contrast{--bg: #dbeafe;--surface: #f1f5f9;--surface-strong: #f8fafc;--primary: #0f172a;--primary-strong: #020617;--primary-soft: #bfdbfe;--text: #020617;--muted: #334155;--border: #0f172a;--success-bg: #dcfce7;--success-fg: #14532d;--warning-bg: #fef3c7;--warning-fg: #78350f;--info-bg: #dbeafe;--info-fg: #1e3a8a;--error-bg: #fee2e2;--error-fg: #7f1d1d}.high-contrast .app-header{background:#020617}.high-contrast .btn-primary,.high-contrast .btn-soft,.high-contrast .btn-danger,.high-contrast .btn-dose-take,.high-contrast .btn-dose-snooze,.high-contrast .btn-dose-skip,.high-contrast .btn-dose-undo{box-shadow:inset 0 0 0 1px #000}@media(max-width:560px){.app-brand-group{position:static;transform:none;max-width:calc(100vw - 140px)}.user-pill{max-width:120px;font-size:.82rem;padding:5px 8px}.content{padding:12px 12px 84px}.card-head{flex-direction:column;align-items:flex-start}.row{width:100%}.row button{flex:1}}@media(min-width:900px){#root{min-height:100vh;height:auto}.app-shell{min-height:100vh;height:auto;overflow:visible}.app-brand-group{position:static;transform:none;margin-left:6px;max-width:320px}.app-brand{font-size:1.1rem}.user-pill{max-width:170px;font-size:.82rem;padding:6px 10px}.desktop-tabs{display:flex;margin-left:auto;margin-right:10px}.edge-swipe-zone{display:none}.content{overflow:visible;padding:20px 24px 28px}.bottom-nav{display:none}.fab{bottom:24px}.med-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.content{padding-bottom:34px}}