:root {
  --primary:#075b5a;
  --primary-2:#0b7775;
  --accent:#df9f25;
  --ink:#17302f;
  --muted:#71807f;
  --bg:#f1f6f4;
  --surface:#fff;
  --line:#dce6e3;
  --ok:#168267;
  --danger:#b94d4d;
  --warn:#a86d00;
  --shadow:0 12px 32px rgba(10,67,63,.11);
}
*{box-sizing:border-box}
html{background:var(--bg);font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;color:var(--ink)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 100% 0,#e2f1ed 0,transparent 34%),var(--bg);padding-bottom:104px;-webkit-tap-highlight-color:transparent}
.web-app #testNotificationBtn{display:none}
.install-card{position:relative;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;margin:0 0 14px;padding:12px 38px 12px 12px;border:1px solid #cfe1dd;border-radius:18px;background:linear-gradient(135deg,#fff,#edf8f5);box-shadow:0 8px 22px rgba(10,67,63,.08)}.install-card[hidden]{display:none}.install-card-icon{width:46px;height:46px;overflow:hidden;border-radius:13px}.install-card-icon img{width:100%;height:100%;object-fit:cover}.install-card-copy{display:grid;gap:2px}.install-card-copy strong{font-size:13px}.install-card-copy span{color:var(--muted);font-size:10px;line-height:1.5}.install-card .small{min-width:64px}.install-dismiss{position:absolute;top:4px;right:7px;width:28px;height:28px;border:0;background:transparent;color:var(--muted);font-size:20px}.install-help-backdrop{align-items:center;padding:20px}.install-help-modal{max-width:430px;border-radius:26px;text-align:center}.install-help-logo{width:66px;height:66px;margin:0 auto 10px;overflow:hidden;border-radius:20px}.install-help-logo img{width:100%;height:100%;object-fit:cover}.install-help-modal h2{margin:0 0 15px;font-size:20px}.install-help-modal ol{display:grid;gap:10px;margin:0 0 18px;padding:0;counter-reset:install-step;list-style:none;text-align:right}.install-help-modal li{position:relative;padding:12px 48px 12px 12px;border-radius:14px;background:#f3f7f6;color:var(--ink);font-size:13px;line-height:1.7}.install-help-modal li:before{counter-increment:install-step;content:counter(install-step);position:absolute;right:12px;top:11px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-weight:900}.install-help-modal>.primary{width:100%;min-height:48px}
button,input,textarea{font:inherit}
button{cursor:pointer}
.splash{position:fixed;z-index:200;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,#0b7775,#043f3e 72%);color:white;transition:opacity .38s ease,visibility .38s ease}.splash.hidden{opacity:0;visibility:hidden}.splash-logo{width:132px;height:132px;margin:0 auto 18px;display:grid;place-items:center;border-radius:34px;background:rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.22)}.splash-logo img{width:112px;height:112px;object-fit:contain}.splash h2{font-size:30px;margin:0}.splash p{margin:8px 0 0;color:#bce3df;font-weight:700}
.app-header{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:calc(19px + env(safe-area-inset-top)) 20px 22px;color:white;background:linear-gradient(135deg,#032f2f,#075b5a 55%,#0c8580);border-radius:0 0 32px 32px;box-shadow:0 14px 34px rgba(4,82,80,.25)}.app-header:after{content:"";position:absolute;left:-38px;top:-75px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.06)}.app-header>*{position:relative;z-index:1}
.brand-group{display:flex;align-items:center;gap:12px}.header-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22)}.header-logo img{width:50px;height:50px;object-fit:contain}.app-header h1{font-size:25px;line-height:1.2;margin:2px 0 0}.eyebrow{margin:0;color:#c9e9e6;font-size:12px;font-weight:700}.icon-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:14px;color:white;background:rgba(255,255,255,.12);font-weight:900;font-size:23px}
main{padding:22px 17px;max-width:700px;margin:auto}.view{display:none}.view.active{display:block;animation:fade .24s ease}@keyframes fade{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
.date-row,.section-heading,.progress-heading,.modal-header,.group-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.date-row{margin-bottom:17px}.date-row h2,.section-heading h2,.page-heading h2{margin:2px 0 0;font-size:21px}.muted{margin:0;color:var(--muted);font-size:13px}.privacy-pill{font-size:11px;font-weight:800;color:var(--primary);background:#dff2ef;padding:8px 10px;border-radius:999px}
.next-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#043e3d,#076865 58%,#09807b);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:18px;color:#fff;box-shadow:0 16px 38px rgba(4,71,68,.25)}.next-card:before{content:"";position:absolute;left:-45px;top:-65px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.06)}.next-card.no-next{background:linear-gradient(145deg,#50615f,#344543)}.next-card-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.next-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.next-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);flex:none}.next-icon img{width:44px;height:44px;object-fit:contain}.next-copy{min-width:0}.next-label{color:#f7d993;font-size:11px;font-weight:900;margin:0 0 3px}.next-copy h3{margin:0;font-size:18px;line-height:1.45}.next-card-header>strong{flex:none;padding:8px 11px;border-radius:12px;background:#f4c45e;color:#4c3609;font-size:17px;direction:ltr;box-shadow:0 5px 16px rgba(0,0,0,.14)}.next-summary{position:relative;z-index:1;margin:13px 0 0;color:#cce6e2;font-size:12px;line-height:1.7}.next-dose-group{position:relative;z-index:1;display:grid;gap:8px;margin-top:13px}.next-dose-group[hidden]{display:none}.next-dose-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.10);backdrop-filter:blur(4px)}.next-dose-number{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f4c45e;color:#4c3609;font-size:12px;font-weight:900}.next-dose-item strong{display:block;font-size:14px;line-height:1.5}.next-dose-item small{display:block;margin-top:2px;color:#d6e9e6;font-size:11px;line-height:1.55}
.progress-card{background:rgba(255,255,255,.92);border:1px solid #d7e5e1;border-radius:20px;padding:17px;margin-top:14px;box-shadow:0 7px 22px rgba(20,65,62,.07)}.progress-heading strong{display:block;margin-top:2px}.progress-heading>span{font-size:23px;font-weight:900;color:var(--primary)}.progress-track{height:10px;margin-top:13px;background:#e2ece9;border-radius:10px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#1eb28c,var(--primary));border-radius:10px;box-shadow:0 0 12px rgba(25,166,129,.25);transition:width .3s ease}
.home-account-card{margin-bottom:14px;padding:15px;border:1px solid #d9e2e0;border-radius:19px;background:#fff;box-shadow:0 5px 18px rgba(20,65,62,.06)}.home-account-card.connected{border-color:#b7dfd2;background:linear-gradient(135deg,#effaf6,#fff)}.home-account-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.cloud-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#0b7775,#043f3e);color:#fff;font-size:22px;font-weight:900;box-shadow:0 5px 15px rgba(7,91,90,.18)}.home-account-heading p{margin:0;color:var(--muted);font-size:11px}.home-account-heading strong{display:block;margin-top:2px;font-size:14px;overflow-wrap:anywhere}.account-state{padding:5px 8px;border-radius:999px;background:#edf1f0;color:#667573;font-size:10px;font-weight:900}.home-account-card.connected .account-state{background:#dff4ec;color:#087354}.home-account-copy{margin:10px 0;color:var(--muted);font-size:12px;line-height:1.7}.home-account-card>.account-open-button{width:100%}.home-sync-actions{display:grid;gap:8px;margin-top:9px}.home-sync-actions[hidden]{display:none}.home-sync-actions button{min-height:42px;padding:9px 13px;font-size:12px}.home-sync-actions #homeSyncNowBtn{width:100%}
.version-badge{padding:6px 9px;border-radius:999px;background:#edf4f2;color:var(--primary)!important;font-size:10px!important;font-weight:900}.account-page-card{position:relative;overflow:hidden;padding:24px 18px;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center;box-shadow:var(--shadow)}.account-page-card.connected{border-color:#b7dfd2;background:linear-gradient(145deg,#effaf6,#fff)}.account-page-icon{width:62px;height:62px;margin:0 auto 12px;border-radius:20px;font-size:29px}.account-page-card h3{margin:0;font-size:19px;overflow-wrap:anywhere}.account-intro,#accountPageCopy{max-width:520px;margin:11px auto 16px;color:var(--muted);font-size:13px;line-height:1.8}.account-page-state{display:inline-block;margin-top:7px;padding:6px 10px;border-radius:999px;background:#edf1f0;color:#667573;font-size:11px;font-weight:900}.account-page-card.connected .account-page-state{background:#dff4ec;color:#087354}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-width:520px;margin:0 auto 14px;padding:4px;border-radius:14px;background:#edf2f0}.auth-mode-tabs button{min-height:43px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:900}.auth-mode-tabs button.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(17,61,58,.10)}.auth-form{max-width:520px;margin:auto;text-align:right}.auth-form input[dir="ltr"]{text-align:left}.auth-form>button{min-height:48px}.auth-confirm-row.is-hidden{display:none!important}.show-password-row{display:flex;align-items:center;gap:9px}.show-password-row input{width:20px;height:20px}.show-password-row span{color:var(--ink)}.account-link-actions{display:grid;gap:9px;max-width:520px;margin:13px auto 0}.account-link-actions button{min-height:48px}.account-logout{margin-top:14px;color:var(--danger)}.account-safety-note{display:grid;gap:3px;max-width:520px;margin:18px auto 0;padding:13px;border-radius:14px;background:#f5f8f7;text-align:right}.account-safety-note strong{color:var(--primary);font-size:12px}.account-safety-note span{color:var(--muted);font-size:11px;line-height:1.7}
.section-heading{margin:25px 2px 12px}.section-heading>span{font-size:12px;color:var(--muted);font-weight:700}.page-heading{margin-top:2px;margin-bottom:18px}.card-list{display:grid;gap:12px}.empty-state{background:var(--surface);border:1px dashed #b8cbc6;border-radius:20px;padding:30px 20px;text-align:center}.empty-state .empty-icon{font-size:36px}.empty-state h3{margin:10px 0 5px}.empty-state p{color:var(--muted);line-height:1.8;margin:0 0 17px}
.dose-card,.med-card,.history-card{position:relative;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid #d8e4e1;border-radius:20px;padding:16px;box-shadow:0 7px 22px rgba(20,65,62,.065)}.dose-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--primary-2),var(--primary))}.dose-top,.med-top,.history-top{display:flex;align-items:flex-start;gap:12px}.time-badge{min-width:64px;text-align:center;direction:ltr;color:var(--primary);font-size:16px;font-weight:900;background:linear-gradient(145deg,#e5f4f1,#f4faf8);padding:11px 7px;border:1px solid #d0e7e1;border-radius:14px}.dose-info,.med-info{flex:1;min-width:0}.dose-info h3,.med-info h3{font-size:16px;margin:0 0 4px;line-height:1.55}.dose-info p,.med-info p{margin:3px 0;color:var(--muted);font-size:12px;line-height:1.6}.status-badge{font-size:10px;font-weight:900;padding:6px 8px;border-radius:999px;white-space:nowrap}.status-pending{color:#7c5a11;background:#fff2cc}.status-taken{color:#087354;background:#dff4ec}.status-skipped{color:#984040;background:#fbe4e4}.status-missed{color:#765d4d;background:#eee8e4}.dose-actions{display:flex;gap:8px;margin-top:14px}.dose-actions button{flex:1;border:0;border-radius:12px;padding:12px 8px;font-weight:900}.take-button{background:linear-gradient(145deg,#dff4ec,#cfeee2);color:#087354}.skip-button{background:#f1f4f3;color:#667573}.undo-button{background:#eaf2f0;color:var(--primary)}
.primary,.secondary,.danger,.text-button{border:0;border-radius:13px;padding:12px 17px;font-weight:900}.primary{background:var(--primary);color:#fff}.primary.small{padding:10px 13px;font-size:13px}.secondary{background:#eaf0ee;color:var(--ink)}.danger{background:#fae5e5;color:var(--danger)}.text-button{background:transparent;color:var(--primary);padding:4px}.full{width:100%}.med-card.inactive{opacity:.62}.med-status{width:10px;height:10px;border-radius:50%;background:var(--ok);margin-top:7px;flex:none}.med-card.inactive .med-status{background:#9aa7a5}.med-times{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.med-times span{direction:ltr;background:#edf4f2;color:var(--primary);border-radius:8px;padding:5px 8px;font-weight:800;font-size:12px}.med-actions{display:flex;gap:8px;margin-top:12px}.med-actions button{flex:1;padding:9px;border-radius:10px;border:1px solid var(--line);background:white;color:var(--ink);font-weight:800}.med-actions .delete-med{color:var(--danger)}
.med-photo{display:grid;place-items:center;overflow:hidden;flex:none;border:1px solid #cfe2dd;background:linear-gradient(145deg,#eff8f6,#dcefeb);color:var(--primary);font-size:24px;box-shadow:0 4px 12px rgba(7,91,90,.08)}.med-photo img{width:100%;height:100%;object-fit:cover}.med-photo-card{width:62px;height:62px;border-radius:17px}.dose-visual-stack{display:grid;gap:7px}.med-photo-dose{width:64px;height:52px;border-radius:13px}.next-dose-visual{position:relative;width:44px;height:44px;flex:none}.med-photo-next{width:44px;height:44px;border-radius:12px;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.13);color:#fff;font-size:19px}.next-dose-visual .next-dose-number{position:absolute;left:-4px;bottom:-4px;width:21px;height:21px;border:2px solid var(--primary);border-radius:7px;font-size:9px}.med-photo-field{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#f8fbfa,#fff)}.med-photo-preview{display:grid;place-items:center;width:94px;height:94px;overflow:hidden;border:1.5px dashed #aacbc3;border-radius:20px;background:#eaf5f2;color:var(--primary);font-size:35px}.med-photo-preview img{width:100%;height:100%;object-fit:cover}.med-photo-copy{min-width:0}.med-photo-copy>strong{display:flex;align-items:center;gap:7px;font-size:14px}.med-photo-copy>strong small{padding:3px 7px;border-radius:999px;background:#edf3f1;color:var(--muted);font-size:9px}.med-photo-copy p{margin:6px 0 10px;color:var(--muted);font-size:11px;line-height:1.7}.med-photo-actions{display:flex;gap:7px;flex-wrap:wrap}.photo-picker-button,.photo-remove-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:8px 12px!important;border:0;border-radius:11px;font-size:11px!important;font-weight:900!important;cursor:pointer}.photo-picker-button{background:var(--primary);color:#fff!important}.photo-remove-button{background:#fae5e5;color:var(--danger)}.confirm-symbol .med-photo-confirm{width:58px;height:58px;border:0;border-radius:18px;font-size:29px;box-shadow:none}
.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:17px}.stat{background:white;border:1px solid var(--line);border-radius:16px;padding:13px 8px;text-align:center}.stat strong{display:block;font-size:21px;color:var(--primary)}.stat span{font-size:11px;color:var(--muted)}.history-card{padding:13px 15px}.history-top strong{font-size:14px}.history-top span{margin-right:auto;font-size:12px;color:var(--muted)}.history-lines{margin-top:9px;display:grid;gap:6px}.history-line{display:flex;align-items:center;gap:8px;font-size:13px}.history-dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.history-dot.skipped{background:var(--danger)}
.history-date-card{display:grid;gap:9px;margin-bottom:14px;padding:15px;background:linear-gradient(135deg,#eaf6f3,#fff);border:1px solid #cfe3df;border-radius:18px}.history-date-card>label{font-size:14px;color:var(--primary)}.history-date-controls{display:flex;gap:9px;direction:ltr}.history-date-controls input{flex:1;min-width:0;background:#fff;direction:ltr}.history-date-controls button{min-width:72px}.history-date-card>p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.history-day-editor{overflow:hidden;margin-bottom:19px;background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.history-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;background:#f7faf9;border-bottom:1px solid var(--line)}.history-editor-heading p{margin:0;color:var(--muted);font-size:11px}.history-editor-heading h3{margin:2px 0 0;font-size:17px}.history-editor-heading>span{padding:6px 9px;border-radius:999px;background:#e6f3f1;color:var(--primary);font-size:11px;font-weight:900}.history-day-empty{padding:24px 15px;text-align:center;color:var(--muted);font-size:13px}.history-edit-list{display:grid}.history-edit-row{padding:14px 15px;border-bottom:1px solid var(--line)}.history-edit-row:last-child{border-bottom:0}.history-edit-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 11px}.history-edit-main>div:nth-child(2){min-width:0}.history-edit-main strong,.history-edit-main span:not(.status-badge){display:block}.history-edit-main strong{overflow:hidden;text-overflow:ellipsis;font-size:14px;white-space:nowrap}.history-edit-main>div:nth-child(2)>span{margin-top:3px;color:var(--muted);font-size:12px}.history-edit-main>.status-badge{grid-column:2;justify-self:start}.status-none{color:#667573;background:#edf1f0}.history-edit-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.history-edit-actions button{min-height:39px;padding:8px 5px;border:0;border-radius:10px;font-size:11px;font-weight:900}.history-taken{background:#dff4ec;color:#087354}.history-skipped-action{background:#fff1dd;color:#8a5b05}.history-delete{background:#fae5e5;color:var(--danger)}.history-recent-heading{margin-top:23px}.history-recent-heading h2{font-size:18px}
.bottom-nav{position:fixed;z-index:20;bottom:10px;left:10px;right:10px;height:70px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:rgba(255,255,255,.96);border:1px solid #d8e4e1;border-radius:22px;box-shadow:0 10px 32px rgba(10,57,54,.16);backdrop-filter:blur(12px)}.nav-item{flex:1;margin:6px 3px;border:0;border-radius:15px;background:transparent;color:#7b8987;font-weight:800;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.nav-item span{font-size:19px;line-height:1}.nav-item.active{color:#fff;background:linear-gradient(145deg,var(--primary),var(--primary-2));box-shadow:0 5px 14px rgba(7,91,90,.22)}.fab{position:fixed;z-index:25;left:22px;bottom:94px;width:58px;height:58px;border:2px solid rgba(255,255,255,.8);border-radius:19px;background:linear-gradient(145deg,#eab64b,#cb8611);color:#fff;font-size:33px;line-height:1;box-shadow:0 10px 26px rgba(170,108,0,.32)}
.modal-backdrop{position:fixed;z-index:50;inset:0;background:rgba(7,35,33,.58);display:flex;align-items:flex-end;justify-content:center;padding-top:24px}.modal-backdrop[hidden]{display:none}.modal{width:100%;max-width:700px;max-height:94vh;overflow:auto;background:var(--surface);border-radius:26px 26px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -15px 40px rgba(0,0,0,.17)}.modal.compact{padding-bottom:28px}.modal-header{margin-bottom:18px}.modal-header h2{margin:2px 0;font-size:22px}.close-button{width:40px;height:40px;border:0;border-radius:12px;background:#edf2f0;color:var(--ink);font-size:26px;line-height:1}
form{display:grid;gap:15px}label{display:grid;gap:7px;color:#334846;font-size:13px;font-weight:800}label>span{color:var(--danger)}input,textarea{width:100%;border:1.5px solid #cfddda;border-radius:13px;background:#fbfcfc;color:var(--ink);padding:13px 12px;outline:none;font-size:15px}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #dff1ee}textarea{resize:vertical}.field-group{border:1px solid var(--line);border-radius:16px;padding:13px}.group-label{font-size:13px;font-weight:900}.times-list{display:grid;gap:8px;margin-top:10px}.time-row{display:flex;gap:8px;direction:ltr}.time-row input{flex:1}.time-row button{width:42px;border:0;border-radius:11px;background:#fae9e9;color:var(--danger);font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex;grid-template-columns:none;align-items:center;gap:9px}.check-row input{width:20px;height:20px}.check-row span{color:var(--ink)}.form-note{margin:0;border-right:3px solid var(--accent);background:#fff8e8;padding:11px 12px;border-radius:9px;color:#765b27;font-size:12px;line-height:1.7}.modal-actions{display:flex;gap:10px;margin-top:4px}.modal-actions button{flex:1}.info-panel{text-align:center;background:#eaf6f3;border-radius:18px;padding:20px}.info-icon{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:50%;background:var(--ok);color:white;font-size:25px;font-weight:900}.info-panel h3{margin:10px 0 3px}.info-panel p,.warning-copy{color:var(--muted);font-size:13px;line-height:1.8;margin:4px 0}.warning-copy{margin:15px 2px}.toast{position:fixed;z-index:80;left:18px;right:18px;bottom:92px;max-width:500px;margin:auto;padding:13px 17px;border-radius:13px;background:#173b39;color:white;text-align:center;font-weight:800;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
.security-grid{display:grid;gap:8px;margin-top:12px}.security-grid div{display:grid;gap:2px;border:1px solid var(--line);border-radius:13px;padding:11px 13px;background:#fbfcfc}.security-grid strong{font-size:13px;color:var(--primary)}.security-grid span{font-size:11px;color:var(--muted)}
.drive-sync-panel{margin-top:14px;padding:15px;border:1px solid #cfe3df;border-radius:17px;background:linear-gradient(135deg,#f2faf8,#fff)}.drive-sync-heading{display:flex;align-items:center;gap:11px}.drive-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:#dff2ef;color:var(--primary);font-size:24px;font-weight:900}.drive-sync-heading h3{margin:0;font-size:16px}.drive-sync-heading p{margin:3px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.drive-sync-panel.connected .drive-icon{background:#dff4ec;color:var(--ok)}.drive-sync-panel.connected #driveSyncStatus{color:var(--ok);font-weight:900}.drive-sync-panel.unavailable .drive-icon{background:#fff1dd;color:var(--warn)}.drive-sync-panel.unavailable #driveSyncStatus{color:var(--warn);font-weight:900}.drive-steps{margin:13px 0;padding-right:21px;color:#536462;font-size:12px;line-height:1.9}.drive-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drive-actions button{min-height:43px;padding:9px 7px;font-size:12px}.drive-actions #syncDriveBtn,.google-account-button{grid-column:1/-1}.google-account-button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #c9d1d0;border-radius:12px;background:#fff;color:#263433;font-size:13px!important;font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.07)}.google-account-button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 45%,#fbbc05 0 68%,#ea4335 0);color:#fff;font-size:15px;font-weight:900}.google-account-button b{font-weight:900}.drive-unlink{display:block;margin:10px auto 0;color:var(--danger);font-size:11px}.drive-note{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.7;text-align:center}
.cloud-sync-panel{margin-top:14px;padding:15px;border:1px solid #cfe3df;border-radius:17px;background:linear-gradient(135deg,#f2faf8,#fff)}.cloud-sync-heading{display:flex;align-items:center;gap:11px}.cloud-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:#dff2ef;color:var(--primary);font-size:24px;font-weight:900}.cloud-sync-heading h3{margin:0;font-size:16px}.cloud-sync-heading p{margin:3px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.cloud-sync-panel.connected .cloud-icon{background:#dff4ec;color:var(--ok)}.cloud-sync-panel.connected #cloudSyncStatus{color:var(--ok);font-weight:900}.cloud-steps{margin:13px 0;padding-right:21px;color:#536462;font-size:12px;line-height:1.9}
.confirm-backdrop{align-items:center;padding:20px}.confirm-modal{max-width:420px;border-radius:26px;padding:25px 20px calc(21px + env(safe-area-inset-bottom));text-align:center}.confirm-symbol{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#e6f3f1;font-size:30px}.confirm-modal h2{margin:0;font-size:22px}.confirm-question{margin:7px 0 15px;color:var(--muted);font-size:14px}.confirm-dose-details{display:grid;gap:5px;padding:15px;border:1px solid #cfe1dd;border-radius:16px;background:#f6fbfa}.confirm-dose-details strong{font-size:17px;color:var(--primary)}.confirm-dose-details span{font-size:14px;font-weight:800}.confirm-dose-details small{direction:rtl;color:var(--muted);font-size:12px}.confirm-hint{margin:13px 4px;color:#765b27;font-size:12px;line-height:1.7}.confirm-actions{margin-top:14px}.confirm-actions button{min-height:48px}
@media(min-width:650px){.app-header{max-width:700px;margin:auto}.bottom-nav{left:50%;right:auto;width:680px;transform:translateX(-50%)}.modal{border-radius:26px;margin-bottom:18px}.modal-backdrop{align-items:center}.fab{left:calc(50% - 328px)}}
@media(min-width:900px){main{max-width:1100px;padding:26px 24px 110px}.app-header{max-width:1100px;padding-left:28px;padding-right:28px}.bottom-nav{width:1100px}.fab{left:calc(50% - 520px)}#todayList,#medsList,#historyList{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-card{padding:20px}.next-card{padding:22px}.history-date-card{grid-template-columns:minmax(180px,.45fr) 1fr;align-items:end}.history-date-card>p{grid-column:1/-1}.modal{max-width:760px}.home-account-card{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:18px}.home-account-copy{grid-column:1}.home-account-card>.account-open-button,.home-sync-actions{grid-column:2;grid-row:1/3;min-width:310px}.home-sync-actions{margin-top:0}}
@media(max-width:430px){main{padding-left:12px;padding-right:12px}.app-header{padding-left:14px;padding-right:14px;border-radius:0 0 25px 25px}.header-logo{width:50px;height:50px}.header-logo img{width:43px;height:43px}.app-header h1{font-size:21px}.eyebrow{font-size:10px}.date-row{align-items:flex-start}.privacy-pill{padding:7px 8px}.next-card{padding:15px}.next-card-header{align-items:flex-start}.next-title-wrap{gap:9px}.next-icon{width:46px;height:46px}.next-icon img{width:40px;height:40px}.next-copy h3{font-size:16px}.next-card-header>strong{font-size:14px;padding:7px 9px}.dose-top{display:grid;grid-template-columns:auto minmax(0,1fr)}.dose-top>.status-badge{grid-column:2;justify-self:start}.dose-actions,.med-actions{flex-wrap:wrap}.dose-actions button,.med-actions button{min-width:calc(50% - 4px)}.med-photo-card{width:54px;height:54px;border-radius:15px}.med-photo-field{grid-template-columns:76px minmax(0,1fr);gap:11px}.med-photo-preview{width:76px;height:76px;border-radius:17px}.med-photo-actions{display:grid;grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.history-edit-actions{grid-template-columns:repeat(2,1fr)}.history-edit-actions .history-delete{grid-column:1/-1}.modal-actions{flex-direction:column-reverse}.home-sync-actions,.account-link-actions{grid-template-columns:1fr}.home-account-heading{grid-template-columns:auto minmax(0,1fr)}.home-account-heading .account-state{grid-column:2;justify-self:start}.bottom-nav .nav-item{font-size:10px}.bottom-nav .nav-item span{font-size:18px}}
@media(orientation:landscape) and (max-height:520px){.splash-logo{width:84px;height:84px;margin-bottom:10px}.splash-logo img{width:72px;height:72px}.splash h2{font-size:24px}.app-header{padding-top:12px;padding-bottom:12px}.modal{max-height:88vh}.bottom-nav{height:62px}.fab{bottom:72px}}