/* LIFE OS / Stillpoint design system. Logical properties keep RTL structural. */
:root{color-scheme:light;--lx-bg:#f4f5f3;--lx-panel:#fff;--lx-soft:#eef1ed;--lx-ink:#202924;--lx-muted:#727c75;--lx-line:#dfe5de;--lx-accent:#355e49;--lx-accent-soft:#e5eee7;--lx-hover:#edf2ed;--lx-danger:#b94c42;--lx-shadow:0 4px 22px #16221b05;--lx-radius:16px;--lx-sidebar:238px;--lx-font:Inter,"Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif}
html[data-theme=dark]{color-scheme:dark;--lx-bg:#171b19;--lx-panel:#1e2420;--lx-soft:#242c27;--lx-ink:#e9eee7;--lx-muted:#a0aca3;--lx-line:#333e36;--lx-accent:#b5d6bc;--lx-accent-soft:#2e4334;--lx-hover:#2c3730;--lx-danger:#ed9a8e;--lx-shadow:0 4px 22px #0000000a}
*{box-sizing:border-box}html{scroll-behavior:smooth}button,a,input,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #789d85;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #789d85;outline-offset:2px}
.life-workspace .app,.life-workspace .dialog,.lx-dialog{font-family:var(--lx-font);letter-spacing:normal!important}.life-workspace .app{background:var(--lx-bg);color:var(--lx-ink)}
html[dir=rtl] .app,html[dir=rtl] .lx-dialog{font-family:"Noto Sans Arabic","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.7}
.life-workspace .sidebar{width:var(--lx-sidebar);padding:30px 15px 15px;background:var(--lx-panel);color:var(--lx-ink);border:0;border-inline-end:1px solid var(--lx-line);gap:20px;overflow-y:auto;scrollbar-width:thin}
.life-workspace .sidebar>div{min-height:0;flex:1;display:flex;flex-direction:column}.life-workspace .side-brand{color:var(--lx-ink);padding:0 13px 28px;flex-shrink:0;font-size:23px;letter-spacing:-1px!important}.life-workspace .lifeos-wordmark .lifeos-mark{background:var(--lx-accent)!important;color:var(--lx-bg)!important;border:0;width:30px;height:30px;font-size:18px;border-radius:9px}.life-workspace .side-nav{overflow-y:auto;gap:3px;scrollbar-width:thin}.lx-nav-group{padding:22px 13px 9px;color:var(--lx-muted);font-size:9px;font-weight:700;letter-spacing:1.7px}.lx-nav-group:first-child{padding-top:0}html[dir=rtl] .lx-nav-group{letter-spacing:0;font-size:11px}
.life-workspace .nav-item{padding:9px 12px;gap:12px;min-height:38px;color:var(--lx-muted);font-size:12px;border-radius:9px;font-weight:500}.life-workspace .nav-item:hover{background:var(--lx-hover);color:var(--lx-ink)}.life-workspace .nav-item.active{background:var(--lx-accent-soft);color:var(--lx-accent);font-weight:650}.life-workspace svg{flex-shrink:0}.nav-item>svg,.lx-btn>svg,.lx-mini svg,.bottom-item>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.life-workspace .profile-chip{background:var(--lx-soft);border:1px solid var(--lx-line);color:var(--lx-ink);flex-shrink:0}.life-workspace .profile-copy small{color:var(--lx-muted)}.life-workspace .avatar{background:var(--lx-accent-soft);color:var(--lx-accent)}
.life-workspace .app-main{margin:0;margin-inline-start:var(--lx-sidebar)}html[dir=rtl] .life-workspace .app-main{margin:0;margin-inline-start:var(--lx-sidebar)}.life-workspace .content{max-width:1420px;padding:34px 40px 100px}.lx-topbar{height:70px;border-bottom:1px solid var(--lx-line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--lx-bg)}.lx-breadcrumb{font-size:12px;color:var(--lx-ink);white-space:nowrap}.lx-breadcrumb span{padding:0 12px;color:var(--lx-muted)}.lx-top-actions{display:flex;gap:8px;align-items:center}
.lx-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.lx-page-head h1{font-weight:550;letter-spacing:-1.2px;font-size:34px;line-height:1.25;margin:8px 0 10px;outline:0}.lx-page-head p{font-size:13px;color:var(--lx-muted);margin:0;line-height:1.7}.lx-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:var(--lx-muted);text-transform:uppercase}html[dir=rtl] .lx-eyebrow{font-size:10px;letter-spacing:0}html[dir=rtl] .lx-page-head h1{font-size:30px;letter-spacing:0;line-height:1.6}
.lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid var(--lx-line);border-radius:9px;background:var(--lx-panel);color:var(--lx-ink);font:inherit;font-size:12px;font-weight:550;cursor:pointer;text-decoration:none;transition:background .15s,border .15s;white-space:normal}.lx-btn:hover{background:var(--lx-hover);border-color:var(--lx-muted)}.lx-btn.lx-primary{background:var(--lx-accent);color:var(--lx-bg);border-color:var(--lx-accent)}.lx-primary:hover{filter:brightness(1.08)}.lx-btn:disabled{opacity:.5;cursor:wait}.lx-wide{width:100%;margin-top:22px;min-height:46px}.lx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lx-split{display:flex;justify-content:space-between;gap:12px;align-items:center}.lx-margin{margin-bottom:20px!important}.lx-muted{color:var(--lx-muted);font-size:12px;line-height:1.7}.lx-pre{white-space:pre-wrap;overflow-wrap:anywhere}.lx-info{font-size:12px;line-height:1.8;padding:13px;border-radius:10px;background:var(--lx-soft);color:var(--lx-muted);margin-top:16px}
.lx-card{padding:25px;border:1px solid var(--lx-line);border-radius:var(--lx-radius);background:var(--lx-panel);box-shadow:var(--lx-shadow);min-width:0;margin-bottom:22px;overflow-wrap:anywhere}.lx-card h2{font-size:16px;letter-spacing:-.25px;line-height:1.5;font-weight:600;margin:0 0 14px}.lx-card h3{font-size:13px;margin-top:22px}.lx-card p{font-size:12px;line-height:1.85;color:var(--lx-muted)}.lx-card hr,.lx-dialog hr{border:0;border-top:1px solid var(--lx-line);margin:24px 0}.lx-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.lx-card-head h2{margin:0}.lx-card-head>small,.lx-card-head>span{font-size:11px;color:var(--lx-muted)}
.lx-home-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:stretch}.lx-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lx-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lx-focus-card{background:var(--lx-accent-soft);border-color:transparent}.lx-focus-card .lx-eyebrow{color:var(--lx-accent)}.lx-focus-card h2{font-size:27px;line-height:1.35;margin:18px 0 10px;letter-spacing:-.8px;font-weight:500;max-width:430px}.lx-focus-card>p{margin-bottom:22px}.lx-focus-card>.lx-primary{min-height:44px}.lx-top-three{margin-top:22px}.lx-top-three>div{padding:9px 0;display:flex;align-items:center;gap:14px;font-size:12px;border-top:1px solid var(--lx-line)}.lx-top-three span{font-size:10px;color:var(--lx-muted);font-variant-numeric:tabular-nums}.lx-badge{padding:5px 8px;background:var(--lx-soft);border:1px solid var(--lx-line);border-radius:6px;font-size:10px;color:var(--lx-muted)}.lx-big-number{font-size:43px;font-weight:450;letter-spacing:-1.5px;margin:32px 0 4px;font-variant-numeric:tabular-nums}.lx-progress{height:5px;background:var(--lx-soft);border-radius:6px;overflow:hidden;margin:14px 0}.lx-progress i{display:block;height:100%;border-radius:6px;background:var(--lx-accent);transition:width .3s}.lx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.lx-stat{padding:20px;background:var(--lx-panel);border:1px solid var(--lx-line);border-radius:12px;min-width:0}.lx-stat span{font-size:11px;color:var(--lx-muted);display:block}.lx-stat strong{font-size:25px;font-weight:500;display:block;margin:10px 0 5px;letter-spacing:-.6px}.lx-stat small{color:var(--lx-muted);font-size:10px}.lx-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.lx-mini-stats .lx-stat{padding:0 15px;border:0;border-inline-start:1px solid var(--lx-line);border-radius:0;background:transparent}.lx-mini-stats .lx-stat:first-child{padding-inline-start:0;border:0}.lx-mini-stats .lx-stat strong{font-size:23px}
.lx-task-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--lx-line)}.lx-task-row:last-child{border:0}.lx-check{width:21px;height:21px;border:1px solid var(--lx-muted);border-radius:6px;background:transparent;color:var(--lx-accent);flex-shrink:0}.is-done .lx-task-title strong{text-decoration:line-through;color:var(--lx-muted)}.is-done .lx-check{background:var(--lx-accent-soft)}.lx-task-title{flex:1;min-width:0;text-align:start;background:none;border:0;color:var(--lx-ink);padding:0}.lx-task-title strong{font-size:12px;font-weight:550;display:block;overflow-wrap:anywhere}.lx-task-title small{display:block;color:var(--lx-muted);font-size:10px;margin-top:5px;line-height:1.6}.lx-priority{font-size:9px;padding:4px 6px;border-radius:5px;background:var(--lx-soft);color:var(--lx-muted)}.lx-priority.high{color:var(--lx-danger);background:color-mix(in srgb,var(--lx-danger) 9%,transparent)}.lx-list-button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;width:100%;border:0;border-bottom:1px solid var(--lx-line);background:none;color:var(--lx-ink);text-align:start;font-size:12px}.lx-list-button:last-child{border:0}.lx-list-button strong{font-weight:500}.lx-list-button small{display:block;margin-top:5px;font-size:10px;color:var(--lx-muted)}.lx-list-button:hover,.lx-list-button.selected{color:var(--lx-accent)}.lx-list-line{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:13px 0;border-bottom:1px solid var(--lx-line)}.lx-list-line span{color:var(--lx-muted)}.lx-list-line strong{font-weight:500;text-align:end}.lx-schedule-row{display:flex;gap:16px;align-items:flex-start;padding:15px 0;border:0;border-bottom:1px solid var(--lx-line);width:100%;background:none;color:var(--lx-ink);text-align:start;font-size:12px}.lx-schedule-row time{min-width:46px;color:var(--lx-muted);font-size:10px}.lx-schedule-row strong{display:block;font-weight:500}.lx-schedule-row small{color:var(--lx-muted);font-size:10px;display:block;margin-top:5px}.lx-project-icon{display:inline-flex;padding:12px;background:var(--lx-soft);border-radius:11px;color:var(--lx-accent);margin-bottom:20px}.lx-project-icon svg,.lx-empty svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.3}.lx-project h2 button,.lx-text-button{border:0;background:transparent;color:var(--lx-ink);font:inherit;padding:0;text-align:start}.lx-project>p{min-height:42px}.lx-empty{text-align:center;padding:32px 14px;color:var(--lx-muted);width:100%;grid-column:1/-1}.lx-empty svg{margin-bottom:8px}.lx-empty h3{font-size:15px;font-weight:500;color:var(--lx-ink);margin:10px 0}.lx-empty p{font-size:12px;line-height:1.8;margin-bottom:18px}.lx-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:26px;direction:ltr}.lx-bars>div{text-align:center;min-width:0}.lx-bars small{display:block;font-size:8px;color:var(--lx-muted);height:24px}.lx-bar-track{height:115px;background:var(--lx-soft);border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}.lx-bar-track i{display:block;width:100%;background:var(--lx-accent);opacity:.65;border-radius:5px}.lx-bars span{display:block;font-size:10px;color:var(--lx-muted);margin-top:10px}
.lx-field{display:grid;gap:8px;font-size:12px;font-weight:500;color:var(--lx-ink);margin:16px 0;min-width:0}.lx-field input,.lx-field select,.lx-field textarea{width:100%;min-width:0;border:1px solid var(--lx-line);border-radius:8px;background:var(--lx-bg);color:var(--lx-ink);padding:11px 12px;font:inherit;font-size:13px;line-height:1.5;box-shadow:none}.lx-field textarea{resize:vertical;min-height:90px}.lx-field input::placeholder,.lx-field textarea::placeholder{color:var(--lx-muted)}.lx-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.lx-fields-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.lx-switch{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--lx-ink)}.lx-switch input{width:18px;height:18px;accent-color:var(--lx-accent)}.lx-duration-presets{display:flex;gap:7px;flex-wrap:wrap}.lx-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:20px}.lx-toolbar .lx-field{margin:0}.lx-segmented{display:inline-flex;flex-wrap:wrap;border:1px solid var(--lx-line);border-radius:10px;background:var(--lx-soft);padding:3px;gap:3px}.lx-segmented .lx-btn{background:none;border:0;min-height:33px}.lx-segmented .lx-btn[aria-pressed=true]{background:var(--lx-panel);box-shadow:0 1px 4px #00000009;color:var(--lx-accent)}
.lx-dialog{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 36px);overflow-y:auto;background:var(--lx-panel);color:var(--lx-ink);border:1px solid var(--lx-line);border-radius:20px;padding:28px;box-shadow:0 24px 90px #00000030}.lx-dialog::backdrop{background:#111b17a3;backdrop-filter:blur(5px)}.lx-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.lx-dialog-head h2{font-size:21px;font-weight:500;margin:0}.lx-dialog-head>.lx-btn{font-size:23px;min-width:38px;padding:4px}.lx-dialog-footer{margin-top:24px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.lx-dialog .lx-stats{grid-template-columns:1fr 1fr}.lx-dialog p{font-size:13px;line-height:1.8;color:var(--lx-muted)}.lx-command{width:min(620px,calc(100% - 24px))}.lx-command-result{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:0;padding:13px;border-radius:8px;color:var(--lx-ink);text-align:start;font-size:13px}.lx-command-result:hover,.lx-command-result:focus-visible{background:var(--lx-soft)}.lx-command-result small{color:var(--lx-muted);font-size:10px}#lxSearchResults{max-height:50dvh;overflow:auto}.lx-notice{position:fixed;bottom:26px;inset-inline-end:26px;max-width:min(440px,calc(100% - 32px));background:var(--lx-panel);border:1px solid var(--lx-line);border-inline-start:3px solid var(--lx-accent);border-radius:12px;padding:16px 20px;font:13px/1.7 var(--lx-font);color:var(--lx-ink);box-shadow:0 12px 45px #00000020;z-index:1000;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.lx-notice.visible{opacity:1;transform:translateY(0)}.lx-notice.error{border-inline-start-color:var(--lx-danger)}
.lx-focus-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.lx-focus-screen{max-width:930px;margin:0 auto;min-height:75dvh;text-align:center;padding:10px 30px}.lx-focus-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.lx-session-context{margin-top:65px}.lx-session-context h1{font-weight:450;font-size:33px;letter-spacing:-.8px;line-height:1.4;margin:16px 0 10px}.lx-session-context p{color:var(--lx-muted);font-size:13px}.lx-timer{font-size:clamp(62px,8vw,112px);font-weight:300;letter-spacing:-5px;font-variant-numeric:tabular-nums;margin:40px 0 14px;line-height:1.2;color:var(--lx-ink)}.lx-timer-meta{font-size:12px;color:var(--lx-muted);min-height:20px}.lx-timer-progress{max-width:380px;margin:20px auto 35px}.lx-focus-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.lx-focus-controls .lx-btn{min-height:42px}.lx-focus-extras{max-width:540px;margin:60px auto 20px;text-align:start}.lx-focus-extras details{padding:15px 0;border-top:1px solid var(--lx-line);border-bottom:1px solid var(--lx-line);margin-bottom:18px;font-size:12px;color:var(--lx-muted)}.lx-focus-extras summary{cursor:pointer}.lx-focus-extras small{display:block;margin-top:15px;color:var(--lx-muted);font-size:10px}.lx-break-tip{color:var(--lx-accent);margin-top:30px;font-size:14px}.is-break .lx-timer{color:var(--lx-accent)}.lx-focusing .sidebar,.lx-focusing .mobile-header,.lx-focusing .bottom-nav,.lx-focusing .lx-topbar{display:none!important}.lx-focusing .app-main,html[dir=rtl] .lx-focusing .app-main{margin:0!important}.lx-focusing .content{max-width:1100px}.lx-mini{position:fixed;inset-inline-end:26px;bottom:24px;z-index:35;background:var(--lx-accent);color:var(--lx-bg);border-radius:12px;box-shadow:0 12px 40px #00000020}.lx-mini button{display:flex;align-items:center;gap:15px;color:inherit;background:transparent;border:0;padding:14px 20px}.lx-mini span{font-size:12px}.lx-mini strong{font-variant-numeric:tabular-nums}
.lx-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--lx-line);border-radius:14px;overflow:hidden;background:var(--lx-panel);margin-bottom:20px}.lx-calendar.day{grid-template-columns:1fr}.lx-calendar-day{padding:16px 12px;border-inline-end:1px solid var(--lx-line);border-bottom:1px solid var(--lx-line);min-width:0;min-height:180px}.lx-calendar-day h3{font-size:12px;margin:0 0 15px;display:flex;flex-wrap:wrap;gap:7px}.lx-calendar-day h3 small{font-size:10px;font-weight:400;color:var(--lx-muted)}.lx-calendar-day.is-today{background:var(--lx-accent-soft)}.lx-calendar .lx-schedule-row{font-size:11px;display:block;line-height:1.6;padding:10px 0}.lx-calendar .lx-schedule-row time{display:block;margin-bottom:3px}.lx-calendar.day .lx-schedule-row{display:flex}.lx-notes-layout{display:grid;grid-template-columns:260px 1fr;gap:24px}.lx-notes-layout textarea{min-height:430px;line-height:1.9}.lx-inbox-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--lx-line);font-size:13px}.lx-inbox-row small{display:block;color:var(--lx-muted);margin-top:8px;font-size:10px}.lx-inbox-row .lx-field{margin:0}.lx-habit-days{display:flex;gap:7px;margin:20px 0}.lx-habit-days span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--lx-soft);font-size:11px;color:var(--lx-muted)}.lx-habit-days .checked{background:var(--lx-accent);color:var(--lx-bg)}
/* Legacy surfaces remain functional and adopt the same tokens. */
.life-workspace .card,.life-workspace .plan-card,.life-workspace .goal-large,.life-workspace .notice-row,.life-workspace .onboarding{background:var(--lx-panel);border-color:var(--lx-line);color:var(--lx-ink);box-shadow:var(--lx-shadow);border-radius:var(--lx-radius)}.life-workspace .card h2,.life-workspace .page-head h1,.life-workspace .greeting,.life-workspace .notice-row strong{color:var(--lx-ink)}.life-workspace .muted,.life-workspace .setting-row small,.life-workspace .notice-row p{color:var(--lx-muted)}.life-workspace .btn,.life-workspace .icon-btn{background:var(--lx-panel);border-color:var(--lx-line);color:var(--lx-ink);box-shadow:none}.life-workspace .btn.primary{background:var(--lx-accent);color:var(--lx-bg);border-color:var(--lx-accent)}.life-workspace .content input,.life-workspace .content textarea,.life-workspace .content select{background:var(--lx-bg);border-color:var(--lx-line);color:var(--lx-ink)}.life-workspace .content label{color:var(--lx-ink)}.life-workspace .executive-market{background:#19251f;color:#e9eee7}.life-workspace .executive-market .card-head h2{color:#e9eee7}.life-workspace .onboarding{min-height:320px}.life-workspace .onboarding-copy h2{font-size:30px;color:var(--lx-ink)}.life-workspace .summary-tile,.life-workspace .task-row,.life-workspace .goal-row,.life-workspace .insight,.life-workspace .cascade-step,.life-workspace .why-box{background:var(--lx-soft);color:var(--lx-ink);border-color:var(--lx-line)}.life-workspace .summary-tile>strong,.life-workspace .summary-tile>span,.life-workspace .insight strong{color:var(--lx-ink)}.life-workspace .account-status-line{background:var(--lx-accent-soft);color:var(--lx-accent);border-color:var(--lx-line)}.life-workspace .profile-card,.life-workspace .settings-card{background:var(--lx-panel)}
/* Public product identity: restrained color, readable type, no decorative glow. */
.landing-hero{background:#17261f}.hero-glow{display:none}.hero-copy h1{font-weight:500;letter-spacing:-3px;line-height:1.07}.hero-pill{border-color:#566c5b;color:#c4d7c9;background:#ffffff05}.landing-nav .brand-mark,.landing-footer .brand-mark,.auth-brandbar .brand-mark{background:#b4cdbb;color:#183024;box-shadow:none}.landing-screen .btn.primary{background:#d7e6db;color:#193022;border-color:#d7e6db;box-shadow:none}.light-section{background:#f7f8f5}.dark-section{background:#17261f}.light-kicker{color:#b4cdbb!important}.chain-card.featured{background:#355e49;border-color:#355e49;box-shadow:none}.cta-box{background:#17261f}.product-window{transform:none;box-shadow:0 30px 70px #00000026}.auth-screen{background:#17261f}.auth-visual{background:#17261f}.visual-orb{display:none}.visual-copy h1{font-weight:500;line-height:1.12}.auth-panel{background:#f4f5f3}.auth-card{box-shadow:0 20px 60px #0000000a}.auth-brandbar .glass-btn{color:#e3eee5}.auth-visual .kicker{color:#b4cdbb}
@media(min-width:1600px){.life-workspace .content{padding-top:45px}.lx-card{padding:30px}}
@media(max-width:1150px){:root{--lx-sidebar:210px}.life-workspace .content{padding:28px 24px 90px}.lx-topbar{padding:0 24px}.lx-grid-three{grid-template-columns:1fr 1fr}.lx-focus-layout{grid-template-columns:1fr}.lx-calendar.week{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-stats{gap:10px}.lx-stat{padding:16px}.lx-stat strong{font-size:22px}}
@media(max-width:980px){.life-workspace .sidebar{display:none}.life-workspace .app-main,html[dir=rtl] .life-workspace .app-main{margin:0!important}.life-workspace .mobile-header{display:flex;background:var(--lx-panel);border-bottom:1px solid var(--lx-line);color:var(--lx-ink)}.life-workspace .mobile-header .side-brand{color:var(--lx-ink);padding:0}.life-workspace .content{padding:22px 22px 110px!important}.lx-topbar{height:56px;padding:0 22px}.lx-topbar .lx-breadcrumb{font-size:11px}.lx-top-actions .lx-btn{font-size:11px;min-height:34px;padding:7px 10px}.life-workspace .instagram-nav{background:var(--lx-panel)!important;border-color:var(--lx-line)!important;bottom:max(10px,env(safe-area-inset-bottom))!important;max-width:520px!important;margin-inline:auto!important}.life-workspace .instagram-nav .bottom-item{color:var(--lx-muted)!important;min-height:45px!important}.life-workspace .instagram-nav .bottom-item.active{color:var(--lx-accent)!important;background:var(--lx-accent-soft)!important;border-radius:10px!important}.life-workspace .instagram-nav .bottom-item.active:before,.life-workspace .instagram-nav .bottom-item.active:after{display:none!important}.life-workspace .instagram-nav .bottom-item small{display:block;font-size:8px;margin-top:4px}.life-workspace .instagram-nav .bottom-item svg{width:21px!important;height:21px!important}.lx-mini{bottom:92px}.lx-notice{bottom:95px}.lx-notes-layout{grid-template-columns:210px 1fr}.auth-brandbar .glass-btn{color:#243f2e;background:#fff;border-color:#dfe5de}.auth-brandbar .brand{color:#203829}}
@media(max-width:720px){.lx-home-grid,.lx-grid-two,.lx-grid-three{grid-template-columns:1fr;gap:0}.lx-card{padding:21px;margin-bottom:16px}.lx-page-head{align-items:flex-start;flex-direction:column;gap:18px}.lx-page-head h1{font-size:29px}.lx-home-grid .lx-focus-card{padding:26px}.lx-topbar .lx-breadcrumb{display:none}.lx-topbar{justify-content:space-between}.lx-top-actions{width:100%}.lx-top-actions .lx-btn:first-child{flex:1;justify-content:flex-start}.lx-stats{grid-template-columns:1fr 1fr}.lx-stat strong{font-size:24px}.lx-fields-three{grid-template-columns:1fr}.lx-calendar.month,.lx-calendar.week{grid-template-columns:1fr 1fr}.lx-calendar-day{min-height:140px}.lx-notes-layout{grid-template-columns:1fr;gap:0}.lx-notes-layout>section:first-child{max-height:220px;overflow-y:auto}.lx-focus-screen{padding:0}.lx-focus-top{flex-wrap:wrap}.lx-session-context{margin-top:50px}.lx-session-context h1{font-size:27px}.lx-timer{font-size:72px;letter-spacing:-3px;margin-top:40px}.lx-focus-extras{margin-top:45px}.lx-dialog{padding:22px}.lx-inbox-row{align-items:flex-start;flex-direction:column}.lx-inbox-row .lx-actions{width:100%}.lx-inbox-row .lx-field{flex:1}.lx-priority{display:none}.lx-top-three>div{font-size:13px}.lx-focus-card h2{font-size:27px}.lx-fields-two{gap:0 12px}.lx-focusing .content{padding-bottom:35px!important}}
@media(max-width:420px){.life-workspace .content{padding:22px 14px 105px!important}.lx-topbar{padding:0 14px}.lx-card{padding:18px}.lx-page-head h1{font-size:27px}.lx-timer{font-size:60px;letter-spacing:-2px}.lx-fields-two{grid-template-columns:1fr}.lx-mini-stats .lx-stat{padding:0 10px}.lx-mini-stats .lx-stat strong{font-size:21px}.lx-bars{gap:7px}.lx-bars small{font-size:7px}.lx-calendar.month,.lx-calendar.week{grid-template-columns:1fr}.lx-calendar-day{min-height:auto}.lx-habit-days{gap:5px}.lx-top-actions{gap:5px}.lx-top-actions .lx-btn{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.lx-week-bars{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-menu-button{display:none}.lx-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lx-menu-grid .lx-btn{justify-content:flex-start;min-height:46px}
@media(max-width:980px){.lx-menu-button{display:inline-flex}.lx-top-actions>[data-action="language"],.lx-top-actions>[data-to="account"]{display:none}.lx-top-actions .lx-menu-button{flex:0 0 auto!important}.lx-top-actions>[data-action="command"]{flex:1}.lx-topbar{position:relative}.lx-focusing .lx-topbar{display:none}}

/* Clarity: goal-first overview and calm brand identity. */
.lx-goal-board{margin-bottom:24px}.lx-goal-strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 12px}.lx-goal-tile{flex:0 0 260px;max-width:90vw;scroll-snap-align:start;text-align:start;border:1px solid var(--lx-line);border-radius:16px;background:var(--lx-soft);color:var(--lx-accent);padding:20px;display:grid;gap:14px;font:inherit;cursor:pointer}.lx-goal-tile>strong{color:var(--lx-ink);overflow-wrap:anywhere}.lx-goal-tile svg{width:100%;height:70px}.lx-goal-value{font-size:30px;font-weight:650}.lx-goal-value small,.lx-goal-tile>small{font-size:12px;color:var(--lx-muted)}.lx-budget-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--lx-line);font-size:13px}.lx-budget-row small{color:var(--lx-muted)}.brand-mark,.lifeos-mark{font-size:0!important;background:transparent!important}.brand-mark:after,.lifeos-mark:after{content:"";display:block;width:36px;height:36px;background:url('brand-mark.svg') center/contain no-repeat}.lx-goal-tile:hover{border-color:var(--lx-accent)}@media(max-width:700px){.lx-budget-row{grid-template-columns:1fr 1fr}.lx-page-head h1{font-size:26px}.lx-goal-tile{flex-basis:230px}}

#lxMoneyTodo .lx-fields-two{grid-template-columns:1fr 1fr auto;align-items:end}#lxMoneyTodo button{align-self:end;margin-bottom:16px;min-height:42px}.lx-budget-row>*{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){#lxMoneyTodo .lx-fields-two{grid-template-columns:1fr}#lxMoneyTodo button{width:100%}.lx-goal-board .lx-card-head{align-items:start;flex-wrap:wrap}}

/* THE NORTH: native HTML/SVG brand header. No React runtime required. */
.north-name{display:grid;gap:7px;min-width:0;line-height:1;color:#fff;text-align:start;letter-spacing:normal}
.north-name strong{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:18px;font-weight:900;letter-spacing:.16em;white-space:nowrap}
.north-name>span{font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,sans-serif;font-size:12px;font-weight:700;line-height:1.6;text-align:start;display:flex;align-items:center;gap:9px}
.north-name>span:after{content:"";width:20px;height:2px;background:#ff5500;display:block}
.landing-nav{background:#0d0d0d;border-bottom:1px solid #ffffff1a;min-height:88px;height:auto;padding-top:16px;padding-bottom:16px}
.brand,.side-brand.lifeos-wordmark,.product-logo{gap:12px}
.brand .brand-mark,.product-logo .brand-mark,.life-workspace .lifeos-wordmark .lifeos-mark{width:44px;height:52px;flex:0 0 44px;box-shadow:none!important;border-radius:0;background:transparent!important;font-size:0!important;border:0!important}
.brand-mark:after,.lifeos-mark:after{width:100%;height:100%;background:url('brand-mark.svg') center/contain no-repeat}
.life-workspace .side-brand.lifeos-wordmark{padding:18px 10px;margin-bottom:12px;background:#0d0d0d;border-radius:12px}
.life-workspace .side-brand .north-name strong{font-size:14px;letter-spacing:.12em}
.life-workspace .mobile-header{background:#0d0d0d;color:#fff;border-bottom:1px solid #ffffff1a}
.life-workspace .mobile-header .side-brand.lifeos-wordmark{padding:0;margin:0}
.landing-footer,.auth-brand{background:#0d0d0d;color:#fff}
.auth-shell>.brand{background:#0d0d0d;padding:18px;border-radius:12px}
.product-logo .north-name strong{font-size:13px}.product-logo .north-name>span{font-size:10px}
@media(max-width:600px){.landing-nav{padding:12px 16px;gap:10px;flex-wrap:wrap}.landing-nav .north-name strong{font-size:15px}.landing-nav .brand-mark{width:36px;flex-basis:36px;height:44px}.landing-nav-actions{margin-inline-start:auto}.north-name strong{font-size:16px}.life-workspace .mobile-header .north-name strong{font-size:13px}}
.product-logo{display:flex;align-items:center;background:#0d0d0d;padding:6px 10px;border-radius:6px;gap:8px}.product-logo .brand-mark{width:24px;height:28px;flex-basis:24px}.product-logo .north-name{gap:2px}.product-logo .north-name strong{font-size:10px}.product-logo .north-name>span{font-size:9px;line-height:1.3}.auth-brandbar{background:#0d0d0d;padding:18px 24px;border-bottom:1px solid #ffffff1a}

/* Secondary navigation stays discoverable without competing with daily work. */
.lx-nav-more summary{cursor:pointer;padding:14px;color:inherit;font-weight:600}
.lx-nav-more summary:focus-visible{outline:2px solid currentColor;outline-offset:-2px}

/* Premium reading and mobile navigation: scoped to the existing workspace. */
:root{--lx-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif;--lx-muted:#59675e;--lx-radius:18px;--lx-shadow:0 3px 16px #16221b08}
html[data-theme=dark]{--lx-bg:#191e1b;--lx-panel:#222923;--lx-soft:#29312b;--lx-ink:#e5eae5;--lx-muted:#b0bab2;--lx-line:#3a463d;--lx-shadow:0 4px 20px #00000012}
.life-workspace .app,.lx-dialog{font-size:15px;line-height:1.65;font-family:var(--lx-font)}
html[dir=rtl] .app,html[dir=rtl] .lx-dialog{font-family:"Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.85}
.life-workspace input,.life-workspace textarea,.life-workspace select,.lx-dialog input,.lx-dialog textarea,.lx-dialog select{font-family:inherit;font-size:16px;line-height:1.5}
.lx-page-head p,.lx-card p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.lx-card h2{font-size:20px;line-height:1.45;font-weight:650}
.lx-card h3{line-height:1.55}
.lx-card{border-radius:var(--lx-radius);box-shadow:var(--lx-shadow)}
.lx-card summary{cursor:pointer;line-height:1.6;padding-block:8px;font-size:14px;font-weight:600}
.lx-card[open]>summary{margin-bottom:16px}
.lx-btn{min-height:44px;font-size:13px;border-radius:11px;line-height:1.5}
.life-workspace .nav-item{font-size:14px;min-height:44px}
.lx-page-head h1{letter-spacing:-.6px;line-height:1.35}
html[dir=rtl] .lx-page-head h1{letter-spacing:0;line-height:1.55}
@media(max-width:980px){
 .life-workspace .bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0!important;right:0!important;bottom:0!important;border-radius:0!important;border:0;border-top:1px solid var(--lx-line);padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px))!important;background:var(--lx-panel);box-shadow:0 -4px 20px #00000008;backdrop-filter:none;gap:4px}
 .life-workspace .bottom-nav .bottom-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:56px!important;min-width:0;padding:6px 2px!important;color:var(--lx-muted)!important;background:transparent!important;border-radius:12px;transition:background-color 160ms ease,color 160ms ease,transform 120ms ease;font-family:inherit}
 .life-workspace .bottom-nav .bottom-item svg{width:24px;height:24px;stroke-width:1.8}
 .life-workspace .bottom-nav .bottom-item small{display:block;font-size:11px;font-weight:550;line-height:1.35;white-space:normal}
 .life-workspace .bottom-nav .bottom-item.active{color:var(--lx-accent)!important;background:var(--lx-accent-soft)!important}
 .life-workspace .bottom-nav .bottom-item.active svg{stroke-width:2.3}
 .life-workspace .bottom-nav .bottom-item:active{transform:scale(.96)}
 .life-workspace .bottom-nav .bottom-item:focus-visible{outline:2px solid var(--lx-accent);outline-offset:-2px}
 .life-workspace .bottom-nav .bottom-item::after{display:none!important}
 .life-workspace .content{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}
 .lx-mini{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .lx-menu-button{display:none!important}
 .lx-focusing .bottom-nav{display:none!important}
}
@media(prefers-reduced-motion:reduce){.life-workspace .bottom-nav .bottom-item{transition:none;transform:none}}

/* Floating mobile dock: separated from the page on every edge. */
@media(max-width:980px){
 .life-workspace .bottom-nav{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:auto;max-width:480px;margin-inline:auto;border:1px solid var(--lx-line)!important;border-radius:26px!important;padding:7px!important;gap:3px;box-shadow:0 8px 28px #00000020,0 2px 6px #0000000d;background:var(--lx-panel)}
 .life-workspace .bottom-nav .bottom-item{border-radius:19px;min-height:58px!important;gap:5px}
 .life-workspace .bottom-nav .bottom-item svg{width:25px;height:25px;stroke-width:1.75}
 .life-workspace .bottom-nav .bottom-item.active svg{stroke-width:2.1}
 .life-workspace .bottom-nav .bottom-item small{font-size:10px;line-height:1.4}
 .life-workspace .content{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
 .lx-mini{bottom:calc(100px + env(safe-area-inset-bottom,0px))}
}

/* Three-dimensional dock glyphs: bevel, recessed face and grounding shadow. */
.life-workspace .bottom-nav{--dock-light:#b2c7bb;--dock-face:#648975;--dock-edge:#3e604c;--dock-recess:#294a37;--dock-arrow:#aa592f;--dock-shadow:#18271b24}
html[data-theme=dark] .life-workspace .bottom-nav{--dock-light:#dbe9dd;--dock-face:#8aaa94;--dock-edge:#4b6855;--dock-recess:#2d4836;--dock-arrow:#e5a477;--dock-shadow:#00000035}
.life-workspace .bottom-nav .bottom-item .dock-dimensional{width:29px;height:29px;fill:none;stroke:none;filter:drop-shadow(0 1px 1px #00000018)}
.life-workspace .bottom-nav .bottom-item.active .dock-dimensional{stroke:none;--dock-light:#e4f1e6;--dock-face:#92c5a1}
