:root{--bg:#f5f6f3;--paper:#fff;--ink:#192927;--muted:#788781;--line:#e8eeeb;--green:#158569;--mint:#6bdab1;--navy:#102c2c;--purple:#7169cb;--orange:#d79460;--blue:#5f90cf;--shadow:0 12px 45px rgba(25,52,44,.035);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.ico{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-layout{min-height:100vh;display:flex}.sidebar{width:246px;flex:0 0 246px;background:#112d2e;color:#e4faf1;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:34px 20px 20px;z-index:70}.side-top{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:780;letter-spacing:-1.5px}.logo-symbol{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#b9ead7;color:#123c32;font-weight:850;font-size:24px;letter-spacing:-2px}.logo-dot{color:#89e4bd}.side-label{font-size:10px;letter-spacing:1.7px;color:#739d93;margin:58px 0 18px 14px;font-weight:800}.main-nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 15px;min-height:47px;color:#a8c6be;border-radius:12px;font-weight:590;font-size:13px;transition:background .2s,color .2s,transform .2s}.nav-item:hover{background:#214441;color:#fff;transform:translateX(2px)}.nav-item.active{background:#d5f3e6;color:#174a3d;font-weight:740}.nav-item.active .ico{color:#16876a}.side-bottom{margin-top:auto;display:grid;gap:24px}.side-quote{border:1px solid #345a53;background:linear-gradient(135deg,#204e45,#183934);padding:18px;border-radius:15px;display:flex;flex-direction:column;gap:6px}.side-quote .ico{color:#86e2bd;margin-bottom:8px}.side-quote strong{font-size:13px}.side-quote span{color:#b1d0c4;font-size:11px;line-height:1.5}.sidebar-logout{background:none;border:0;color:#9dbaaf;text-align:left;display:flex;gap:13px;align-items:center;padding:8px 14px;font-size:13px}.sidebar-logout:hover{color:#fff}.main-content{min-width:0;flex:1}.topbar{height:67px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 37px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.breadcrumb{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#a3aaa7}.breadcrumb span{color:#c5d2cc;padding:0 8px}.breadcrumb strong{color:#305a4d}.private-pill{display:flex;align-items:center;gap:6px;background:#eff7f2;color:#288668;border-radius:40px;padding:7px 10px;font-weight:650;font-size:11px}.private-pill .ico{width:13px;height:13px}.today-top{color:#8fa09a;font-size:12px}.page-content{max-width:1460px;margin:auto;padding:32px 40px 50px}.page{display:none;animation:pageIn .32s ease both}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:5px 0 28px}.page-heading h1{margin:10px 0 9px;letter-spacing:-1.35px;line-height:1.14;font-weight:790;font-size:clamp(25px,2.5vw,34px)}.page-heading p{color:var(--muted);margin:0;line-height:1.5}.eyebrow,.section-kicker{font-size:10px;font-weight:820;letter-spacing:1.65px;color:#3b9c80}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:#3da780;border-radius:50%;vertical-align:middle;margin-right:5px}.green-period{color:#2bb58c}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;min-height:42px;border-radius:11px;font-size:12px;font-weight:770;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#168e70;color:#fff;box-shadow:0 5px 15px #14886a1d}.btn-primary:hover{background:#0d765e}.btn-dark{background:#163b37;color:#fff}.btn-soft{background:#f0f6f1;color:#35876a}.btn-outline{border:1px solid #dce5e0;background:#fff;color:#325348}.btn-wide{width:100%}.icon-btn{display:grid;place-items:center;border:1px solid #e5ebe6;background:#fff;width:39px;height:39px;border-radius:11px;color:#59766a}.icon-btn:hover{background:#f2f8f4}.mobile-only{display:none}.nutrient-rail{background:#fff;z-index:40;position:sticky;top:0;box-shadow:0 7px 28px #2e564812;border-bottom:1px solid #e6eee7;padding:13px 39px 15px}.rail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rail-title{display:flex;align-items:center;gap:7px}.rail-title strong{font-size:12px}.rail-title small{font-size:11px;color:#97a79f;margin-left:6px}.rail-live{height:7px;width:7px;border-radius:50%;background:#25b888;box-shadow:0 0 0 4px #dff8eb}.rail-action{border:0;background:transparent;color:#178767;font-size:12px;font-weight:800}.rail-action span{margin-left:6px}.rail-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.rail-cell{min-width:0}.rail-cell-top{display:flex;justify-content:space-between;align-items:baseline;gap:5px;margin-bottom:7px}.rail-cell-top span{font-size:10px;color:#80918a;font-weight:750}.rail-cell-top strong{font-size:11px;color:#233b32;white-space:nowrap;font-variant-numeric:tabular-nums}.bar-track{background:#eaf0ed;height:6px;border-radius:20px;overflow:hidden}.bar-track i{display:block;width:0;height:100%;border-radius:20px;background:var(--bar-color,#26ad85);transition:width .72s cubic-bezier(.2,.85,.3,1)}.rail-cell[data-nutrient=protein]{--bar-color:#5c91da}.rail-cell[data-nutrient=carbs]{--bar-color:#e9b454}.rail-cell[data-nutrient=fat]{--bar-color:#b48adc}.rail-cell[data-nutrient=fiber]{--bar-color:#49b19c}.rail-cell.over .rail-cell-top strong{color:#c65b51}.rail-cell.over .bar-track i{background:#df8172}.overview-top{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(255px,1fr);gap:18px}.hero-panel{border-radius:20px;background:linear-gradient(116deg,#173e3b 0%,#113631 63%,#255f53 100%);min-height:276px;padding:29px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;color:white}.hero-decor{position:absolute;border:1px solid #ffffff22;border-radius:50%;pointer-events:none}.hero-decor-one{width:480px;height:480px;right:-270px;top:-200px}.hero-decor-two{width:330px;height:330px;right:-180px;top:-110px}.hero-left{position:relative;z-index:1;min-width:0;flex:1}.hero-kicker{font-size:10px;letter-spacing:1.8px;color:#a0e6d0;font-weight:800}.hero-left h2{font-size:clamp(45px,5vw,64px);font-weight:850;letter-spacing:-3.7px;margin:19px 0 2px;line-height:1}.hero-left h2 small{font-size:22px;letter-spacing:-1px;font-weight:550;color:#c6e8de;margin-left:8px}.hero-sub{font-size:12px;color:#b7d8ce}.hero-progress-line{background:#3b6960;height:6px;border-radius:20px;margin-top:28px;max-width:340px;overflow:hidden}.hero-progress-line span{display:block;width:0;height:100%;background:#89e9bd;transition:width .7s}.hero-foot{display:flex;justify-content:space-between;max-width:340px;color:#b8d6cb;font-size:11px;margin-top:10px}.hero-foot b{color:white}.ring-wrap{width:160px;flex:0 0 160px;position:relative;z-index:1}.ring{width:100%;overflow:visible}.ring-back,.ring-fore{fill:none;stroke-width:11}.ring-back{stroke:#4b756c}.ring-fore{stroke:#8de8c2;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:377;stroke-dashoffset:377;transition:stroke-dashoffset .9s cubic-bezier(.2,.75,.1,1)}.ring-big{fill:#fff;font-size:27px;font-weight:850;text-anchor:middle}.ring-small{fill:#c2e9d8;font-size:11px;text-anchor:middle}.overview-side{display:flex;flex-direction:column;gap:18px}.stat-card{position:relative;min-height:128px;border-radius:18px;display:flex;align-items:center;gap:15px;padding:21px}.stat-purple{background:#efedf9}.stat-peach{background:#f9ede3}.stat-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:25px;background:#ffffffa8;color:#665cbd;flex:0 0 48px}.stat-peach .stat-icon{color:#c27d46}.stat-card>div{display:flex;flex-direction:column;gap:5px;min-width:0}.mini-kicker{font-size:9px;letter-spacing:1px;font-weight:800;color:#948eaf}.stat-peach .mini-kicker{color:#ad927c}.stat-card strong{font-size:28px;font-weight:820;letter-spacing:-1px}.stat-card small{font-size:11px;color:#89869d}.stat-peach small{color:#a18a75}.stat-card button{background:transparent;border:0;font-size:17px;position:absolute;right:17px;top:16px;color:#77798c}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.summary-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #eaf0eb;padding:21px 20px;border-radius:17px;box-shadow:var(--shadow)}.summary-card>div{display:flex;flex-direction:column;gap:6px;min-width:0}.summary-card span:not(.summary-icon){font-size:11px;color:#889891}.summary-card strong{font-size:19px;letter-spacing:-.4px}.summary-card small{font-size:10px;color:#a0aea8}.summary-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:0 0 44px;font-size:23px}.icon-mint{background:#e3f8ee;color:#2a9c77}.icon-lilac{background:#eeecfc;color:#8576d5}.icon-orange{background:#fff0df;color:#dc9b5f}.overview-bottom{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(235px,.85fr);gap:18px}.card{border-radius:17px;background:var(--paper);border:1px solid #e8eeea;box-shadow:var(--shadow)}.panel{padding:24px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.card-header h3{margin:7px 0 0}.card h3,.training-hero h3{font-size:18px;letter-spacing:-.45px}.text-action{border:0;background:transparent;color:var(--green);font-weight:750;font-size:12px}.chart-box{min-height:210px;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.chart-box svg{width:100%;height:auto;display:block;overflow:visible}.chart-empty{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:35px 10px;color:#9bab9f}.chart-empty span{font-size:31px;color:#a4cbbb}.chart-empty strong{color:#586e63;font-size:13px}.chart-empty small{font-size:11px}.quick-card{display:flex;flex-direction:column}.quick-card .quick-art{height:80px;width:80px;border-radius:50%;display:grid;place-items:center;background:#ddf6e9;color:#3ca47d;font-size:58px;transform:rotate(-15deg);margin:5px auto 3px}.quick-card p{font-size:12px;line-height:1.65;color:#71877b;flex:1;margin:10px 0 19px}.date-toolbar{background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.date-info{display:flex;align-items:center;gap:12px}.date-info>div{display:flex;flex-direction:column;gap:3px}.date-info strong{font-size:14px}.date-info small{color:var(--muted);font-size:11px}.date-glyph{background:#e8f7ee;color:#18866c;border-radius:11px;width:42px;height:42px;display:grid;place-items:center}.date-controls{display:flex;align-items:center;gap:7px}.date-controls input{border:1px solid #e5ece7;border-radius:10px;padding:9px;max-width:152px;color:#3d5b50;background:#fff}.flip{transform:rotate(180deg)}.nutrition-summary{background:linear-gradient(130deg,#153d39,#1b5650);border-radius:20px;padding:25px 29px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:22px}.nutrition-summary-main{display:flex;gap:23px;align-items:center;min-width:0}.nutrition-ring,.train-circle{height:135px;width:135px;flex:0 0 135px;border-radius:50%;background:conic-gradient(#92eabf calc(var(--p)*1%),#406e63 0);display:grid;place-items:center;position:relative;transition:background .3s}.nutrition-ring:before,.train-circle:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#153d39}.nutrition-ring>div,.train-circle>strong,.train-circle>span{position:relative;z-index:1}.nutrition-ring>div{display:flex;flex-direction:column;align-items:center;gap:1px}.nutrition-ring strong{font-size:31px;line-height:1;font-weight:830}.nutrition-ring span{color:#afdacb;font-size:10px}.nutrition-summary h3{font-size:19px;margin:9px 0;letter-spacing:-.4px}.nutrition-summary p{max-width:270px;line-height:1.6;color:#afd4c7;font-size:12px;margin:0}.nutrition-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;min-width:245px}.nutrition-mini>div{border-bottom:1px solid #ffffff25;padding-bottom:10px;display:flex;flex-direction:column;gap:4px}.nutrition-mini span{font-size:11px;color:#afd4c7}.nutrition-mini strong{font-size:17px}.meal-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.meal-section{padding:19px 21px;min-height:180px}.meal-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.meal-section-head .meal-icon{width:39px;height:39px;background:#e9f5ee;color:#168a6a;border-radius:12px;display:grid;place-items:center;font-size:19px}.meal-section-head h3{font-size:16px;margin:0;flex:1}.meal-section-head small{font-size:11px;color:#8a9993}.meal-items{display:grid;gap:9px}.meal-item{display:flex;align-items:center;gap:9px;border-top:1px solid #edf1ee;padding:10px 0 0}.meal-item-info{flex:1;min-width:0}.meal-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.meal-item small{display:block;color:#81958a;font-size:11px;margin-top:5px}.meal-item .meal-item-energy{font-weight:800;font-size:12px;white-space:nowrap}.mini-btn{border:0;background:transparent;color:#80968b;border-radius:8px;padding:5px;display:grid;place-items:center}.mini-btn:hover{background:#eff4f1;color:#197e62}.mini-btn.danger:hover{color:#ba534b}.mini-btn .ico{width:15px;height:15px}.meal-empty{font-size:12px;color:#9caaa3;margin:8px 0 18px;line-height:1.5}.meal-add-inline{background:#f1f8f3;color:#24886a;border:1px dashed #cbe7d8;border-radius:10px;padding:9px 12px;font-weight:700;font-size:11px;margin-top:14px}.page-foot-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;color:#92a198;font-size:11px}.weight-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(235px,.85fr);gap:18px}.large-chart{min-height:310px}.seg-control{display:flex;gap:2px;background:#f0f5f2;padding:3px;border-radius:9px}.seg-control button{border:0;background:transparent;color:#869a8d;font-size:11px;font-weight:750;border-radius:7px;padding:7px 10px}.seg-control button.active{color:#277c61;background:#fff;box-shadow:0 1px 4px #25483911}.panel-hint{font-size:11px;line-height:1.6;color:#90a097;margin:12px 0 0}.space-top{margin-top:18px}.count-tag{font-size:11px;background:#eaf5ee;color:#319574;border-radius:30px;padding:8px 12px;font-weight:750}.list-stack{display:flex;flex-direction:column;gap:2px;max-height:475px;overflow:auto}.record-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1ef;padding:13px 0}.record-row:last-child{border:0}.record-row>div:first-child{flex:1;min-width:0}.record-row strong{font-size:13px}.record-row small{color:#8fa097;display:block;font-size:11px;margin-top:3px}.record-value{font-weight:800;font-size:14px}.body-top{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.45fr);gap:18px}.body-hero{background:#e9edfa;border-color:#e4e7f5;padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:270px}.body-big{display:block;font-size:56px;letter-spacing:-2px;color:#4a4f9c;margin:17px 0 1px}.body-big small{font-size:24px}.body-hero p{font-size:12px;color:#777d9c}.body-hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #d6d9ed;padding-top:18px;margin-top:14px}.body-hero-foot>div{display:flex;flex-direction:column;gap:5px}.body-hero-foot span{font-size:11px;color:#8b8fae}.body-hero-foot strong{font-size:16px;color:#414e77}.body-chart{min-height:225px}.body-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack h3{margin:0}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;color:#6f8278;font-weight:730}.field input,.field select{width:100%;min-height:43px;border:1px solid #dbe5dd;border-radius:10px;padding:10px 12px;color:#284637;background:#fcfefd;outline:0;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.date-controls input:focus{border-color:#6bc3a0;box-shadow:0 0 0 3px #bfeadc88}.field input:disabled{background:#eef2ef;color:#8f9d95}.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.preview-note{background:#eaf7f0;color:#3d8167;border-radius:10px;padding:13px;font-size:12px;line-height:1.5}.micro-note{font-size:11px;line-height:1.6;color:#8d9d92}.muted{color:#83948c}.small{font-size:12px;line-height:1.6}.week-nav{display:flex;align-items:center;gap:8px}.week-nav span{font-size:12px;font-weight:700;white-space:nowrap}.training-hero{background:#17413c;border-radius:20px;min-height:220px;padding:32px;display:flex;align-items:center;gap:38px;color:#fff}.training-hero p{color:#b7d8c9;line-height:1.6;max-width:380px}.training-hero h3{font-size:22px;margin:10px 0}.train-circle{background:conic-gradient(#87e8b3 calc(var(--p)*1%),#416d61 0);display:flex;align-items:center;justify-content:center;flex-direction:column}.train-circle strong{font-size:28px}.train-circle span{font-size:11px;color:#a5e3cc}.training-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workout-card{background:#fff;border:1px solid #e6ede8;border-radius:17px;padding:20px;display:flex;align-items:center;gap:15px;min-height:110px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.workout-card:hover{transform:translateY(-2px);border-color:#b5dcc7}.workout-card:has(input:checked){background:#ecf8f0;border-color:#8ed2af}.workout-card input{position:absolute;opacity:0;width:1px;height:1px}.workout-card input:focus-visible~.workout-checkbox{outline:3px solid #8be0bf}.workout-icon{border-radius:12px;display:grid;place-items:center;width:53px;height:53px;flex:0 0 53px;font-size:24px}.workout-icon.green{background:#dff5e8;color:#258a65}.workout-icon.blue{background:#e3ecfc;color:#5284c3}.workout-icon.orange{background:#fff0e3}.workout-icon.lavender{background:#f0ecff}.workout-card>span:nth-of-type(2){flex:1}.workout-card strong{display:block;font-size:14px}.workout-card small{display:block;color:#94a49b;margin-top:6px;font-size:11px}.workout-checkbox{width:23px;height:23px;border-radius:7px;border:1.5px solid #d4e3d8;color:transparent;text-align:center;line-height:20px;font-size:14px}.workout-card input:checked~.workout-checkbox{background:#27a77b;border-color:#27a77b;color:#fff}.settings-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:18px}.settings-side{display:flex;flex-direction:column;gap:18px}.settings-separator{border-top:1px solid var(--line);margin:4px 0}.radio-pair{display:flex;gap:15px;flex-wrap:wrap}.radio-pair label{display:flex;align-items:center;gap:7px;color:#345a4a;font-size:12px;font-weight:680}.radio-pair input{accent-color:#13926e}.export-links{display:grid;gap:8px}.export-links a{padding:11px;background:#eff7f2;border-radius:9px;color:#1e8767;font-size:12px;font-weight:700}.footer{color:#95a39a;font-size:11px;display:flex;gap:12px;flex-wrap:wrap;margin-top:37px;padding:22px 0;border-top:1px solid #e5eae6}.footer span{color:#c5d0c9}.toast{position:fixed;bottom:28px;right:28px;background:#183e35;color:white;border-radius:12px;padding:15px 20px;box-shadow:0 15px 45px #16372b44;z-index:200;font-size:12px;max-width:min(440px,90vw);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:#a4423e}.modal-wrap{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:15px}.modal-backdrop{position:absolute;inset:0;background:#0b2624aa;backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(520px,100%);max-height:min(92vh,950px);overflow-y:auto;background:#fff;border-radius:19px;box-shadow:0 30px 110px #11252160;padding:24px;animation:pageIn .25s}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:23px;letter-spacing:-.6px;margin:7px 0 0}.modal-separator{font-size:10px;font-weight:800;color:#74a48b;letter-spacing:1.25px;padding-top:4px}.meal-preview{border-radius:11px;background:#e7f6ed;color:#32765b;padding:13px;font-size:12px;font-weight:690;line-height:1.5}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:3px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f9faf7}.auth-art{background:linear-gradient(130deg,#0c302d,#1b6557);color:#fff;position:relative;min-height:100vh;padding:50px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-brand{font-size:26px;font-weight:850;letter-spacing:-1px;position:relative;z-index:1;display:flex;align-items:center;gap:12px}.brand-emblem{background:#acf0d1;color:#174a3b;font-weight:850;border-radius:12px;padding:5px 10px}.auth-art-copy{position:relative;z-index:1;margin-bottom:60px}.auth-art-copy>span{font-size:10px;letter-spacing:2px;color:#a6dfc7;font-weight:800}.auth-art-copy h2{font-size:clamp(35px,4vw,60px);line-height:1.12;letter-spacing:-2px;margin:20px 0}.auth-art-copy p{color:#badccf}.art-orbit{position:absolute;right:-180px;top:25%;width:580px;height:580px;border:1px solid #ffffff1e;border-radius:50%}.orbit-two{right:-90px;top:31%;width:400px;height:400px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:35px}.auth-card{max-width:370px;width:100%}.auth-card h1{font-size:32px;letter-spacing:-1.2px;margin:15px 0 6px}.auth-card>.muted{margin-bottom:28px}.auth-secure{color:#8d9f94;display:flex;align-items:center;gap:8px;margin-top:22px;font-size:11px}.auth-secure .ico{width:15px}.auth-mobile-brand{display:none}.form-error{background:#ffeded;color:#a74d47;border-radius:10px;padding:10px;font-size:12px}.mobile-overlay{position:fixed;inset:0;background:#112c2c77;z-index:65}
@media(max-width:1200px){.page-content{padding:27px 28px 45px}.topbar{padding:0 28px}.nutrient-rail{padding:12px 28px 14px}.sidebar{width:220px;flex-basis:220px;padding-left:14px;padding-right:14px}.overview-top{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.ring-wrap{width:135px;flex-basis:135px}.hero-panel{padding:22px}.stat-card{padding:15px}.summary-card{padding:15px;gap:10px}.summary-icon{width:38px;flex-basis:38px}}
@media(max-width:980px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-104%);width:256px;transition:transform .25s}.sidebar.open{transform:translateX(0)}.mobile-only{display:grid}.main-content{width:100%}.overview-top{grid-template-columns:1fr 1fr}.hero-panel{grid-column:1/-1}.overview-side{display:contents}.stat-card{min-height:120px}.rail-items{gap:12px}}
@media(max-width:700px){.topbar{height:58px;padding:0 17px}.topbar-left,.topbar-right{gap:9px}.breadcrumb{font-size:9px}.today-top{display:none}.page-content{padding:23px 16px 33px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.page-heading h1{font-size:27px;letter-spacing:-1.05px;margin-top:9px}.page-heading p{font-size:12px}.page-heading .btn{width:auto}.nutrient-rail{padding:10px 0 11px}.rail-heading{padding:0 17px;margin-bottom:10px}.rail-items{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 17px 3px}.rail-items::-webkit-scrollbar{display:none}.rail-cell{min-width:135px;max-width:135px;flex:0 0 135px;padding-right:14px;border-right:1px solid #edf1ed;margin-right:14px;scroll-snap-align:start}.rail-cell-top{flex-direction:column;gap:4px}.rail-cell-top span{font-size:10px}.rail-cell-top strong{font-size:12px}.rail-title strong{font-size:11px}.rail-action{font-size:11px}.hero-panel{min-height:230px;padding:22px}.ring-wrap{width:111px;flex-basis:111px}.hero-left h2{font-size:48px}.hero-left h2 small{font-size:16px}.hero-foot{font-size:10px}.overview-top{grid-template-columns:1fr 1fr;gap:12px}.stat-card{gap:10px;min-height:132px;padding:15px;align-items:flex-start;flex-direction:column}.stat-icon{height:30px;width:30px;flex-basis:30px;font-size:18px;border-radius:9px}.stat-card strong{font-size:24px}.mini-kicker{font-size:8px}.stat-card small{font-size:10px}.summary-grid{gap:10px;grid-template-columns:1fr;margin:12px 0}.summary-card{padding:13px 17px}.summary-card strong{font-size:16px}.overview-bottom,.weight-layout,.body-top,.body-bottom,.settings-layout{grid-template-columns:1fr;gap:13px}.quick-card .quick-art{display:none}.panel{padding:19px}.chart-box{min-height:180px}.nutrition-summary{flex-direction:column;align-items:stretch;padding:20px;gap:22px}.nutrition-summary-main{gap:15px}.nutrition-ring{width:110px;height:110px;flex-basis:110px}.nutrition-ring strong{font-size:23px}.nutrition-summary h3{font-size:16px}.nutrition-mini{min-width:0;gap:10px}.meal-sections{grid-template-columns:1fr;gap:13px}.date-toolbar{align-items:stretch;flex-direction:column}.date-controls{flex-wrap:wrap}.date-controls input{flex:1}.card-header h3{font-size:17px}.seg-control button{padding:7px}.training-hero{padding:20px;gap:16px;min-height:180px}.train-circle{width:112px;height:112px;flex-basis:112px}.training-hero h3{font-size:16px}.training-grid{grid-template-columns:1fr;gap:12px}.workout-card{min-height:85px;padding:15px}.page-foot-actions{align-items:flex-start;flex-direction:column}.auth-art{display:none}.auth-wrap{grid-template-columns:1fr}.auth-mobile-brand{display:block;font-size:25px;font-weight:850;color:#196d54;margin-bottom:45px}.modal-wrap{padding:0;align-items:flex-end}.modal-card{width:100%;max-height:94vh;border-radius:19px 19px 0 0;padding:22px 18px calc(20px + env(safe-area-inset-bottom))}.footer{margin-top:22px}.body-hero{min-height:240px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.draw-chart{stroke-dasharray:1;stroke-dashoffset:1;animation:forma-line .85s cubic-bezier(.3,.6,.2,1) forwards}
@keyframes forma-line{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.draw-chart{stroke-dashoffset:0;animation:none}}