/* source: calm-wellness.css */
:root{--calm-bg:#f5f2fa;--calm-shell:#ffffff;--calm-card:#f0edf4;--calm-raised:#e8e2f0;--calm-border:#ddd5e7;--calm-text:#242127;--calm-muted:#77707e;--calm-accent:#8a66d9;--calm-accent-soft:#dfd3f8;--calm-danger:#c45562}
body{background:var(--calm-bg);color:var(--calm-text)}.app{max-width:780px;background:var(--calm-shell);padding:20px 18px 122px;border-inline:1px solid var(--calm-border)}
header{min-height:62px;margin-bottom:6px;border:0}h1{color:var(--calm-text);font-size:29px;display:flex;align-items:center;gap:10px}h1::before{content:'♡';display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--calm-accent);color:#fff;font-size:22px}.lang,.theme-toggle{background:var(--calm-card);color:var(--calm-text);border:1px solid var(--calm-border);box-shadow:none}.lang::after{content:''}
#cloudStatus{display:table;margin:0 auto 16px;padding:0;background:transparent;color:var(--calm-muted);font-size:12px}.page-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;margin:20px 0 16px}.page-heading>div{min-width:0}.page-eyebrow{color:var(--calm-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.page-heading h2{margin:5px 0 2px;color:var(--calm-text);font-size:24px}.page-heading .updated{margin:0;color:var(--calm-muted);font-size:12px}.page-heading .add{position:static;transform:none;width:auto;min-width:0;margin:0;padding:10px 13px;border-radius:11px;background:#fff;color:#18161b;box-shadow:none;font-size:14px}.status-chip{grid-column:1/-1;display:none}
.grid{gap:14px}.card{min-height:136px;border:0;border-radius:22px;padding:17px;background:var(--calm-card);box-shadow:none;text-align:start;direction:inherit}.card-sugar,.card-pressure,.card-inr,.card-heart,.card-weight,.card-catheter{background:var(--calm-card)}.card .card-label{color:var(--calm-text);font-size:14px;font-weight:700}.card .metric-icon{width:40px;height:40px;border:0;border-radius:12px;background:#d9d1e3;font-size:16px}.card strong{color:var(--calm-text);font-size:25px;margin:10px 0 4px}.card small{color:var(--calm-muted)}
.alerts-banner{margin-top:14px;background:var(--calm-card);border:1px solid var(--calm-border);border-radius:20px;padding:14px;box-shadow:none}.alerts-title{color:var(--calm-text);font-size:16px}.alert-row+.alert-row{border-top:1px solid var(--calm-border)}.alert-thumb{background:var(--calm-raised)}.alert-link:hover,.alert-link:focus-visible{background:var(--calm-raised)}
.tabs{width:min(744px,calc(100% - 28px));bottom:12px;background:var(--calm-card);border:1px solid var(--calm-border);border-radius:20px;padding:8px;box-shadow:none}.tab{background:transparent;color:var(--calm-muted);border-radius:13px;padding:11px}.tab.active{background:transparent;color:var(--calm-accent)}
.section-title{color:var(--calm-text);font-size:25px}.med-toolbar{margin:18px 0 14px}.view-btn,.edit,.activity-btn,.photo,.google-image-button,.history-all{background:var(--calm-card);color:var(--calm-text);border:1px solid var(--calm-border)}.view-btn.active,.dose-btn,.history-add,.save{background:var(--calm-accent);color:#fff;border-color:transparent;box-shadow:none}.med{background:var(--calm-card);border:0;border-radius:22px;box-shadow:none;padding:15px}.med-photo{background:var(--calm-raised);border-color:var(--calm-border);border-radius:14px}.med-info b{color:var(--calm-text);font-size:17px}.med-info small{color:var(--calm-muted)}.pill-count{color:var(--calm-accent)!important}.low{color:var(--calm-danger)!important}
#medList.grid-view{gap:14px}.grid-view .med{min-height:300px}.grid-view .med-actions{display:grid;grid-template-columns:1fr 1fr}.grid-view .dose-btn{grid-column:1/-1}.grid-view .edit{width:auto}.history-item{background:var(--calm-card);border:0;border-radius:18px;box-shadow:none;padding:15px}.history-item b{color:var(--calm-text)}.history-item small,.byline{color:var(--calm-muted)!important}
.overlay{background:#171419b8;backdrop-filter:blur(5px)}.sheet{background:var(--calm-shell);color:var(--calm-text);border:1px solid var(--calm-border);box-shadow:none}.sheet-head{border-bottom:1px solid var(--calm-border);padding-bottom:10px;margin-bottom:10px}.sheet h2,.field label{color:var(--calm-text)}.close,.choice{background:var(--calm-card);color:var(--calm-text);border-color:var(--calm-border)}.field input,.field select,.field textarea{background:var(--calm-card);color:var(--calm-text);border-color:var(--calm-border)}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #8a66d92c;border-color:var(--calm-accent)!important}.medicine-preview,.activity-row{background:var(--calm-card);border-color:var(--calm-border)}.check-field input{accent-color:var(--calm-accent)}.danger{background:#f8e8eb;color:var(--calm-danger)}
#authOverlay .sheet{max-width:470px;border-radius:24px;padding:24px}#authOverlay h2{text-align:center;color:var(--calm-text)}#authOverlay #authHelp{text-align:center;color:var(--calm-muted)}
html[data-theme="dark"]{--calm-bg:#171717;--calm-shell:#222222;--calm-card:#303030;--calm-raised:#3a3740;--calm-border:#454545;--calm-text:#f6f4f8;--calm-muted:#aaa5ad;--calm-accent:#b18bf4;--calm-accent-soft:#51485f;--calm-danger:#ff8793;color-scheme:dark}html[data-theme="dark"] body{background:var(--calm-bg);color:var(--calm-text)}html[data-theme="dark"] .app{background:var(--calm-shell);border-color:var(--calm-border)}html[data-theme="dark"] h1,html[data-theme="dark"] .section-title,html[data-theme="dark"] .page-heading h2{color:var(--calm-text)}html[data-theme="dark"] h1::before{background:var(--calm-accent);color:#1d1724}html[data-theme="dark"] .lang,html[data-theme="dark"] .theme-toggle{background:var(--calm-card);color:var(--calm-text);border-color:var(--calm-border)}
html[data-theme="dark"] .card,html[data-theme="dark"] .med,html[data-theme="dark"] .history-item,html[data-theme="dark"] .alerts-banner,html[data-theme="dark"] .sheet{background:var(--calm-card);color:var(--calm-text);border-color:var(--calm-border);box-shadow:none}html[data-theme="dark"] .card-sugar,html[data-theme="dark"] .card-pressure,html[data-theme="dark"] .card-inr,html[data-theme="dark"] .card-heart,html[data-theme="dark"] .card-weight,html[data-theme="dark"] .card-catheter{background:var(--calm-card)}html[data-theme="dark"] .card .card-label,html[data-theme="dark"] .card strong,html[data-theme="dark"] .med-info b,html[data-theme="dark"] .history-item b{color:var(--calm-text)}html[data-theme="dark"] .card small,html[data-theme="dark"] .med-info small,html[data-theme="dark"] .history-item small,html[data-theme="dark"] #cloudStatus{color:var(--calm-muted)}html[data-theme="dark"] .card .metric-icon{background:#514c5e}
html[data-theme="dark"] .tabs{background:var(--calm-card);border-color:var(--calm-border)}html[data-theme="dark"] .tab{color:var(--calm-muted)}html[data-theme="dark"] .tab.active{background:transparent;color:var(--calm-accent)}html[data-theme="dark"] .page-heading .add{background:#fff;color:#171717}html[data-theme="dark"] .alert-thumb,html[data-theme="dark"] .med-photo{background:var(--calm-raised);border-color:var(--calm-border)}html[data-theme="dark"] .med-photo img{background:#fff}
html[data-theme="dark"] .view-btn,html[data-theme="dark"] .edit,html[data-theme="dark"] .activity-btn,html[data-theme="dark"] .photo,html[data-theme="dark"] .google-image-button,html[data-theme="dark"] .history-all,html[data-theme="dark"] .close,html[data-theme="dark"] .choice{background:var(--calm-raised);color:var(--calm-text);border-color:var(--calm-border)}html[data-theme="dark"] .view-btn.active,html[data-theme="dark"] .dose-btn,html[data-theme="dark"] .history-add,html[data-theme="dark"] .save{background:var(--calm-accent);color:#201729}html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .medicine-preview,html[data-theme="dark"] .activity-row{background:#292929;color:var(--calm-text);border-color:var(--calm-border)}html[data-theme="dark"] .danger{background:#492d32;color:#ffb1b8}
@media(max-width:560px){.app{padding:14px 12px 112px;border:0}header{min-height:58px}h1{font-size:26px}h1::before{width:36px;height:36px}.page-heading{align-items:center}.page-heading h2{font-size:21px}.page-heading .add{padding:9px 10px;font-size:13px}.grid{gap:10px}.card{min-height:132px;padding:14px;border-radius:18px}.card strong{font-size:23px}.med-toolbar{align-items:flex-start;flex-direction:column}.med-toolbar>div{width:100%;justify-content:space-between}.tabs{width:calc(100% - 20px);bottom:8px}.grid-view .med-actions{width:100%}}
@media(max-width:370px){.grid{grid-template-columns:1fr}.card{min-height:112px}.page-heading{grid-template-columns:1fr}.page-heading .add{justify-self:stretch}.lang{font-size:12px;padding:8px}.theme-toggle{width:40px;height:40px}}

/* Compact, consistent health cards and medication controls */
.card{min-height:112px;padding:12px 13px;border-radius:18px}.card .card-label{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px;min-height:34px}.card .metric-icon{display:inline-grid!important;place-items:center!important;width:34px;height:34px;min-width:34px;flex:0 0 34px;border-radius:10px;overflow:hidden;line-height:1;font-size:15px;color:var(--calm-accent);font-style:normal}.card strong{font-size:22px;line-height:1.15;margin:8px 0 3px}.card small{font-size:11px;line-height:1.25}.card-inr strong,.card-catheter strong,.card strong.countdown{color:var(--calm-accent)!important;font-size:20px;line-height:1.15}
.med-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%}.med-actions .dose-btn{grid-column:1/-1}.med-actions button{width:100%!important;min-width:0!important;min-height:46px;padding:10px 8px!important;border-radius:12px!important;font:inherit;font-weight:700}.grid-view .med-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-view .dose-btn{grid-column:1/-1}.grid-view .med-info{min-height:88px}.grid-view .med-info b{min-height:44px;display:grid;place-items:center}.grid-view .med-info small{margin-top:4px}
.counter-missing{color:var(--calm-muted)!important;font-weight:700;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
html[data-theme="dark"] .card-inr strong,html[data-theme="dark"] .card-catheter strong,html[data-theme="dark"] .card strong.countdown{color:var(--calm-accent)!important}
@media(max-width:560px){.card{min-height:106px;padding:11px}.card .card-label{font-size:13px}.card strong{font-size:21px}.card-inr strong,.card-catheter strong,.card strong.countdown{font-size:18px}.card .metric-icon{width:32px;height:32px;min-width:32px;flex-basis:32px}.grid-view .med-actions button{min-height:44px}.grid-view .med-info{min-height:82px}}

/* Long medicine names must never push the pill count out of view. */
.grid-view .med{height:auto;min-height:310px;overflow:visible}
.grid-view .med-info{min-height:118px;height:auto;display:flex;flex-direction:column;justify-content:flex-start}
.grid-view .med-info b{display:block;min-height:0;font-size:14px;line-height:1.28;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
.grid-view .med-info small{display:block;flex:0 0 auto;margin-top:5px;line-height:1.3}
.grid-view .pill-count{min-height:18px}
@media(max-width:390px){.grid-view .med-info b{font-size:13px}.grid-view .med-info{min-height:112px}}

/* Keep information and controls in separate layout rows on iPhone. */
#medList{padding-bottom:calc(130px + env(safe-area-inset-bottom))}
.grid-view .med-info{flex:0 0 auto!important;min-height:0!important;padding:0 2px 14px;overflow:visible!important}
.grid-view .med-actions{position:static!important;inset:auto!important;flex:0 0 auto!important;margin-top:0;z-index:0}
.grid-view .pill-count{min-height:0;white-space:normal;overflow:visible}
.grid-view .med{justify-content:flex-start;overflow:visible;padding-bottom:16px}
@media(max-width:560px){#medList{padding-bottom:calc(155px + env(safe-area-inset-bottom))}.grid-view .med-info{padding-bottom:16px}.grid-view .med-actions{margin-top:0}}

/* Equal-height grid cards with perfectly aligned action labels. */
#medList.grid-view{align-items:stretch;grid-auto-rows:1fr}
#medList.grid-view .med{display:grid!important;grid-template-rows:140px minmax(126px,auto) auto;align-content:start;height:100%!important;min-height:0!important}
#medList.grid-view .med-photo{grid-row:1;width:100%;height:140px;min-height:140px;margin:0 0 10px}
#medList.grid-view .med-info{grid-row:2;width:100%;height:auto!important;min-height:126px!important;padding:0 2px 12px;align-self:stretch}
#medList.grid-view .med-actions{grid-row:3;width:100%;align-self:end}
.med-actions button{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.15!important;white-space:nowrap}
@media(max-width:420px){#medList.grid-view .med{grid-template-rows:126px minmax(120px,auto) auto}#medList.grid-view .med-photo{height:126px;min-height:126px}#medList.grid-view .med-info{min-height:120px!important}.med-actions button{font-size:14px!important}}

/* Compact appointment controls and form. */
.home-actions{display:grid;gap:7px;justify-items:stretch}.home-actions .add,.appointment-add{position:static;transform:none;width:auto;min-width:0;margin:0;padding:10px 13px;border-radius:11px;font-size:13px;font-weight:700;box-shadow:none}
.appointment-add{border:1px solid var(--calm-border);background:var(--calm-card);color:var(--calm-text)}
.appointment-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.appointment-form-actions .save{grid-column:1/-1}.appointment-form-actions button{width:100%;min-height:46px;border:0;border-radius:12px;font-weight:700}.appointment-done{background:var(--calm-accent);color:#fff}
html[data-theme="dark"] .appointment-add{background:var(--calm-card);color:var(--calm-text);border-color:var(--calm-border)}html[data-theme="dark"] .appointment-done{background:var(--calm-accent);color:#201729}
@media(max-width:370px){.home-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.home-actions .add,.appointment-add{width:100%}}


/* source: v25.css */
/* v25 stabilization layer: one predictable app shell and accessible controls */
.account-button{position:absolute;inset-inline-start:74px;top:21px;border:1px solid #dce3ec;background:#fff;color:#174a78;border-radius:14px;padding:10px 12px;font-weight:800;min-width:44px;min-height:44px}
.account-button:focus-visible,.save:focus-visible,.danger:focus-visible,.dose-btn:focus-visible,.tab:focus-visible{outline:3px solid #7db8ff;outline-offset:2px}
.settings-grid{display:grid;gap:10px}.settings-card{padding:14px;border:1px solid #dce3ec;border-radius:15px;background:#f8fafc}.settings-card b,.settings-card small{display:block}.settings-card small{margin-top:5px;color:#687588}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.settings-actions button{min-height:46px}
.family-code{font-size:24px;letter-spacing:3px;text-align:center;margin:10px 0;padding:12px;border-radius:12px;background:#eaf3ff;color:#145fbf;font-weight:900;user-select:all}.family-members{display:grid;gap:7px;margin-top:10px}.family-member{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #e4e9ef}
.undo-toast{position:fixed;z-index:90;inset-inline:16px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:520px;margin:auto;background:#172130;color:#fff;border:1px solid #40516b;box-shadow:0 10px 30px #0007;border-radius:15px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.undo-toast[hidden]{display:none}.undo-toast button{border:0;border-radius:9px;background:#9f75eb;color:#14111a;padding:9px 14px;font-weight:900}
.sync-warning{margin:10px 0;padding:10px 12px;border-radius:12px;background:#fff4d6;color:#714c00;border:1px solid #f0d38a;font-weight:700}
.med-actions button{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}.med-info b{line-height:1.25}
@media(max-width:560px){.account-button{inset-inline-start:62px;top:17px;padding:8px}.app{padding-bottom:calc(132px + env(safe-area-inset-bottom))}.tabs{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 24px);left:12px;right:12px;transform:none;border-radius:22px}.grid-view .med{min-height:510px}.grid-view .med-actions{margin-top:auto}}
html[data-theme="dark"] .account-button,html[data-theme="dark"] .settings-card{background:#242424;color:#f3f0f8;border-color:#444}html[data-theme="dark"] .settings-card small{color:#bbb5c2}html[data-theme="dark"] .family-code{background:#302740;color:#c7a5ff}html[data-theme="dark"] .family-member{border-color:#444}


/* source: v26.css */
/* v26 visible product refinement */
.account-button{left:auto!important;right:0!important;top:9px!important;height:44px!important;min-height:44px!important;display:flex;align-items:center;justify-content:center}
#langBtn{left:auto!important;right:54px!important;top:9px!important;height:44px!important;min-height:44px!important;display:flex;align-items:center;justify-content:center}
.upcoming-section{margin:22px 0}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.section-row h3{margin:0;font-size:20px}.section-row button{border:0;border-radius:11px;padding:9px 12px;background:#eee8f8;color:#7049af;font-weight:800}.appointment-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appointment-mini{border:1px solid #e2dfea;background:#fff;border-radius:17px;padding:14px;text-align:start;color:inherit;min-height:112px;box-shadow:0 4px 14px #301c4b0b}.appointment-mini b,.appointment-mini small{display:block}.appointment-mini b{font-size:16px;margin-bottom:8px}.appointment-mini small{color:#687183;line-height:1.5}.appointment-mini .appointment-days{color:#8058c4;font-weight:900;margin-top:7px}.med-search-wrap{display:flex;align-items:center;gap:8px;margin:12px 0 18px;padding:0 2px}.med-search{width:100%;border:1px solid #ddd8e6;border-radius:14px;padding:13px 15px;background:#fff;color:#17141b;font-size:16px}.history-switch{display:flex;gap:7px;overflow:auto;margin:4px 0 16px;padding:3px}.history-switch button{border:1px solid #ded8e8;border-radius:12px;padding:10px 13px;background:#fff;color:#5e5964;font-weight:800;white-space:nowrap}.history-switch button.active{background:#9f75eb;color:#17111f;border-color:#9f75eb}.audit-row{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center}.audit-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#efe7fb;color:#7149b6;font-weight:900}.account-summary{display:flex;align-items:center;gap:12px;padding:13px;border-radius:15px;background:#f5f1fa;margin-bottom:12px}.account-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#9f75eb;color:#17111f;font-weight:900;font-size:20px}.account-summary b,.account-summary small{display:block}.account-summary small{color:#6b6571;margin-top:3px}.notification-permission{width:100%;margin-top:10px}.med-empty-search{padding:28px;text-align:center;color:#777}.role-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#ece5f7;color:#7049af;font-size:12px;font-weight:900}
html[data-theme="dark"] .appointment-mini,html[data-theme="dark"] .med-search,html[data-theme="dark"] .history-switch button{background:#292929;border-color:#48434d;color:#f5f1f8}html[data-theme="dark"] .appointment-mini small{color:#bbb5c2}html[data-theme="dark"] .history-switch button.active{background:#a97cf1;color:#17111f}html[data-theme="dark"] .account-summary{background:#29252d}html[data-theme="dark"] .audit-avatar{background:#3b3048;color:#c8a8ff}html[data-theme="dark"] .role-badge{background:#3a3047;color:#c9abf8}
@media(max-width:560px){.account-button{top:9px!important;right:0!important}#langBtn{top:9px!important;right:54px!important}.appointment-cards{grid-template-columns:1fr}.upcoming-section{margin-top:18px}.med-toolbar{align-items:flex-start}.med-toolbar>div{flex-wrap:wrap;justify-content:flex-end}.history-switch{margin-inline:-2px}.appointment-mini{min-height:100px}}
.history-date-group{margin:0 0 20px}.history-date-heading{margin:18px 4px 8px;color:#776f7d;font-size:13px;font-weight:900;letter-spacing:.02em}.history-category-heading{margin:22px 2px 10px;font-size:20px}.appointment-history-section:first-child .history-category-heading{margin-top:12px}.completed-appointments{margin-top:30px;padding-top:4px;border-top:1px solid #e2dce7}.activity-explainer{display:grid;gap:4px;margin:12px 0 16px;padding:14px;border-radius:15px;background:#f4effa;color:#5e5566;line-height:1.45}.activity-explainer b{color:#4e2d78}.activity-explainer span{font-size:13px}html[data-theme="dark"] .history-date-heading{color:#aaa2af}html[data-theme="dark"] .completed-appointments{border-color:#48434d}html[data-theme="dark"] .activity-explainer{background:#29252d;color:#d4ccd9}html[data-theme="dark"] .activity-explainer b{color:#c9a9fa}


/* source: v30.css */
/* v30 approved home simplification, report controls and clearer family access */
header h1,#cloudStatus,#homeEyebrow,#homeTitle,#updated,#homeStatus,#addAppointment{display:none!important}
header{min-height:64px;margin-bottom:12px}.page-heading{justify-content:flex-end;min-height:auto;margin:4px 0 14px}.page-heading>div:first-child{display:none}.home-actions{width:auto}.home-actions .add{width:auto!important;position:static!important;margin:0!important;padding:13px 18px!important}
.weather-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 16px;padding:14px 16px;border-radius:17px;background:#fff;border:1px solid #e4dfeb;box-shadow:0 4px 16px #27163d0a}.weather-main{display:flex;align-items:center;gap:11px}.weather-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eee7f8;color:#7049ad;font-size:23px}.weather-copy b,.weather-copy small{display:block}.weather-copy b{font-size:18px}.weather-copy small{margin-top:3px;color:#6f6876}.weather-date{font-weight:800;color:#5d5762;text-align:end}.weather-enable{border:0;border-radius:11px;background:#eee7f8;color:#7049ad;padding:10px 12px;font-weight:850}
.report-button{border:0;border-radius:12px;background:#9f75eb;color:#17111f;padding:11px 14px;font-weight:900}.report-options{display:grid;gap:14px}.report-group{padding:14px;border:1px solid #e2dce9;border-radius:15px}.report-group>strong{display:block;margin-bottom:10px}.report-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.report-checks label,.report-radio{display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;background:#f7f4fa}.report-dates{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.report-dates input,.report-group select{width:100%;padding:11px;border:1px solid #dcd6e3;border-radius:10px;background:#fff;color:#17141a}.report-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.report-actions button{min-height:48px}.family-explain{padding:12px;border-radius:12px;background:#f5f1fa;color:#655e6b;line-height:1.55}.family-empty{padding:16px;text-align:center;border:1px dashed #cfc5db;border-radius:14px}.family-empty b,.family-empty small{display:block}.family-empty small{margin:6px 0 12px;color:#736c79}.family-primary{width:100%;border:0;border-radius:12px;padding:13px;background:#9f75eb;color:#17111f;font-weight:900}.family-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.family-error{padding:10px;border-radius:10px;background:#fff0ec;color:#9c2c20;margin-top:10px}
html[data-theme="dark"] .weather-strip,html[data-theme="dark"] .report-group{background:#292929;border-color:#48434d}html[data-theme="dark"] .weather-copy small,html[data-theme="dark"] .weather-date{color:#bcb5c2}html[data-theme="dark"] .weather-icon,html[data-theme="dark"] .weather-enable{background:#3a3047;color:#c9a9fa}html[data-theme="dark"] .report-checks label,html[data-theme="dark"] .report-radio,html[data-theme="dark"] .family-explain{background:#29252d;color:#d7d0dc}html[data-theme="dark"] .report-dates input,html[data-theme="dark"] .report-group select{background:#1c1c1c;color:#f5f1f8;border-color:#4b4550}
@media(max-width:560px){header{margin-bottom:8px}.weather-strip{align-items:flex-start}.weather-date{font-size:12px;max-width:105px}.report-checks{grid-template-columns:1fr}.report-dates,.report-actions{grid-template-columns:1fr}.home-actions .add{padding:12px 15px!important}}


/* source: v31.css */
#printReportHost{display:none}.report-preview-doc{background:#fff;color:#17141a;border-radius:14px;padding:18px;max-height:58vh;overflow:auto;direction:ltr}.report-preview-doc[dir="rtl"]{direction:rtl}.report-document h1{color:#4e2d78;margin:0 0 7px}.report-document h2{color:#4e2d78;margin:22px 0 9px;font-size:19px}.report-document .report-meta{color:#68616f;margin-bottom:18px}.report-document table{width:100%;border-collapse:collapse;font-size:12px}.report-document th,.report-document td{border:1px solid #cbc6cf;padding:8px;text-align:start}.report-document th{background:#f0e9f8}.report-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.report-preview-actions button{min-height:48px}
@media print{@page{size:A4;margin:14mm}html,body{background:#fff!important;color:#111!important}body>*:not(#printReportHost){display:none!important}#printReportHost{display:block!important;position:static!important;background:#fff!important;color:#111!important}.report-document{font-family:Arial,"Noto Sans Arabic",sans-serif;font-size:11px}.report-document table{page-break-inside:auto}.report-document tr{page-break-inside:avoid}.report-document h2{page-break-after:avoid}}


/* source: v32.css */
/* v32 settings/reorder editor and iPhone date alignment */
.report-dates{direction:ltr!important;width:100%;align-items:stretch}.report-dates[hidden]{display:none!important}.report-dates input[type="date"]{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;text-align:center!important;direction:ltr!important;padding-inline:12px!important;-webkit-appearance:none;appearance:none}.report-dates input[type="date"]::-webkit-date-and-time-value{text-align:center!important;margin:0 auto!important;width:100%!important}
.settings-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.settings-panel-title h2{margin:0}.settings-note{color:#77717e;line-height:1.5;margin:0 0 16px}.layout-editor{display:grid;gap:16px}.layout-editor-card{background:#fff;border:1px solid #e2dce9;border-radius:17px;padding:15px}.layout-editor-card h3{margin:0 0 4px}.layout-editor-card>small{display:block;color:#746d79;margin-bottom:11px}.reorder-list{display:grid;gap:7px}.reorder-row{display:grid;grid-template-columns:32px minmax(0,1fr) 42px 42px;align-items:center;gap:7px;padding:9px;border:1px solid #e4dfea;border-radius:12px;background:#f8f5fb}.reorder-handle{color:#8c7c99;font-weight:900;text-align:center}.reorder-name{font-weight:800;min-width:0;overflow-wrap:anywhere}.reorder-btn{width:42px;height:38px;border:0;border-radius:10px;background:#e9e1f4;color:#633d9e;font-size:18px;font-weight:900}.reorder-btn:disabled{opacity:.3}.settings-reset{width:100%;border:1px solid #d9d1e1;border-radius:13px;padding:13px;background:transparent;color:#74697e;font-weight:850;margin-top:16px}.tabs .tab[data-panel="settings"]{min-width:0}
html[data-theme="dark"] .layout-editor-card{background:#292929;border-color:#48434d}html[data-theme="dark"] .reorder-row{background:#242127;border-color:#46404b}html[data-theme="dark"] .reorder-btn{background:#3b3048;color:#cba9ff}html[data-theme="dark"] .settings-note,html[data-theme="dark"] .layout-editor-card>small{color:#bdb5c2}
@media(max-width:560px){.tabs{gap:4px!important}.tabs .tab{font-size:12px!important;padding-inline:5px!important}.reorder-row{grid-template-columns:25px minmax(0,1fr) 40px 40px;padding:8px 7px}}


/* source: v38.css */
.tabs{direction:rtl}.tabs .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.tabs .tab:before{display:block;font-size:19px;line-height:1}.tabs .tab[data-panel="home"]:before{content:"⌂"}.tabs .tab[data-panel="meds"]:before{content:"✚"}.tabs .tab[data-panel="history"]:before{content:"☷"}.tabs .tab[data-panel="settings"]:before{content:"⚙"}.layout-edit38{border:1px solid #ddd5e5;border-radius:11px;background:#f3edf9;color:#68429d;padding:9px 12px;font-weight:850}.med-toolbar .layout-edit38{margin-inline-start:auto}.layout-hint38{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:100;width:min(520px,calc(100% - 28px));padding:12px 16px;border-radius:14px;background:#6f48a5;color:#fff;text-align:center;font-weight:800;box-shadow:0 10px 28px #0005}.layout-editing38 #latest .card,.layout-editing38 #medList .med,.layout-editing38 #home>#weatherStrip,.layout-editing38 #home>.page-heading,.layout-editing38 #home>#upcomingSection,.layout-editing38 #home>.alerts-banner{outline:2px dashed #a97cf1;outline-offset:2px;touch-action:none;cursor:grab;animation:wiggle38 .22s ease-in-out infinite alternate}.dragging38{opacity:.6!important;transform:scale(.98)!important;animation:none!important;cursor:grabbing!important}.family-member span small{display:block;color:#7c7482;margin-top:3px}.family-member38{display:grid!important;grid-template-columns:1fr auto;gap:10px;align-items:center}.member-editor38{grid-column:1/-1;border-top:1px solid #ddd5e5;padding-top:10px;display:grid;gap:9px}.member-editor38[hidden]{display:none}.member-editor38 .field{margin:0}.member-editor-actions38,.password-wrap38{display:flex;gap:8px;align-items:center}.password-wrap38 input{flex:1}.password-wrap38 button,.member-edit38{border:0;border-radius:10px;padding:10px 12px;background:#eee7f7;color:#68429d;font-weight:800}.member-save38{border:0;border-radius:11px;padding:12px;background:#7650b4;color:#fff;font-weight:850;flex:1}.member-status38{font-size:13px;min-height:18px}.member-result38{display:grid;gap:5px;margin-top:12px;padding:12px;border-radius:12px}.member-result38.success{background:#e9f8ef;color:#166534}.member-result38.error{background:#fff0ee;color:#a1261d}.member-result38 span{font-family:ui-monospace,monospace;direction:ltr;text-align:start}@keyframes wiggle38{from{transform:rotate(-.35deg)}to{transform:rotate(.35deg)}}html[data-theme="dark"] .layout-edit38{background:#342c3d;color:#c9a8ff;border-color:#4d4555}html[data-theme="dark"] .member-result38.success{background:#183527;color:#9ee2b5}html[data-theme="dark"] .member-result38.error{background:#492d32;color:#ffb1b8}html[data-theme="dark"] .member-editor38{border-color:#4d4555}html[data-theme="dark"] .password-wrap38 button,html[data-theme="dark"] .member-edit38{background:#342c3d;color:#c9a8ff}@media(max-width:560px){.tabs .tab{font-size:11px!important}.layout-edit38{padding:8px 10px}.layout-hint38{bottom:104px;font-size:13px}}

/* v43: final iPhone layout layer (SE through Pro Max, portrait and landscape). */
html,body{width:100%;max-width:100%;overflow-x:hidden}
button,input,select,textarea{max-width:100%}
.grid>*,:is(.appointment-cards,.report-checks,.report-dates,.report-actions,.settings-actions,.medicine-form-actions,.reorder-row)>*{min-width:0}
.sheet{overscroll-behavior:contain}
@supports(height:100dvh){.sheet{max-height:calc(100dvh - max(10px,env(safe-area-inset-top)))}}
@media(max-width:560px){
  body{min-width:0}
  .app{width:100%;max-width:100%;padding-top:max(14px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(130px + env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}
  header{width:100%;min-height:58px;margin-bottom:7px}
  #themeBtn,#accountBtn{width:44px!important;min-width:44px!important;height:44px!important}
  #themeBtn{left:0!important}
  #accountBtn{right:0!important}
  #langBtn{right:52px!important;height:44px!important;max-width:92px;padding:8px 10px!important;white-space:nowrap}
  .hospital-file{left:37%!important;max-width:124px!important;overflow:hidden;text-overflow:ellipsis}
  #cloudStatus{max-width:calc(100% - 20px);overflow-wrap:anywhere}
  .tabs{left:max(12px,env(safe-area-inset-left))!important;right:max(12px,env(safe-area-inset-right))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;min-height:64px;padding:6px!important;gap:3px!important;border-radius:20px}
  .tabs .tab{min-width:0!important;min-height:52px;padding:6px 3px!important;font-size:11px!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tabs .tab:before{font-size:18px}
  #buildBadge{bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .page-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .page-heading h2,.section-title,.section-row h3{overflow-wrap:anywhere}
  .home-actions{max-width:132px}
  .home-actions .add,.appointment-add{width:100%!important;white-space:normal;line-height:1.2}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .card{width:100%;min-width:0;min-height:108px!important;padding:11px 10px!important}
  .card .card-label{min-width:0;font-size:13px!important;gap:7px!important}
  .card .card-label:not(.metric-icon){overflow-wrap:anywhere}
  .card strong{font-size:21px!important;letter-spacing:-.25px!important;overflow-wrap:anywhere}
  .card small{font-size:11px!important;line-height:1.3!important;overflow-wrap:anywhere}
  .card-inr strong,.card-catheter strong,.card strong.countdown{font-size:18px!important}
  .appointment-cards{grid-template-columns:1fr!important}
  .appointment-mini,.alert-row,.history-item,.activity-row{min-width:0;overflow-wrap:anywhere}
  .alert-row{grid-template-columns:36px minmax(0,1fr) 10px;gap:8px}
  .history-head{gap:8px}.history-actions{display:grid;grid-template-columns:1fr 1fr}
  .history-add,.history-all{min-height:44px}
  .history-switch{max-width:100%;padding-bottom:6px}
  .audit-row{grid-template-columns:36px minmax(0,1fr);gap:9px}.audit-row>*:last-child{grid-column:2}
  .med-toolbar{gap:8px}.med-toolbar>div{gap:6px!important}
  #addMed{min-height:42px;white-space:normal}
  #medList:not(.grid-view) .med{grid-template-columns:76px minmax(0,1fr)!important;padding:11px}
  #medList:not(.grid-view) .med-photo{width:76px;height:76px;min-width:76px}
  #medList.grid-view{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #medList.grid-view .med{width:100%;min-width:0;min-height:0!important;height:auto!important;padding:10px 9px 13px}
  #medList.grid-view .med-photo{height:116px!important;min-height:116px!important;flex-basis:116px!important}
  #medList.grid-view .med-info{min-height:104px!important;padding:0 1px 10px}
  #medList.grid-view .med-info b{font-size:13px;line-height:1.25}
  .med-actions{gap:7px!important}.med-actions button{min-height:44px!important;font-size:13px!important;padding:9px 5px!important}
  .sheet{width:100%;max-width:100%;padding:17px max(14px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-radius:22px 22px 0 0}
  .sheet-head{position:sticky;top:-17px;z-index:2;margin:-17px -2px 10px;padding:17px 2px 8px;background:inherit}
  .sheet-head h2{min-width:0;font-size:23px;overflow-wrap:anywhere}
  .close{flex:0 0 40px}
  .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice{min-width:0;min-height:82px;padding:13px 8px;overflow-wrap:anywhere}
  .field input,.field select,.field textarea{font-size:16px;min-height:46px}
  .row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-grid,.settings-card,.layout-editor-card{min-width:0}
  .settings-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-actions button,.settings-actions label{min-width:0;overflow-wrap:anywhere}
  .family-member38{grid-template-columns:minmax(0,1fr) auto!important}
  .member-editor38{min-width:0}.password-wrap38{align-items:stretch}.password-wrap38 input{min-width:0}.password-wrap38 button{flex:0 0 auto}
  .report-preview-doc{padding:12px;max-height:55dvh;overflow:auto}.report-document{min-width:560px}.report-preview-doc{overflow-x:auto}
  .report-dates input[type="date"]{font-size:14px!important;padding-inline:5px!important}
  .undo-toast{inset-inline:max(12px,env(safe-area-inset-left));bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){
  .hospital-file{left:36%!important;max-width:112px!important}.hospital-file span{font-size:10px!important}.hospital-file b{font-size:12px!important}
  #langBtn{max-width:82px;font-size:12px!important;padding-inline:8px!important}
  .page-heading{grid-template-columns:minmax(0,1fr) 116px}.page-heading h2{font-size:20px}
  #medList.grid-view .med-photo{height:104px!important;min-height:104px!important;flex-basis:104px!important}
  #medList.grid-view .med-info{min-height:112px!important}
  .reorder-row{grid-template-columns:22px minmax(0,1fr) 38px 38px!important;gap:4px!important}
}
@media(max-width:350px){
  .hospital-file{display:none}
  .tabs .tab{font-size:10px!important}.tabs .tab:before{font-size:17px}
  .page-heading{grid-template-columns:1fr}.home-actions{grid-column:1;width:100%;max-width:none;grid-template-columns:1fr 1fr}
  .card .metric-icon{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important}
  .card strong{font-size:19px!important}.card-inr strong,.card-catheter strong{font-size:16px!important}
  #medList.grid-view{grid-template-columns:1fr}
  #medList.grid-view .med-photo{height:145px!important;min-height:145px!important;flex-basis:145px!important}
  #medList.grid-view .med-info{min-height:0!important}
  .row,.settings-actions,.medicine-form-actions,.appointment-form-actions{grid-template-columns:1fr!important}
  .medicine-form-actions .save,.appointment-form-actions .save{grid-column:1!important}
}
@media(max-height:650px) and (orientation:landscape){
  .sheet{max-height:96dvh;border-radius:18px}
  .tabs{min-height:54px}.tabs .tab{min-height:44px}
  .app{padding-bottom:110px}
}

/* v46: account-specific Liquid Glass appearance. */
.appearance-card38{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px}.appearance-card38 h3{margin:0 0 5px}.appearance-card38 p{margin:0;color:#766e7c;line-height:1.45}.glass-switch38{position:relative;display:inline-block;width:54px;height:32px;flex:0 0 54px}.glass-switch38 input{position:absolute;opacity:0;pointer-events:none}.glass-switch38 span{position:absolute;inset:0;border-radius:999px;background:#cbc4d2;box-shadow:inset 0 1px 3px #0002;transition:.22s}.glass-switch38 span:before{content:"";position:absolute;width:26px;height:26px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #0004;transition:.22s}.glass-switch38 input:checked+span{background:#9f75eb}.glass-switch38 input:checked+span:before{transform:translateX(22px)}html[dir="rtl"] .glass-switch38 input:checked+span:before{transform:translateX(22px)}
html.liquid-glass38 body{background:linear-gradient(145deg,#d8e9ff 0%,#f4e8ff 45%,#dff8f2 100%);background-attachment:fixed}
html.liquid-glass38 body:before,html.liquid-glass38 body:after{content:"";position:fixed;z-index:-1;width:52vw;height:52vw;max-width:520px;max-height:520px;border-radius:50%;filter:blur(45px);opacity:.62;pointer-events:none}
html.liquid-glass38 body:before{top:-15vw;left:-14vw;background:#79b8ff}html.liquid-glass38 body:after{right:-18vw;bottom:4vh;background:#b88cff}
html.liquid-glass38 .app{background:transparent!important;border-color:transparent}
html.liquid-glass38 :is(.card,.med,.history-item,.appointment-mini,.alerts-banner,.weather-strip,.settings-card,.layout-editor-card,.report-group,.activity-row,.account-summary){background:linear-gradient(145deg,#ffffffa8,#ffffff62)!important;border:1px solid #ffffffb8!important;box-shadow:0 12px 34px #3d4c7620,inset 0 1px 0 #fff!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
html.liquid-glass38 .tabs{background:linear-gradient(145deg,#ffffffb8,#ffffff78)!important;border:1px solid #ffffffc7!important;box-shadow:0 12px 32px #263a652e,inset 0 1px 0 #fff!important;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}
html.liquid-glass38 .tab{color:#465269}html.liquid-glass38 .tab.active{background:linear-gradient(145deg,#ffffffdf,#dfe9ffb8)!important;color:#6540a5!important;box-shadow:0 5px 15px #40598020,inset 0 1px 0 #fff}
html.liquid-glass38 :is(.sheet,#authOverlay .sheet){background:linear-gradient(145deg,#f9fbffe8,#f1eaffd6)!important;border:1px solid #ffffffd9!important;box-shadow:0 -18px 50px #28396040,inset 0 1px 0 #fff!important;backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%)}
html.liquid-glass38 :is(.lang,.theme-toggle,.account-button,.edit,.photo,.view-btn,.layout-edit38,.member-edit38,.password-wrap38 button){background:linear-gradient(145deg,#ffffffc9,#ffffff73)!important;border:1px solid #ffffffc7!important;box-shadow:0 6px 18px #40517420,inset 0 1px 0 #fff!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html.liquid-glass38 .add,html.liquid-glass38 .save,html.liquid-glass38 .member-save38{background:linear-gradient(135deg,#8d69d8e8,#5f8ee8e8)!important;box-shadow:0 10px 24px #6551a945,inset 0 1px 0 #ffffff80!important}
html[data-theme="dark"].liquid-glass38 body{background:linear-gradient(145deg,#07131f 0%,#151025 48%,#071c1c 100%)}html[data-theme="dark"].liquid-glass38 body:before{background:#195da0;opacity:.42}html[data-theme="dark"].liquid-glass38 body:after{background:#672da0;opacity:.4}
html[data-theme="dark"].liquid-glass38 :is(.card,.med,.history-item,.appointment-mini,.alerts-banner,.weather-strip,.settings-card,.layout-editor-card,.report-group,.activity-row,.account-summary){background:linear-gradient(145deg,#ffffff17,#ffffff09)!important;border-color:#ffffff28!important;box-shadow:0 14px 38px #0007,inset 0 1px 0 #ffffff24!important}
html[data-theme="dark"].liquid-glass38 .tabs{background:linear-gradient(145deg,#1e2532d9,#111722c7)!important;border-color:#ffffff24!important}html[data-theme="dark"].liquid-glass38 .tab{color:#b7c1d0}html[data-theme="dark"].liquid-glass38 .tab.active{background:linear-gradient(145deg,#906be966,#4f7ed855)!important;color:#f2eaff!important}
html[data-theme="dark"].liquid-glass38 :is(.sheet,#authOverlay .sheet){background:linear-gradient(145deg,#1d2431ed,#171321e8)!important;border-color:#ffffff24!important}
html[data-theme="dark"].liquid-glass38 .appearance-card38 p{color:#aaa1b2}
@media(max-width:560px){.appearance-card38{gap:10px}.appearance-card38 p{font-size:13px}.glass-switch38{width:50px;height:30px}.glass-switch38 span:before{width:24px;height:24px}.glass-switch38 input:checked+span:before{transform:translateX(20px)}}

/* v48: controls occupy the former Rearrange position beside the title. */
@media(max-width:560px){
  .med-toolbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:8px 0 12px}
  .med-toolbar .section-title{margin:8px 0!important;align-self:center;flex:0 1 auto;font-size:clamp(21px,6.2vw,27px)!important;white-space:nowrap}
  .med-toolbar>div{width:auto!important;min-width:0;display:flex!important;align-items:center;justify-content:flex-end!important;gap:5px!important;flex-wrap:nowrap!important;direction:inherit}
  .med-toolbar .view-toggle{display:flex;gap:6px;flex:0 0 auto}
  .med-toolbar .view-btn{width:42px;height:42px;padding:6px!important;flex:0 0 42px}
  .med-toolbar #addMed{width:auto;min-width:0;min-height:42px;padding:8px 10px;font-size:clamp(11px,3.2vw,14px);white-space:nowrap}
}
@media(max-width:370px){
  .med-toolbar{align-items:flex-start!important;flex-wrap:wrap}
  .med-toolbar>div{width:100%!important;justify-content:flex-start!important}
  html[dir="ltr"] .med-toolbar>div{justify-content:flex-end!important}
}

/* v49: consistent Add Record sheets on every iPhone. */
#readingForm{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;min-width:0;padding:2px 0 4px}
#readingForm>.field,#readingForm>.row,#readingForm>.photo,#readingForm>.save{width:100%;min-width:0;margin:0}
#readingForm .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#readingForm .row .field{min-width:0;margin:0}
#readingForm .field{margin:0}
#readingForm .field label{margin-bottom:7px;line-height:1.3;overflow-wrap:anywhere}
#readingForm input[type="number"],#readingForm input[type="date"],#readingForm input[type="datetime-local"]{display:block;width:100%!important;max-width:100%!important;min-width:0!important;min-height:50px;padding:12px 10px!important;box-sizing:border-box;text-align:center;direction:ltr;font-variant-numeric:tabular-nums}
#readingForm input[type="date"],#readingForm input[type="datetime-local"]{-webkit-appearance:none;appearance:none}
#readingForm input[type="date"]::-webkit-date-and-time-value,#readingForm input[type="datetime-local"]::-webkit-date-and-time-value{display:block;width:100%;min-width:0;margin:0;text-align:center}
#readingForm .photo{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:12px 10px!important;border-radius:13px;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
#readingForm #photoStatus{display:inline;min-width:0;max-width:100%;font-size:12px;overflow-wrap:anywhere}
#readingForm .save{position:static!important;display:block;transform:none!important;min-height:52px;padding:13px 16px!important;border-radius:14px}
@media(max-width:560px){
  #overlay .sheet{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  #readingForm{gap:13px}
  #readingForm .field input{font-size:16px!important}
  #readingForm .photo{font-size:15px!important}
}
@media(max-width:350px){
  #readingForm .row{grid-template-columns:1fr}
}

/* v50: a contextual exit control appears only while arranging. */
.layout-hint38{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start}
.layout-hint38[hidden]{display:none!important}
.layout-hint38 span{min-width:0;flex:1}
.layout-hint38 button{flex:0 0 auto;border:1px solid #ffffff70;border-radius:11px;background:#fff;color:#603a96;padding:10px 14px;font-weight:900;font-size:14px;box-shadow:0 4px 12px #24143f2e}
html[data-theme="dark"] .layout-hint38 button{background:#f3eaff;color:#4d277f}
@media(max-width:390px){.layout-hint38{gap:8px;padding:10px 11px;font-size:12px}.layout-hint38 button{padding:9px 11px;font-size:13px}}


/* source: v52.css */
.backup-card52{display:grid;gap:12px}
.backup-card52 p{margin:0;color:#746d79;line-height:1.55}
.backup-list52{display:grid;gap:8px}
.backup-row52{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #ddd5e6;border-radius:13px}
.backup-row52 span,.backup-row52 small{display:block;min-width:0}
.backup-row52 small{color:#7a7181;margin-top:3px}
html[data-theme="dark"] .backup-row52{border-color:#4b4354;background:#29262d}
html[data-theme="dark"] .backup-card52 p,html[data-theme="dark"] .backup-row52 small{color:#bbb1c3}
@media(max-width:390px){.backup-row52{grid-template-columns:1fr 1fr}.backup-row52 span{grid-column:1/-1}.backup-row52 button{width:100%}}