:root{color-scheme:dark;--bg:#07111f;--panel:#0d1b2e;--text:#f5f7fb;--muted:#9eacc0;--mint:#6fe0c4;--gold:#e3bd60;--border:#293d56;--danger:#ff9c9c}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 50% 0,#173b5b 0,transparent 44%),linear-gradient(160deg,#050b14,var(--bg))}
.shell{min-height:100dvh;display:grid;place-items:center;padding:22px 16px}.panel{width:min(100%,480px);padding:26px;border:1px solid rgba(111,224,196,.2);border-radius:27px;background:rgba(13,27,46,.97);box-shadow:0 24px 70px rgba(0,0,0,.4)}
.brand{display:flex;align-items:center;gap:12px;direction:ltr}.brand>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#07111f;font-weight:900;background:linear-gradient(145deg,var(--mint),#3a9d87)}.brand strong,.brand small{display:block}.brand small,.muted,.hint{color:var(--muted)}
h1{margin:28px 0 8px;font-size:clamp(28px,7vw,38px);line-height:1.25;overflow-wrap:anywhere}form{margin-top:22px}label{display:block;margin:16px 2px 8px;font-weight:700}input{width:100%;height:56px;border:1px solid var(--border);border-radius:16px;padding:0 15px;color:var(--text);background:#091625;font:inherit;direction:ltr;text-align:left}input:focus{outline:0;border-color:var(--mint);box-shadow:0 0 0 3px rgba(111,224,196,.1)}
button{width:100%;height:56px;margin-top:22px;border:0;border-radius:16px;color:#06111c;background:linear-gradient(145deg,var(--mint),#4dbda4);font:inherit;font-weight:900;cursor:pointer}.message{min-height:24px;color:var(--danger);text-align:center}.message.success{color:var(--mint)}.link{display:block;margin-top:18px;color:var(--gold);text-align:center}.card{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:18px;background:#0a1728}.actions{display:grid;gap:10px;margin-top:18px}.danger{background:linear-gradient(145deg,#ffb0b0,#dd7777)}
.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}
.device-row small{display:block;color:var(--muted);margin-top:4px}
.device-row button{width:auto;height:42px;margin:0;padding:0 16px}
.card input{margin-top:10px}
.wide{width:min(100%,720px)}
.mail-card,.security-event{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:18px;background:#0a1728}
.mail-card.read{opacity:.68}
.mail-head,.security-event{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.mail-head small,.security-event small,.security-event time{display:block;color:var(--muted);font-size:12px}
.mail-card button{width:auto;height:42px;margin-top:10px;padding:0 16px}
.security-event.warning{border-color:rgba(255,191,105,.45)}
.security-event.info{border-color:rgba(111,224,196,.24)}
textarea{width:100%;min-height:100px;margin-top:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#091729;color:var(--text);font:inherit}
.danger-zone{border-color:rgba(255,120,120,.45)}
.install-grid{display:grid;gap:14px;margin-top:22px}.install-step{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--border);border-radius:18px;background:#0a1728}.install-step b{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(111,224,196,.15);color:var(--mint)}.install-step p{margin:4px 0 0;color:var(--muted)}.install-status{padding:14px;border-radius:16px;border:1px solid var(--border);background:#091625}.install-status.ready{border-color:rgba(111,224,196,.5);color:var(--mint)}.install-status.installed{border-color:rgba(227,189,96,.55);color:var(--gold)}.platform-note{margin-top:16px;padding:14px;border-inline-start:3px solid var(--gold);background:rgba(227,189,96,.08)}.hidden{display:none!important}.install-link{padding:13px;border:1px solid rgba(227,189,96,.35);border-radius:14px;text-decoration:none}

/* LIFE ONE V1.1 — shared mobile application shell */
body.authenticated-app{
  min-height:100dvh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% -10%,rgba(40,107,143,.62) 0,transparent 42%),
    linear-gradient(165deg,#050b14 0,#07111f 68%,#081625 100%);
}
.authenticated-app .app-shell{
  place-items:start center;
  padding:
    max(18px,env(safe-area-inset-top))
    16px
    calc(116px + env(safe-area-inset-bottom));
}
.authenticated-app .app-panel{
  width:min(100%,720px);
  min-height:calc(100dvh - 148px);
}
.authenticated-app .brand{margin-bottom:8px}
.authenticated-app .brand>span{box-shadow:0 12px 30px rgba(67,191,163,.22)}
.home-hero{padding:22px 0 8px}
.home-hero h1{margin:7px 0 15px}
.home-hero h1 bdi{display:inline;word-break:break-word}
.eyebrow{
  margin:0;
  color:var(--mint);
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}
.status-row{display:flex;flex-wrap:wrap;gap:8px}
.status-chip{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 11px;
  border:1px solid rgba(111,224,196,.23);
  border-radius:999px;
  color:#c4d1df;
  background:rgba(8,22,37,.72);
  font-size:12px;
}
.status-chip.app-state{border-color:rgba(227,189,96,.3);color:var(--gold)}
.status-chip.app-state.is-installed{border-color:rgba(111,224,196,.4);color:var(--mint)}
.account-overview{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(140px,.5fr);
  gap:12px;
  margin-top:15px;
}
.overview-item{
  min-width:0;
  display:flex;
  align-items:center;
  gap:13px;
  padding:16px;
  border:1px solid rgba(77,111,145,.48);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(10,28,48,.92),rgba(7,19,33,.92));
}
.overview-item>div{min-width:0;display:grid;gap:5px}
.overview-item small{color:var(--muted);font-size:12px}
.overview-item bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}
.overview-symbol{
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--mint);
  background:rgba(111,224,196,.1);
  font-weight:900;
}
.home-section{margin-top:28px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}
.section-heading h2{margin:3px 0 0;font-size:22px}
.secure-label{color:var(--muted);font-size:11px}
.secure-label::before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(111,224,196,.08)}
.quick-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.quick-actions-grid a{
  min-width:0;
  min-height:112px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:12px;
  padding:15px;
  border:1px solid rgba(60,89,119,.66);
  border-radius:19px;
  color:var(--text);
  text-decoration:none;
  background:rgba(8,22,38,.76);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.quick-actions-grid a:active{transform:scale(.98)}
.quick-actions-grid a:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.quick-actions-grid a>span{
  grid-row:1/3;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  align-self:center;
  border-radius:14px;
  color:var(--mint);
  background:rgba(111,224,196,.1);
  font-size:23px;
}
.quick-actions-grid a strong{align-self:end;font-size:14px}
.quick-actions-grid a small{align-self:start;margin-top:3px;color:var(--muted);font-size:11px}
.quick-actions-grid .install-action{grid-column:1/-1;min-height:86px;border-color:rgba(227,189,96,.34)}
.quick-actions-grid .install-action>span{color:var(--gold);background:rgba(227,189,96,.1)}
.session-zone{display:grid;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(57,82,110,.55)}
.session-zone button{margin:0}
.session-zone .secondary-danger{color:#ffb6b6;background:rgba(123,42,51,.18);border:1px solid rgba(255,120,130,.38)}
.account-loading{min-height:360px;display:grid;place-content:center;justify-items:center;gap:15px;color:var(--muted)}
.account-loading span{width:34px;height:34px;border:3px solid rgba(111,224,196,.16);border-top-color:var(--mint);border-radius:50%;animation:lifeone-spin .8s linear infinite}
@keyframes lifeone-spin{to{transform:rotate(360deg)}}
.load-state{min-height:360px;display:grid;place-content:center;justify-items:center;text-align:center}
.load-state h1{font-size:28px}
.load-state p{max-width:370px;color:var(--muted)}
.load-state-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:#06111c;background:var(--gold);font-size:24px;font-weight:900}
.mobile-nav{
  position:fixed;
  z-index:50;
  left:50%;
  bottom:max(10px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  width:min(calc(100% - 24px),520px);
  min-height:68px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px;
  padding:7px;
  border:1px solid rgba(87,119,150,.55);
  border-radius:24px;
  background:rgba(6,17,30,.9);
  box-shadow:0 18px 50px rgba(0,0,0,.48);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.mobile-nav a{
  min-width:0;
  display:grid;
  place-items:center;
  gap:2px;
  padding:6px 3px;
  border-radius:17px;
  color:#8495aa;
  text-decoration:none;
}
.mobile-nav a>span{font-size:22px;line-height:1}
.mobile-nav a>small{font-size:10px;white-space:nowrap}
.mobile-nav a.active{color:var(--mint);background:rgba(111,224,196,.11)}
.app-notices{
  position:fixed;
  z-index:70;
  top:max(10px,env(safe-area-inset-top));
  left:50%;
  transform:translateX(-50%);
  width:min(calc(100% - 24px),520px);
  display:grid;
  gap:8px;
  pointer-events:none;
}
.app-notice{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 13px;
  border:1px solid rgba(227,189,96,.42);
  border-radius:17px;
  background:rgba(17,29,44,.96);
  box-shadow:0 15px 35px rgba(0,0,0,.35);
  pointer-events:auto;
}
.app-notice>span{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#06111c;background:var(--gold);font-weight:900}
.app-notice p{min-width:0;flex:1;display:grid;gap:2px;margin:0}
.app-notice p small{color:var(--muted);font-size:10px}
.app-notice button{width:auto;height:38px;margin:0;padding:0 12px;border-radius:11px;font-size:12px}
.app-notice.update{border-color:rgba(111,224,196,.4)}
.app-notice.update>span{background:var(--mint)}
.offline-page{text-align:center}
.offline-illustration{width:78px;height:78px;display:grid;place-items:center;margin:46px auto 10px;border-radius:26px;color:var(--gold);background:rgba(227,189,96,.1);font-size:38px}
.button-link{width:100%;height:56px;display:grid;place-items:center;margin-top:22px;border-radius:16px;color:#06111c;background:linear-gradient(145deg,var(--mint),#4dbda4);font-weight:900;text-decoration:none}

@media(max-width:640px){
  .authenticated-app .app-shell{display:block;padding:0}
  .authenticated-app .app-panel{
    width:100%;
    min-height:100dvh;
    padding:
      max(20px,calc(env(safe-area-inset-top) + 14px))
      20px
      calc(112px + env(safe-area-inset-bottom));
    border:0;
    border-radius:0;
    background:linear-gradient(180deg,rgba(12,29,49,.96),rgba(7,18,32,.99));
    box-shadow:none;
  }
  .home-hero{padding-top:17px}
}
@media(max-width:430px){
  .account-overview{grid-template-columns:1fr}
  .quick-actions-grid{gap:9px}
  .quick-actions-grid a{min-height:105px;padding:13px;grid-template-columns:38px minmax(0,1fr);column-gap:9px}
  .quick-actions-grid a>span{width:38px;height:38px;border-radius:12px;font-size:20px}
}

/* LIFE ONE V1.5 — consent-first AI and mobile ergonomics */
html{scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom))}
.authenticated-app :is(input,textarea,select,button,a,summary){
  scroll-margin-block:90px calc(155px + env(safe-area-inset-bottom));
}
.authenticated-app .app-panel{padding-bottom:150px}
.home-ai-card{
  min-width:0;
  min-height:92px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 20px;
  align-items:center;
  gap:13px;
  padding:16px;
  border:1px solid rgba(111,224,196,.28);
  border-radius:20px;
  color:var(--text);
  background:
    radial-gradient(circle at 12% 18%,rgba(111,224,196,.12),transparent 34%),
    linear-gradient(145deg,rgba(10,28,48,.94),rgba(7,19,33,.94));
  text-decoration:none;
}
.home-ai-card.unavailable{display:grid;grid-template-columns:1fr;gap:7px;color:var(--muted)}
.home-ai-card.unavailable p{margin:0}
.home-ai-card.unavailable a{color:var(--gold)}
.home-ai-card.enabled{border-color:rgba(111,224,196,.48)}
.home-ai-symbol{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#07111f;
  background:linear-gradient(145deg,var(--mint),#45b49c);
  font-size:23px;
}
.home-ai-card>div{min-width:0;display:grid;gap:5px}
.home-ai-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}
.home-ai-card>b{color:var(--mint);font-size:25px}
.ai-panel{padding-bottom:150px}
.ai-heading{max-width:610px}
.ai-trust-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:18px;
}
.ai-trust-strip>div{
  min-width:0;
  min-height:82px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:7px;
  padding:11px;
  border:1px solid rgba(60,89,119,.62);
  border-radius:17px;
  color:#cbd5e2;
  background:rgba(8,22,38,.76);
  text-align:center;
}
.ai-trust-strip span{color:var(--mint);font-size:22px}
.ai-trust-strip strong{font-size:10px;line-height:1.6}
.ai-status-card,.ai-settings-card,.ai-preview-card,.ai-activity-card{
  margin-top:22px;
  padding:18px;
  border:1px solid rgba(60,89,119,.64);
  border-radius:21px;
  background:linear-gradient(145deg,rgba(10,28,48,.91),rgba(6,18,32,.88));
}
.ai-status-card .status-chip.ready{border-color:rgba(111,224,196,.44);color:var(--mint)}
.ai-usage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.ai-usage-grid>div{
  min-width:0;
  display:grid;
  justify-items:center;
  gap:3px;
  padding:13px 8px;
  border-radius:15px;
  background:rgba(5,16,29,.5);
}
.ai-usage-grid small,.ai-usage-grid span{color:var(--muted);font-size:8px}
.ai-usage-grid strong{color:var(--mint);font-size:22px}
.ai-settings-card{margin-top:14px}
.ai-toggle-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(57,82,110,.5);
}
.ai-toggle-row>div{min-width:0}
.ai-toggle-row p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.7}
.switch-control{
  position:relative;
  display:grid;
  grid-template-columns:52px;
  justify-items:center;
  gap:4px;
  margin:0;
  cursor:pointer;
}
.switch-control input{position:absolute;opacity:0;pointer-events:none}
.switch-control>span{
  position:relative;
  width:52px;
  height:30px;
  border:1px solid rgba(158,172,192,.32);
  border-radius:999px;
  background:rgba(158,172,192,.1);
}
.switch-control>span::after{
  content:"";
  position:absolute;
  top:4px;
  inset-inline-start:4px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--muted);
  transition:transform .18s ease,background .18s ease;
}
.switch-control input:checked+span{border-color:rgba(111,224,196,.5);background:rgba(111,224,196,.16)}
.switch-control input:checked+span::after{transform:translateX(-22px);background:var(--mint)}
.switch-control b{color:var(--muted);font-size:8px}
.switch-control input:checked~b{color:var(--mint)}
.ai-scope-fieldset{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:18px 0 0;
  padding:14px;
  border:1px solid rgba(60,89,119,.58);
  border-radius:18px;
}
.ai-scope-fieldset legend{padding:0 8px;color:var(--mint);font-size:12px;font-weight:800}
.ai-scope-fieldset label{
  min-width:0;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:start;
  gap:9px;
  margin:0;
  padding:12px;
  border:1px solid rgba(60,89,119,.52);
  border-radius:14px;
  background:rgba(5,16,29,.46);
  cursor:pointer;
}
.ai-scope-fieldset label:last-child{grid-column:1/-1}
.ai-scope-fieldset input{
  width:19px;
  height:19px;
  margin:1px 0 0;
  accent-color:var(--mint);
}
.ai-scope-fieldset label>span{min-width:0;display:grid;gap:4px}
.ai-scope-fieldset strong{font-size:11px}
.ai-scope-fieldset small{color:var(--muted);font-size:8px;line-height:1.6}
.ai-scope-fieldset label:has(input:checked){border-color:rgba(111,224,196,.4);background:rgba(111,224,196,.07)}
.ai-never-card{
  margin-top:14px;
  padding:14px;
  border-inline-start:3px solid var(--gold);
  border-radius:12px;
  background:rgba(227,189,96,.07);
}
.ai-never-card strong{color:var(--gold);font-size:11px}
.ai-never-card p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.7}
.ai-consent-row{
  display:grid;
  grid-template-columns:21px minmax(0,1fr);
  align-items:start;
  gap:10px;
  margin:16px 0 0;
  padding:13px;
  border:1px solid rgba(111,224,196,.27);
  border-radius:14px;
  background:rgba(111,224,196,.05);
  font-size:10px;
  line-height:1.8;
}
.ai-consent-row input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--mint)}
.ai-consent-row.disabled{opacity:.48}
.ai-preview-card>.muted,.ai-activity-card>.muted{font-size:10px;line-height:1.8}
.ai-preview-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:14px;
}
.ai-preview-summary>div{
  display:grid;
  justify-items:center;
  gap:3px;
  padding:12px 7px;
  border-radius:14px;
  background:rgba(111,224,196,.06);
}
.ai-preview-summary strong{color:var(--mint);font-size:19px}
.ai-preview-summary small{color:var(--muted);font-size:8px;text-align:center}
.ai-preview-scopes,.ai-redaction-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ai-preview-scopes span,.ai-redaction-tags span{
  padding:5px 8px;
  border:1px solid rgba(111,224,196,.24);
  border-radius:999px;
  color:var(--mint);
  background:rgba(111,224,196,.06);
  font-size:8px;
}
.ai-redaction-tags span{border-color:rgba(227,189,96,.28);color:var(--gold);background:rgba(227,189,96,.06)}
.ai-preview-details{
  margin-top:13px;
  padding:12px;
  border:1px solid rgba(60,89,119,.55);
  border-radius:14px;
  background:rgba(5,16,29,.48);
}
.ai-preview-details summary{color:var(--gold);cursor:pointer;font-size:10px}
.ai-preview-details pre{
  max-height:360px;
  overflow:auto;
  margin:12px 0 0;
  padding:12px;
  border-radius:11px;
  color:#cbd5e2;
  background:#050e19;
  direction:ltr;
  text-align:left;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:9px;
}
.ai-local-proof{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:var(--mint);font-size:10px}
.ai-activity-items{display:grid;gap:8px;margin-top:13px}
.ai-activity-item{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid rgba(60,89,119,.56);
  border-radius:16px;
  background:rgba(5,16,29,.48);
}
.ai-activity-item>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:var(--mint);
  background:rgba(111,224,196,.08);
}
.ai-activity-item>div{min-width:0;display:grid;gap:3px}
.ai-activity-item small{color:var(--gold);font-size:8px}
.ai-activity-item p{margin:0;color:var(--muted);font-size:8px;line-height:1.6;overflow-wrap:anywhere}
.ai-activity-item>b{padding:4px 6px;border-radius:999px;color:var(--muted);background:rgba(158,172,192,.08);font-size:7px}
.ai-empty{min-height:130px}
.notification-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}
.notification-empty-actions a{
  padding:8px 11px;
  border:1px solid rgba(111,224,196,.28);
  border-radius:11px;
  color:var(--mint);
  background:rgba(111,224,196,.06);
  text-decoration:none;
  font-size:9px;
}
.calendar-day .calendar-count{
  top:3px;
  inset-inline-start:3px;
  min-width:16px;
  height:16px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border-radius:999px;
  color:#07111f;
  background:var(--mint);
  font-size:8px;
  line-height:1;
}
.calendar-day.selected .calendar-count{color:var(--mint);background:#07111f}
.calendar-day.has-items::after{width:6px;height:6px;bottom:4px}
.growth-advanced{
  margin-top:16px;
  padding:12px;
  border:1px solid rgba(60,89,119,.55);
  border-radius:16px;
  background:rgba(5,16,29,.4);
}
.growth-advanced summary{
  color:var(--gold);
  cursor:pointer;
  font-size:11px;
  font-weight:800;
}
.growth-advanced[open] summary{margin-bottom:14px}
.growth-advanced label:first-of-type{margin-top:0}

@media(max-width:640px){
  .authenticated-app .app-panel{
    padding-bottom:calc(150px + env(safe-area-inset-bottom));
  }
}

/* V1.6.1 intelligent assistant: ephemeral conversation and confirmed actions */
.ai-assistant-card{
  margin-top:16px;
  padding:20px;
  border:1px solid rgba(111,224,196,.32);
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 0,rgba(111,224,196,.1),transparent 35%),
    linear-gradient(145deg,rgba(10,28,48,.96),rgba(6,18,32,.94));
}
.ai-assistant-card>.muted{font-size:10px;line-height:1.8}
.assistant-modes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin:15px 0;
  padding:5px;
  border:1px solid rgba(60,89,119,.66);
  border-radius:17px;
  background:rgba(4,14,25,.5);
}
.assistant-modes button{
  min-width:0;
  height:44px;
  margin:0;
  padding:0 8px;
  border:1px solid transparent;
  color:var(--muted);
  background:transparent;
  font-size:10px;
}
.assistant-modes button.active{
  border-color:rgba(111,224,196,.34);
  color:var(--mint);
  background:rgba(111,224,196,.1);
}
.assistant-conversation{
  min-height:190px;
  max-height:520px;
  display:grid;
  align-content:start;
  gap:10px;
  padding:14px;
  border:1px solid rgba(60,89,119,.62);
  border-radius:20px;
  background:rgba(3,13,24,.55);
  overflow:auto;
  overscroll-behavior:contain;
}
.assistant-welcome{
  min-height:160px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:6px;
  color:var(--muted);
  text-align:center;
}
.assistant-welcome>span{color:var(--mint);font-size:28px}
.assistant-welcome p{max-width:430px;margin:0;font-size:10px;line-height:1.7}
.assistant-message{
  max-width:min(88%,620px);
  display:grid;
  gap:5px;
  padding:11px 13px;
  border:1px solid rgba(60,89,119,.62);
  border-radius:17px;
  background:rgba(12,31,52,.82);
}
.assistant-message.user{
  justify-self:start;
  border-color:rgba(111,224,196,.3);
  background:rgba(111,224,196,.08);
}
.assistant-message.assistant{justify-self:end}
.assistant-message p{
  margin:0;
  color:var(--text);
  font-size:11px;
  line-height:1.75;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.assistant-message small{color:var(--muted);font-size:8px}
.assistant-thinking{
  justify-self:end;
  padding:10px 13px;
  border-radius:14px;
  color:var(--mint);
  background:rgba(111,224,196,.07);
  font-size:10px;
}
.assistant-action-card{
  display:grid;
  gap:9px;
  margin-top:4px;
  padding:12px;
  border:1px solid rgba(227,189,96,.34);
  border-radius:16px;
  background:rgba(227,189,96,.06);
}
.assistant-action-card header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.assistant-action-card header span{color:var(--gold);font-size:9px}
.assistant-action-card strong,.assistant-action-card p{overflow-wrap:anywhere}
.assistant-action-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}
.assistant-action-card time{color:var(--gold);font-size:8px}
.assistant-action-card button{
  width:100%;
  height:42px;
  margin:2px 0 0;
  font-size:10px;
}
.assistant-action-card.committed{
  border-color:rgba(111,224,196,.38);
  background:rgba(111,224,196,.08);
}
.assistant-action-card.committed button{display:none}
.assistant-form{display:grid;gap:8px;margin-top:13px}
.assistant-form>label{margin:0;font-size:10px}
.assistant-form textarea{min-height:100px;margin:0;resize:vertical}
.assistant-send-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.assistant-send-row small{color:var(--muted);font-size:8px;line-height:1.6}
.assistant-send-row button{
  width:auto;
  min-width:138px;
  height:46px;
  margin:0;
  padding:0 18px;
}
.assistant-form .message{margin-top:0}
.ai-status-card,.ai-settings-card,.ai-preview-card,.ai-activity-card{margin-top:14px}

