:root{--font-body:system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--color-background:#151219;--color-theme:#17131b;--color-text:#f8f4f4;--color-muted:#aaa4b6;--color-brand:#f7ab74;--color-accent:#f4a36e;--color-underline:#f6a36d;--color-focus:#ffb47c;--color-surface:#211c25;--color-border:#3a3340;--color-icon-background:#2c2732;--color-icon:#f3ab76;--color-on-accent:#291d1b;--gradient-shell:radial-gradient(circle at 67% 3%, #29212a 0, #1b171f 25%, #151219 67%);--gradient-primary:linear-gradient(125deg, #e99159, #ffba85);--shadow-primary:0 9px 26px #df864233;--shell-width:480px;--shell-padding:26px 22px;--radius-card:12px;--radius-button:40px;--touch-target:44px;color:#f8f4f4;font-synthesis:none;background:#151219;font-family:system-ui,-apple-system,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #ffb47c}button:disabled{opacity:.45;cursor:not-allowed}body{background:#151219;min-width:320px;margin:0}#app{min-height:100vh}.shell{width:min(100%,480px);min-height:100vh;padding:calc(26px + env(safe-area-inset-top)) 22px calc(108px + env(safe-area-inset-bottom));background:radial-gradient(circle at 67% 3%,#29212a 0,#1b171f 25%,#151219 67%);margin:auto;position:relative;overflow:hidden}.topline{direction:rtl;justify-content:space-between;align-items:flex-start;display:flex}.brand{letter-spacing:1px;direction:ltr;font-family:Arial,sans-serif;font-size:27px;font-weight:300}.brand span{color:#f7ab74}.tagline{color:#a19aa9;margin-top:3px;font-size:12px}.avatar{color:#e1deed;background:#302b39;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid}h1{letter-spacing:-1px;margin:38px 0 13px;font-size:clamp(32px,9vw,48px);font-weight:800;line-height:1.16}.underline{border-bottom:3px solid #f6a36d}.level{color:#a9a3b5;margin:0 0 29px;font-size:14px}.accent{color:#f4a36e}.cal-head{justify-content:space-between;align-items:center;font-size:14px;display:flex}.muted{color:#aaa4b6}.meter{background:#3a3645;border-radius:99px;height:9px;margin:13px 0 7px;overflow:hidden}.meter b{background:linear-gradient(90deg,#f8bb85,#e78448);border-radius:99px;width:68%;height:100%;display:block}.cal-used{text-align:right;color:#f3a46f;font-size:14px}.water{color:#ded8e4;border-bottom:1px solid #36313b;justify-content:space-between;align-items:center;padding:17px 0;font-size:14px;display:flex}.pill{color:#f6ad79;background:0 0;border:1px solid #dd8d56;border-radius:30px;padding:7px 17px}.timeline{margin-top:22px}.step{direction:ltr;grid-template-columns:48px 1fr;gap:14px;padding:0 0 30px;display:grid;position:relative}.step:not(:last-child):before{content:"";border-left:2px dashed #6b5360;position:absolute;top:46px;bottom:0;left:23px}.step:first-child:before{border-color:#c7845c}.stepno{color:#efa56e;border:2px solid #ed9b61;border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;font-weight:700;display:grid;box-shadow:0 0 13px #ca784247}.step.future .stepno{color:#aaa5bb;box-shadow:none;border-color:#575263}.stepbody{direction:rtl;min-width:0}.steptitle{align-items:center;gap:11px;min-height:46px;font-size:25px;font-weight:800;display:flex}.icon{color:#f3ab76;background:#2c2732;border-radius:50%;flex:none;place-items:center;width:43px;height:43px;font-size:21px;display:grid}.hint{color:#aca5b5;margin:1px 0 12px;font-size:14px}.wide{color:#291d1b;background:linear-gradient(125deg,#e99159,#ffba85);border:0;border-radius:40px;width:100%;min-height:51px;font-weight:800;box-shadow:0 9px 26px #df864233}.outline{color:#efaa77;background:0 0;border:1px solid #d48c5d;border-radius:40px;width:100%;min-height:48px;font-weight:700}.weather{color:#c9c1d0;background:#211c25;border:1px solid #3a3340;border-radius:12px;margin:10px 0 12px;padding:11px 13px;font-size:13px}.weather small{color:#eaa171;margin-top:5px;display:block}.future{opacity:.54;padding-bottom:14px}.future .steptitle{font-size:21px}.planb{background:linear-gradient(155deg,#2c2228,#211b23);border:1px solid #634b46;border-radius:15px;margin:15px 0 0;padding:15px;box-shadow:inset 0 1px #684b3c55}.planb h3{margin:0 0 6px;font-size:16px}.planb p{color:#c8bfcc;margin:0 0 13px;font-size:13px;line-height:1.65}.planb .actions{gap:9px;display:flex}.planb .actions button{border-radius:22px;flex:1;padding:9px 8px;font-size:13px;font-weight:700}.planb .primary{color:#281c1a;background:#f0a26e;border:0}.planb .quiet{color:#c8b9c1;background:0 0;border:1px solid #58454a}.rest{color:#bcb4c3;border-color:#47404d}.rest .actions{display:none}.weekly{border-top:1px solid #36303a;margin-top:8px;padding-top:20px}.weekly-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.weekly h2{margin:0;font-size:21px}.weekly p{color:#b3abb9;margin:0;font-size:12px}.charts{direction:ltr;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.charts>div{direction:rtl}.chart-title{color:#b3abb9;margin-bottom:7px;font-size:12px}.bars{direction:rtl;align-items:end;gap:6px;height:75px;display:flex}.bar{height:var(--h);background:linear-gradient(#f2a469,#5c4556);border-radius:3px 3px 0 0;flex:1;transition:height .25s}.bar.current{background:#ffb378}.weight-chart{background:linear-gradient(174deg,#0000 47%,#d98b5d 49% 51%,#0000 53%);border-bottom:1px solid #4a3b43;height:75px;position:relative}.weight-chart:after{content:"100 كجم";font-size:12px;position:absolute;top:0;right:0}.chart-foot{color:#857d8b;text-align:left;margin-top:5px;font-size:11px}.bottom{z-index:3;width:min(100%,480px);height:calc(81px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom);background:#1b1720ee;border-top:1px solid #3b303a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom button{color:#a39baa;background:0 0;border:0;place-items:center;gap:4px;font-size:11px;display:grid}.bottom button.active{color:#f3a06b}.bottom strong{font-size:20px;font-weight:400}.bottom .plus{color:#24191a;background:#f0a46e;border-radius:50%;width:51px;height:51px;font-size:33px;line-height:1;box-shadow:0 0 22px #ffac6960}.demo{background:#211b26;border:1px solid #3a3341;border-radius:14px;margin-top:24px;padding:16px}.demo summary{cursor:pointer;color:#d2bda9;font-size:13px}.demo .field{margin:12px 0 0}.demo label{color:#c9c0ce;margin-bottom:5px;font-size:13px;display:block}.demo select,.demo input[type=time]{color:#faf5f5;background:#302936;border:1px solid #504451;border-radius:9px;width:100%;padding:9px}.demo .checks label{align-items:center;gap:8px;margin-top:10px;display:flex}.demo button{color:#f2ae7e;background:0 0;border:1px solid #745648;border-radius:8px;margin-top:12px;padding:8px 12px}.overlay{z-index:10;background:#0c0a0dbb;place-items:end center;display:grid;position:fixed;inset:0}.sheet{width:min(100%,480px);max-height:calc(100dvh - env(safe-area-inset-top));padding:22px 22px calc(27px + env(safe-area-inset-bottom));background:#211b25;border:1px solid #4a3943;border-radius:24px 24px 0 0;overflow:auto;box-shadow:0 -16px 50px #0009}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet h2{margin:0 0 9px;font-size:24px}.close{color:#faf6f7;background:#332b36;border:0;border-radius:50%;width:34px;height:34px}.sheet p{color:#c4bbc9;font-size:14px;line-height:1.75}.durations{gap:9px;margin:20px 0;display:flex}.durations button{color:#f6f0ef;background:#2b242d;border:1px solid #66504d;border-radius:13px;flex:1;padding:13px 3px}.durations button.selected{background:#654435;border-color:#f3ac75}.moves{margin:17px 0 22px;padding:0;list-style:none}.moves li{border-bottom:1px solid #40343e;padding:12px 0}.moves strong{display:block}.moves span{color:#bfb5c4;font-size:12px;line-height:1.6}.safety{color:#e3d7d6;background:#2e252b;border-right:3px solid #f1a66f;border-radius:8px;margin:16px 0;padding:9px 12px;font-size:12px;line-height:1.7}.move-large{text-align:center;border:1px solid #5d4844;border-radius:20px;margin:20px 0;padding:24px}.move-large b{font-size:30px}.move-large .time{color:#f4ab77;margin:9px;font-size:35px;font-weight:800}.move-large p{margin:7px}.counter{color:#f1a36c;font-size:13px}.sheet-actions{gap:10px;display:flex}.sheet-actions button{flex:1}.success{text-align:center}.success h2{color:#f0aa75}.note{color:#a79dac;font-size:12px}.nav-message{color:#e2cbc0;background:#2b222a;border:1px solid #58434a;border-radius:10px;margin:15px 0;padding:12px;font-size:13px}.section-title{margin:45px 0 9px;font-size:37px}.lead{color:#bab0c0;margin:0 0 25px;font-size:14px;line-height:1.7}.shell h2:not(.weekly h2){margin:29px 0 13px;font-size:20px}.macro-row{grid-template-columns:repeat(3,1fr);gap:7px;margin:25px 0;display:grid}.macro-row>div{text-align:center;background:#262029;border:1px solid #3e343f;border-radius:12px;padding:13px 8px}.macro-row small,.macro-row strong{display:block}.macro-row small{color:#b4aabd;font-size:11px}.macro-row strong{margin-top:6px;font-size:15px}.section-actions{gap:10px;display:grid}.record{color:#f5eef2;border-bottom:1px solid #39323e;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:14px;display:flex}.record span{min-width:0}.record small{color:#b5abb9;margin-top:5px;font-size:11px;line-height:1.5;display:block}.small-btn{color:#f2a775;white-space:nowrap;background:0 0;border:1px solid #845b4a;border-radius:20px;min-height:38px;padding:8px 11px;font-size:12px}.empty{color:#a99eae;background:#221d26;border:1px dashed #514653;border-radius:12px;min-height:58px;padding:15px;font-size:13px;line-height:1.65}.mini-total{color:#bfaab5;margin-top:5px;font-size:11px}.weight-chart.real-weight{background:0 0;border-right:2px solid #e99d69;flex-direction:column;justify-content:center;gap:5px;padding-right:12px;display:flex}.weight-chart.real-weight:after{content:none}.real-weight b{color:#f0ae7b;font-size:18px}.real-weight small{color:#a9a0ad;font-size:11px}.stat{color:#f5ab76;margin:25px 0;font-size:38px;font-weight:800}.stat small{color:#beb3bf;font-size:13px;font-weight:400}.progress-group{border-bottom:1px solid #403740;padding:6px 0 20px}.progress-group p{color:#baafbd}.info{color:#c5b8c6;background:#27212b;border-radius:12px;margin-top:24px;padding:16px;font-size:13px;line-height:1.65}.toast{color:#fff4e9;text-align:center;background:#4a342e;border:1px solid #e8a370;border-radius:12px;width:100%;margin:12px 0;padding:12px;font-size:13px;line-height:1.5;position:static}.quick-list{gap:10px;margin:20px 0;display:grid}.text-btn{color:#c9b9bf;background:0 0;border:0;min-height:42px;margin:20px auto 0;padding:9px;text-decoration:underline;display:block}.sheet form{gap:15px;margin-top:16px;display:grid}.sheet label{color:#e1d9e2;font-size:13px;display:block}.sheet input,.sheet select{color:#fff;background:#302936;border:1px solid #615260;border-radius:10px;width:100%;min-height:46px;margin-top:6px;padding:12px}.sheet .checks input{width:auto;min-height:auto;margin:0}.form-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.restaurant{align-items:flex-start}.restaurant .small-btn{margin-top:8px}.sheet .wide{margin-top:7px}.sheet form>.wide{z-index:1;position:sticky;bottom:0;box-shadow:0 -8px 18px #211b25,0 9px 26px #df864233}.note{line-height:1.6}.demo button{min-height:42px}.bottom button:not(.plus){min-width:52px;min-height:48px}.pill{min-height:39px}.record-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;max-width:48%;display:flex}.record-actions .small-btn{white-space:normal;padding:7px 9px}@media (width>=700px){.shell{box-shadow:0 0 80px #0008}.bottom{box-shadow:0 -4px 30px #0007}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body.modal-open{overflow:hidden}.avatar,.pill,.small-btn,.close,.text-btn,.demo button,.planb .actions button{min-height:44px}.avatar,.close{min-width:44px}.demo summary{align-items:center;min-height:44px;display:flex}.bars{direction:ltr}.chart-axis{color:#b3abb9;direction:ltr;justify-content:space-between;margin-top:5px;font-size:11px;display:flex}.chart-foot,.mini-total{font-size:12px}.sheet input::placeholder{color:#a49baa}.demo-label{color:#e7a16e;letter-spacing:0;border:1px solid #735340;border-radius:6px;margin-inline-start:4px;padding:1px 5px;font-size:11px;display:inline-block}.macro-row small,.record small,.bottom button,.chart-axis,.real-weight small{font-size:12px}.demo .checks label,.sheet .checks label{cursor:pointer;min-height:44px}.sheet .checks label{align-items:center;gap:8px;display:flex}.bottom svg{width:22px;height:22px}.icon svg{width:25px;height:25px}.avatar svg{width:24px;height:24px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.sheet input[type=file]{direction:rtl}.sheet input[type=file]::file-selector-button{font:inherit;color:#f2a775;background:#302936;border:1px solid #845b4a;border-radius:8px;min-height:40px;margin-inline-end:8px;padding:8px 12px}.skip-link{top:8px;color:#f8f4f4;z-index:20;background:#211c25;min-height:44px;padding:12px;position:fixed;inset-inline-start:8px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.pwa-status{color:#aaa4b6;margin-top:24px;font-size:12px;line-height:1.6}.pwa-status p{margin:6px 0}.pwa-update{margin-top:12px}.sheet{overscroll-behavior:contain}.record span{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}