@media(max-width:540px){
  .ai-assistant-card{padding:14px}
  .assistant-modes{grid-template-columns:1fr}
  .assistant-modes button{height:40px}
  .assistant-message{max-width:96%}
  .assistant-send-row{grid-template-columns:1fr}
  .assistant-send-row button{width:100%}
}
@media(max-width:430px){
  .ai-trust-strip{grid-template-columns:1fr}
  .ai-trust-strip>div{min-height:58px;grid-template-columns:28px 1fr;place-content:center;justify-items:start;text-align:start}
  .ai-scope-fieldset{grid-template-columns:1fr}
  .ai-scope-fieldset label:last-child{grid-column:auto}
  .ai-status-card,.ai-settings-card,.ai-preview-card,.ai-activity-card{padding:14px}
  .ai-activity-item{grid-template-columns:34px minmax(0,1fr)}
  .ai-activity-item>span{width:34px;height:34px}
  .ai-activity-item>b{grid-column:2}
}

/* LIFE ONE V1.2 — My Day */
.page-heading{padding:20px 0 8px}
.page-heading h1{margin:5px 0 8px}
.page-heading .muted{margin:0;line-height:1.8}
.today-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:18px;
}
.today-metrics>div{
  min-width:0;
  display:grid;
  gap:4px;
  padding:13px 10px;
  border:1px solid rgba(60,89,119,.66);
  border-radius:17px;
  background:rgba(8,22,38,.76);
  text-align:center;
}
.today-metrics small{color:var(--muted);font-size:10px}
.today-metrics strong{font-size:23px}
.today-metrics .due{border-color:rgba(227,189,96,.34)}
.today-metrics .due strong{color:var(--gold)}
.today-composer,.today-list-section{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid rgba(57,82,110,.55);
}
.entry-type-switch,.today-filters{
  display:flex;
  gap:8px;
  padding:5px;
  border:1px solid rgba(60,89,119,.58);
  border-radius:16px;
  background:rgba(6,18,32,.72);
}
.entry-type-switch button,.today-filters button{
  width:auto;
  min-width:0;
  height:42px;
  flex:1;
  margin:0;
  padding:0 13px;
  border:1px solid transparent;
  border-radius:12px;
  color:var(--muted);
  background:transparent;
  font-size:13px;
}
.entry-type-switch button.active,.today-filters button.active{
  border-color:rgba(111,224,196,.32);
  color:var(--mint);
  background:rgba(111,224,196,.11);
}
.today-form{margin-top:8px}
.today-form input:not([type="date"]),.today-form textarea{
  direction:auto;
  text-align:start;
  unicode-bidi:plaintext;
}
.today-form textarea{margin-top:0;resize:vertical}
.today-form input[type="date"]{direction:ltr}
.today-items{display:grid;gap:10px;margin-top:14px}
.today-item{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 36px;
  align-items:start;
  gap:11px;
  padding:14px;
  border:1px solid rgba(60,89,119,.66);
  border-radius:19px;
  background:rgba(8,22,38,.78);
}
.today-check,.today-archive{
  width:42px;
  height:42px;
  margin:0;
  padding:0;
  border-radius:14px;
}
.today-check{
  border:1px solid rgba(111,224,196,.32);
  color:var(--mint);
  background:rgba(111,224,196,.08);
}
.today-check.note-marker{
  color:var(--gold);
  border-color:rgba(227,189,96,.28);
  background:rgba(227,189,96,.08);
  cursor:default;
  opacity:1;
}
.today-archive{
  width:36px;
  height:36px;
  border:1px solid rgba(255,156,156,.28);
  color:#ffb2b2;
  background:rgba(126,45,54,.16);
  font-size:21px;
}
.today-item-content{min-width:0}
.today-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.today-item-head strong{min-width:0;overflow-wrap:anywhere}
.today-item-head span{
  flex:0 0 auto;
  padding:3px 7px;
  border-radius:999px;
  color:var(--muted);
  background:rgba(158,172,192,.08);
  font-size:9px;
}
.today-item-content p{margin:7px 0 0;color:#c6d1df;line-height:1.7;overflow-wrap:anywhere}
.today-item-content time{display:block;margin-top:8px;color:var(--gold);font-size:10px;direction:rtl}
.today-item.completed{opacity:.72}
.today-item.completed .today-item-head strong{text-decoration:line-through}
.today-item.completed .today-check{color:#06111c;background:var(--mint)}
.today-empty{
  min-height:150px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:6px;
  padding:20px;
  border:1px dashed rgba(60,89,119,.72);
  border-radius:19px;
  color:var(--muted);
  text-align:center;
}
.today-empty>span{font-size:28px;color:var(--mint)}
.today-empty p{margin:0;font-size:12px}
.today-empty button{width:auto;height:44px;margin:8px 0 0;padding:0 18px}
.today-empty.error{border-color:rgba(255,156,156,.35)}
.section-link{color:var(--gold);font-size:12px}
.home-today-card{
  padding:15px;
  border:1px solid rgba(60,89,119,.66);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(10,28,48,.92),rgba(7,19,33,.92));
}
.home-today-card.unavailable{display:grid;gap:8px;color:var(--muted)}
.home-today-card.unavailable p{margin:0}
.home-today-card.unavailable a{color:var(--gold)}
.home-today-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.home-today-metrics>div{display:grid;justify-items:center;gap:2px;padding:9px 4px;border-radius:13px;background:rgba(111,224,196,.06)}
.home-today-metrics strong{color:var(--mint);font-size:19px}
.home-today-metrics small{color:var(--muted);font-size:9px}
.home-today-items{display:grid;gap:7px;margin-top:12px}
.home-today-items>div{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(4,14,25,.48)}
.home-today-items span{color:var(--mint);text-align:center}
.home-today-items strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.home-today-items .completed{opacity:.6}
.home-today-items .completed strong{text-decoration:line-through}
.home-today-empty{padding:18px 8px 5px;text-align:center}
.home-today-empty p{margin:4px 0 0;color:var(--muted);font-size:11px}

@media(max-width:540px){
  .today-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
  .today-item{grid-template-columns:38px minmax(0,1fr) 32px;gap:8px;padding:12px}
  .today-check{width:38px;height:38px}
  .today-archive{width:32px;height:32px}
  .home-today-metrics small{font-size:8px}
}

/* LIFE ONE V1.2.1 — atomic update and fixed-navigation safety */
html{scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.authenticated-app .today-list-section{scroll-margin-bottom:calc(100px + env(safe-area-inset-bottom))}

/* LIFE ONE V1.3 — reminders, calendar and notification center */
.mobile-nav{grid-template-columns:repeat(5,1fr)}
.mobile-nav a>span{position:relative}
.notification-badge{
  position:absolute;
  top:-8px;
  inset-inline-start:12px;
  min-width:18px;
  height:18px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border:2px solid #07111f;
  border-radius:999px;
  color:#07111f;
  background:var(--gold);
  font-size:8px;
  font-style:normal;
}
.today-form input[type="time"],.today-form select{
  width:100%;
  height:56px;
  border:1px solid var(--border);
  border-radius:16px;
  padding:0 15px;
  color:var(--text);
  background:#091625;
  font:inherit;
}
.today-form input[type="time"]{direction:ltr;text-align:left}
.today-form select{direction:rtl}
.today-form select:focus,.today-form input[type="time"]:focus{
  outline:0;
  border-color:var(--mint);
  box-shadow:0 0 0 3px rgba(111,224,196,.1);
}
.today-form select:disabled{opacity:.55}
.reminder-email-option{
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 4px 2px;
  font-size:12px;
}
.reminder-email-option input{
  flex:0 0 20px;
  width:20px;
  height:20px;
  margin:0;
  accent-color:var(--mint);
}
.field-help{display:block;margin:8px 3px 0;color:var(--muted);font-size:10px}
.reminder-chip{
  display:inline-flex;
  margin-top:7px;
  padding:4px 8px;
  border:1px solid rgba(111,224,196,.25);
  border-radius:999px;
  color:var(--mint);
  background:rgba(111,224,196,.07);
  font-size:9px;
}
.calendar-card,.calendar-agenda,.notification-center{
  margin-top:22px;
  padding:18px;
  border:1px solid rgba(60,89,119,.66);
  border-radius:21px;
  background:rgba(8,22,38,.76);
}
.calendar-toolbar{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:center;
  gap:10px;
}
.calendar-toolbar>button{
  width:42px;
  height:42px;
  margin:0;
  padding:0;
  color:var(--mint);
  background:rgba(111,224,196,.09);
  font-size:25px;
}
.calendar-toolbar>div{display:grid;justify-items:center;gap:3px}
.calendar-toolbar>div strong{font-size:17px}
.calendar-toolbar #currentMonth{
  width:auto;
  height:auto;
  margin:0;
  padding:3px 8px;
  color:var(--gold);
  background:transparent;
  font-size:10px;
}
.calendar-weekdays,.calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:5px;
}
.calendar-weekdays{margin:18px 0 7px;color:var(--muted);text-align:center;font-size:10px}
.calendar-day{
  position:relative;
  width:100%;
  aspect-ratio:1;
  height:auto;
  min-height:42px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid transparent;
  border-radius:13px;
  color:#cbd6e4;
  background:rgba(5,16,29,.58);
  font-weight:700;
}
.calendar-day.empty{background:transparent}
.calendar-day.today{border-color:rgba(227,189,96,.45);color:var(--gold)}
.calendar-day.selected{border-color:rgba(111,224,196,.48);color:#07111f;background:var(--mint)}
.calendar-day.has-items::after{
  content:"";
  position:absolute;
  bottom:5px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--mint);
}
.calendar-day.selected::after{background:#07111f}
.calendar-day small{
  position:absolute;
  top:4px;
  inset-inline-start:5px;
  color:inherit;
  font-size:7px;
}
.calendar-agenda{padding-top:20px}
.calendar-agenda-item{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:13px;
  border:1px solid rgba(60,89,119,.58);
  border-radius:17px;
  background:rgba(5,16,29,.55);
}
.calendar-agenda-item+ .calendar-agenda-item{margin-top:8px}
.calendar-agenda-item>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:var(--mint);
  background:rgba(111,224,196,.09);
}
.calendar-agenda-item>div{min-width:0;display:grid;gap:4px}
.calendar-agenda-item strong{overflow-wrap:anywhere}
.calendar-agenda-item small{color:var(--gold);font-size:10px}
.calendar-agenda-item>a{color:var(--gold);font-size:11px}
.calendar-agenda-item.completed{opacity:.62}
.calendar-agenda-item.completed strong{text-decoration:line-through}
.secondary-action{
  width:auto;
  height:38px;
  margin:0;
  padding:0 12px;
  border:1px solid rgba(111,224,196,.3);
  color:var(--mint);
  background:rgba(111,224,196,.08);
  font-size:10px;
}
.notification-items{display:grid;gap:9px;margin-top:14px}
.notification-item{
  width:100%;
  min-height:82px;
  height:auto;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 8px;
  align-items:center;
  gap:11px;
  margin:0;
  padding:13px;
  border:1px solid rgba(60,89,119,.6);
  border-radius:18px;
  color:var(--text);
  background:rgba(5,16,29,.55);
  text-align:start;
}
.notification-item.unread{border-color:rgba(111,224,196,.38);background:rgba(111,224,196,.06)}
.notification-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--mint);
  background:rgba(111,224,196,.1);
}
.notification-copy{min-width:0;display:grid;gap:4px}
.notification-copy strong,.notification-copy span{overflow-wrap:anywhere}
.notification-copy span{color:#c6d1df;font-size:12px;font-weight:400}
.notification-copy time{color:var(--muted);font-size:9px;font-weight:400}
.notification-item>b{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.notification-item.read{opacity:.7}

@media(max-width:430px){
  .mobile-nav a>small{font-size:8px}
  .mobile-nav a>span{font-size:19px}
  .calendar-card,.calendar-agenda,.notification-center{padding:14px}
  .calendar-day{min-height:37px;border-radius:11px;font-size:11px}
  .notification-center .section-heading{align-items:center}
  .secondary-action{padding:0 8px;font-size:9px}
}

/* LIFE ONE V1.4 — goals, habits and daily planning */
.growth-panel{padding-bottom:120px}
.growth-heading{padding-bottom:2px}
.growth-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:18px;
}
.growth-metrics>div{
  min-width:0;
  display:grid;
  gap:5px;
  padding:13px 8px;
  border:1px solid rgba(60,89,119,.66);
  border-radius:17px;
  background:rgba(8,22,38,.76);
  text-align:center;
}
.growth-metrics small{color:var(--muted);font-size:9px}
.growth-metrics strong{font-size:22px}
.growth-metrics .focus{border-color:rgba(227,189,96,.34)}
.growth-metrics .focus strong{color:var(--gold)}
.growth-tabs{
  position:sticky;
  z-index:8;
  top:max(8px,env(safe-area-inset-top));
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  margin:24px 0 20px;
  padding:5px;
  border:1px solid rgba(60,89,119,.58);
  border-radius:17px;
  background:rgba(6,18,32,.93);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.growth-tabs button{
  width:auto;
  height:44px;
  margin:0;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:13px;
  color:var(--muted);
  background:transparent;
  font-size:12px;
}
.growth-tabs button.active{
  border-color:rgba(111,224,196,.34);
  color:var(--mint);
  background:rgba(111,224,196,.11);
}
.growth-tab{animation:growth-enter .18s ease}
.growth-tab[hidden]{display:none}
@keyframes growth-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.growth-tab .section-heading>time{color:var(--gold);font-size:11px}
.growth-form{
  margin-top:12px;
  padding:18px;
  border:1px solid rgba(60,89,119,.62);
  border-radius:21px;
  background:linear-gradient(145deg,rgba(10,28,48,.9),rgba(6,18,32,.86));
}
.growth-form input:not([type="checkbox"]):not([type="range"]),
.growth-form select,
.growth-form textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:16px;
  color:var(--text);
  background:#091625;
  font:inherit;
  direction:auto;
  text-align:start;
  unicode-bidi:plaintext;
}
.growth-form input:not([type="checkbox"]):not([type="range"]),
.growth-form select{
  height:56px;
  padding:0 15px;
}
.growth-form input[type="date"]{direction:ltr;text-align:left}
.growth-form select{direction:rtl}
.growth-form textarea{min-height:96px;margin:0;padding:14px;resize:vertical}
.growth-form input:focus,.growth-form select:focus,.growth-form textarea:focus{
  outline:0;
  border-color:var(--mint);
  box-shadow:0 0 0 3px rgba(111,224,196,.1);
}
.growth-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.priority-fieldset,.weekday-fieldset{
  margin:20px 0 4px;
  padding:14px;
  border:1px solid rgba(60,89,119,.58);
  border-radius:18px;
  background:rgba(5,16,29,.38);
}
.priority-fieldset legend,.weekday-fieldset legend{
  padding:0 8px;
  color:var(--mint);
  font-size:12px;
  font-weight:800;
}
.priority-fieldset label{display:flex;align-items:center;gap:7px}
.priority-fieldset label span{
  width:22px;height:22px;display:grid;place-items:center;border-radius:8px;
  color:#07111f;background:var(--mint);font-size:10px;
}
.weekday-fieldset{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:5px;
}
.weekday-fieldset label{
  position:relative;
  display:grid;
  justify-items:center;
  gap:3px;
  margin:0;
  padding:7px 2px;
  border:1px solid rgba(60,89,119,.58);
  border-radius:12px;
  color:var(--muted);
  background:rgba(5,16,29,.55);
  cursor:pointer;
}
.weekday-fieldset input{position:absolute;opacity:0;pointer-events:none}
.weekday-fieldset label:has(input:checked){
  border-color:rgba(111,224,196,.45);
  color:var(--mint);
  background:rgba(111,224,196,.11);
}
.weekday-fieldset label span{font-size:13px}
.weekday-fieldset label small{font-size:7px}
.growth-list-block{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(57,82,110,.55);
}
.section-heading.compact{margin-bottom:10px}
.priority-items,.habit-items,.goal-items{display:grid;gap:10px}
.priority-item{
  width:100%;
  min-height:72px;
  height:auto;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:11px;
  margin:0;
  padding:13px;
  border:1px solid rgba(60,89,119,.62);
  border-radius:18px;
  color:var(--text);
  background:rgba(8,22,38,.76);
  text-align:start;
}
.priority-item>span{
  grid-row:1/3;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(111,224,196,.34);
  border-radius:14px;
  color:var(--mint);
  background:rgba(111,224,196,.08);
}
.priority-item strong{align-self:end;overflow-wrap:anywhere}
.priority-item small{align-self:start;margin-top:3px;color:var(--muted);font-size:9px}
.priority-item.completed{opacity:.72;border-color:rgba(111,224,196,.4)}
.priority-item.completed>span{color:#07111f;background:var(--mint)}
.priority-item.completed strong{text-decoration:line-through}
.habit-item{
  min-width:0;
  display:grid;
  grid-template-columns:78px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid rgba(60,89,119,.62);
  border-radius:19px;
  background:rgba(8,22,38,.76);
}
.habit-check{
  width:78px;
  min-height:62px;
  height:auto;
  display:grid;
  place-items:center;
  gap:2px;
  margin:0;
  padding:8px 5px;
  border:1px solid rgba(111,224,196,.32);
  color:var(--mint);
  background:rgba(111,224,196,.08);
}
.habit-check span{font-size:22px}
.habit-check small{font-size:8px}
.habit-copy{min-width:0;display:grid;gap:5px}
.habit-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.habit-copy strong,.habit-copy p{overflow-wrap:anywhere}
.habit-copy>div span{color:var(--gold);font-size:11px}
.habit-copy p{margin:0;color:#c6d1df;font-size:11px;line-height:1.6}
.habit-copy>small{color:var(--muted);font-size:8px}
.item-menu{display:grid;gap:5px}
.item-menu button,.goal-item footer button,.goal-manual-progress button{
  width:auto;
  height:34px;
  margin:0;
  padding:0 10px;
  border:1px solid rgba(111,224,196,.26);
  color:var(--mint);
  background:rgba(111,224,196,.07);
  font-size:9px;
}
.danger-text{
  border-color:rgba(255,156,156,.28)!important;
  color:#ffb2b2!important;
  background:rgba(126,45,54,.14)!important;
}
.habit-item.completed{border-color:rgba(111,224,196,.4)}
.habit-item.completed .habit-check{color:#07111f;background:var(--mint)}
.habit-item.paused{opacity:.62}
.goal-item{
  min-width:0;
  padding:16px;
  border:1px solid rgba(60,89,119,.62);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(10,28,48,.9),rgba(6,18,32,.86));
}
.goal-item>header{
  display:grid;
  grid-template-columns:minmax(0,1fr) 62px;
  align-items:start;
  gap:14px;
}
.goal-item>header>div:first-child{min-width:0;display:grid;gap:5px}
.goal-item>header strong,.goal-item>header p{overflow-wrap:anywhere}
.goal-item>header p{margin:0;color:#c6d1df;font-size:11px;line-height:1.65}
.goal-area{
  width:max-content;
  padding:3px 8px;
  border-radius:999px;
  color:var(--mint);
  background:rgba(111,224,196,.08);
  font-size:9px;
}
.goal-progress{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border:1px solid rgba(111,224,196,.3);
  border-radius:50%;
  background:conic-gradient(var(--mint) calc(var(--goal-progress) * 1%),rgba(111,224,196,.08) 0);
}
.goal-progress::before{
  content:"";
  grid-area:1/1;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#0a192b;
}
.goal-progress strong{z-index:1;grid-area:1/1;font-size:12px}
.goal-progress-track{height:5px;margin:14px 0 8px;border-radius:999px;background:rgba(111,224,196,.08);overflow:hidden}
.goal-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),#3a9d87)}
.goal-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}
.goal-meta small{font-size:8px}
.milestone-list{display:grid;gap:6px;margin-top:14px}
.milestone-list button{
  width:100%;
  min-height:42px;
  height:auto;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:8px;
  margin:0;
  padding:8px 10px;
  border:1px solid rgba(60,89,119,.52);
  color:var(--text);
  background:rgba(5,16,29,.46);
  text-align:start;
}
.milestone-list button span{color:var(--mint);text-align:center}
.milestone-list button strong{overflow-wrap:anywhere;font-size:10px}
.milestone-list button.completed{opacity:.68;border-color:rgba(111,224,196,.28)}
.milestone-list button.completed strong{text-decoration:line-through}
.goal-manual-progress{display:grid;gap:7px;margin-top:14px}
.goal-manual-progress>label{margin:0;color:var(--muted);font-size:9px}
.goal-manual-progress>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.goal-manual-progress input{width:100%;accent-color:var(--mint)}
.goal-item>footer{display:flex;justify-content:flex-end;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(57,82,110,.45)}
.goal-item.completed{border-color:rgba(111,224,196,.42)}
.growth-empty{
  min-height:150px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:5px;
  padding:20px;
  border:1px dashed rgba(60,89,119,.72);
  border-radius:19px;
  color:var(--muted);
  text-align:center;
}
.growth-empty>span{color:var(--mint);font-size:28px}
.growth-empty p{margin:0;font-size:10px}
.growth-load-error{
  margin-top:20px;
  padding:18px;
  border:1px solid rgba(255,156,156,.34);
  border-radius:18px;
  color:#ffb2b2;
  background:rgba(126,45,54,.12);
  text-align:center;
}
.growth-load-error p{color:var(--muted)}
.growth-load-error button{width:auto;height:42px;margin:5px 0 0;padding:0 16px}
.home-growth-card{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  align-items:center;
  gap:16px;
  padding:16px;
  border:1px solid rgba(60,89,119,.66);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(10,28,48,.92),rgba(7,19,33,.92));
}
.home-growth-card.unavailable{display:grid;grid-template-columns:1fr;gap:8px;color:var(--muted)}
.home-growth-card.unavailable p{margin:0}
.home-growth-card a{color:var(--gold);font-size:11px}
.home-growth-score{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.home-growth-score>div{
  aspect-ratio:1;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:2px;
  border:1px solid rgba(111,224,196,.22);
  border-radius:50%;
  background:conic-gradient(var(--mint) calc(var(--home-score) * 1%),rgba(111,224,196,.06) 0);
}
.home-growth-score strong,.home-growth-score small{
  padding:1px 5px;
  border-radius:999px;
  background:#091827;
}
.home-growth-score strong{font-size:12px}
.home-growth-score small{color:var(--muted);font-size:6px}
.home-growth-copy{min-width:0;display:grid;gap:6px}
.home-growth-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}

@media(max-width:600px){
  .growth-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .growth-form-grid{grid-template-columns:1fr}
}
@media(max-width:470px){
  .growth-form{padding:14px}
  .weekday-fieldset{gap:3px;padding:10px}
  .weekday-fieldset label{padding:7px 0}
  .weekday-fieldset label small{display:none}
  .habit-item{grid-template-columns:64px minmax(0,1fr);gap:9px}
  .habit-check{width:64px}
  .item-menu{grid-column:1/-1;display:flex;justify-content:flex-end}
  .growth-tabs button{font-size:10px}
  .home-growth-card{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:13px}
}

/* V1.5 final cascade: keep focused controls and calendar badges above fixed navigation */
html{scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom))}
.authenticated-app :is(input,textarea,select,button,a,summary){
  scroll-margin-block:90px calc(155px + env(safe-area-inset-bottom));
}
.authenticated-app .app-panel{padding-bottom:150px}
.calendar-day small{
  top:3px;
  inset-inline-start:3px;
  min-width:16px;
  height:16px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border-radius:999px;
  color:#07111f;
  background:var(--mint);
  font-size:8px;
  line-height:1;
}
.calendar-day.selected small{color:var(--mint);background:#07111f}
.calendar-day.has-items::after{width:6px;height:6px;bottom:4px}
@media(max-width:640px){
  .authenticated-app .app-panel{
    padding-bottom:calc(150px + env(safe-area-inset-bottom));
  }
}

/* LIFE_ONE_AI_BOTTOM_NAV_CLEARANCE_V2 */
.ai-panel {
  box-sizing: border-box;
  padding-bottom:
    calc(128px + env(safe-area-inset-bottom)) !important;
  scroll-padding-bottom:
    calc(128px + env(safe-area-inset-bottom));
}

.ai-panel > :last-child {
  scroll-margin-bottom:
    calc(128px + env(safe-area-inset-bottom));
}

@media (max-width: 720px) {
  .ai-panel {
    padding-bottom:
      calc(168px + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom:
      calc(168px + env(safe-area-inset-bottom));
  }

  .ai-panel > :last-child {
    scroll-margin-bottom:
      calc(168px + env(safe-area-inset-bottom));
  }
}

/* LIFE_ONE_NATIVE_LAYOUT_V18 */
html.lifeone-native,
html.lifeone-native body {
  min-height: 100%;
  overscroll-behavior-y: contain;
}

html.lifeone-native body.authenticated-app {
  padding-bottom:
    calc(118px + env(safe-area-inset-bottom));
}

html.lifeone-native body.authenticated-app main.app-shell {
  box-sizing: border-box;
  scroll-padding-bottom:
    calc(150px + env(safe-area-inset-bottom));
}

html.lifeone-native body.authenticated-app main.app-shell::after {
  content: "";
  display: block;
  width: 100%;
  height:
    calc(132px + env(safe-area-inset-bottom));
  pointer-events: none;
}

html.lifeone-native .mobile-nav {
  bottom:
    max(10px, env(safe-area-inset-bottom));
}

html.lifeone-native body.lifeone-native-keyboard-open .mobile-nav {
  display: none !important;
}

html.lifeone-native.lifeone-native-offline::before {
  content: "لا يوجد اتصال بالإنترنت";
  position: fixed;
  z-index: 120;
  top: max(8px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(100% - 28px), 420px);
  padding: 10px 14px;
  border: 1px solid rgba(227, 189, 96, .5);
  border-radius: 14px;
  color: #f5dfaa;
  background: rgba(18, 29, 44, .96);
  text-align: center;
  font-size: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .32);
}

html.lifeone-native a[href="./install"],
html.lifeone-native a[href="/app/install"],
html.lifeone-native a[href="./install.html"],
html.lifeone-native a[href="/app/install.html"],
html.lifeone-native [data-install-action],
html.lifeone-native #installAction,
html.lifeone-native #installApp,
html.lifeone-native .install-action,
html.lifeone-native .pwa-install-action {
  display: none !important;
}

@media (max-width: 720px) {
  html.lifeone-native body.authenticated-app {
    padding-bottom:
      calc(136px + env(safe-area-inset-bottom));
  }

  html.lifeone-native body.authenticated-app main.app-shell::after {
    height:
      calc(154px + env(safe-area-inset-bottom));
  }
}