:root{color-scheme:dark;--bg:#001727;--panel:#032238;--panel-light:#072b43;--line:#12374e;--text:#edf4ff;--muted:#a5b9cf;--blue:#458df4;--cyan:#2fb7ec;--green:#32d9a0;--yellow:#ffc545;--red:#ff636b;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.45;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 0,#00253c 0,transparent 55%),var(--bg)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:8px 12px;color:var(--text);background:#052338;min-height:38px}button:hover:not(:disabled){border-color:var(--cyan);background:#0b324b}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--cyan);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #70cbff;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.6px;line-height:1.25}h2{font-size:17px;font-weight:650;letter-spacing:-.15px}h3{font-size:15px;font-weight:600}small,.fine{font-size:11px;color:var(--muted)}.muted{color:var(--muted)}.icon{width:23px;height:23px;flex-shrink:0;vertical-align:middle}.blue{color:var(--blue)}.cyan{color:var(--cyan)}.yellow{color:var(--yellow)}.red{color:var(--red)}.green{color:var(--green)}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:stretch;min-height:78px;padding:0 22px;border-bottom:1px solid #12516a;background:#00192df5;box-shadow:0 6px 24px #0002;gap:18px}.brand{display:flex;gap:9px;align-items:center;min-width:205px;color:var(--text)}.brand-icon{color:#7695ff}.brand-icon .icon{width:45px;height:45px;stroke-width:1.6}.brand-name{font-size:27px;font-weight:700;line-height:1.1;letter-spacing:-1px}.brand-name>span{color:#29b9eb}.brand-name small{display:block;font-size:10px;letter-spacing:0;margin-top:5px;color:#b4c4d7;font-weight:400}.topbar nav{display:flex;flex:1;justify-content:center;gap:4px}.topbar nav button{border:0;border-radius:0 0 11px 11px;background:transparent;flex-direction:column;font-size:12px;gap:5px;padding:12px 10px;white-space:nowrap;min-width:71px;color:#c6d2e4}.topbar nav [aria-current=page]{background:linear-gradient(#073150,#094067);box-shadow:inset 0 -3px #45c5ff;color:white}.date-nav{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:12px}.date-nav>button{font-size:24px;padding:1px 10px}.date-control{position:relative;display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:7px}.date-control input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.date-control:focus-within{outline:3px solid #70cbff;outline-offset:2px}.skip-link{position:fixed;top:-100px;z-index:40;padding:12px;background:#072b43}.skip-link:focus{top:5px}
main{max-width:1600px;margin:0 auto;padding:12px 22px 0}.test-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#9cb1c9;font-size:10px}.test-strip>span{display:flex;gap:6px;align-items:center}.test-strip .icon{width:13px;height:13px}.test-strip>div{display:flex;gap:12px}.text-button{padding:4px 0;min-height:30px;border:0;background:transparent;color:#58b9f6;font-size:12px}.text-button .icon{width:16px;height:16px}.welcome{display:grid;grid-template-columns:2.25fr 1fr 1fr 1.1fr;gap:12px;margin-bottom:14px}.greeting{display:flex;align-items:center;gap:16px}.avatar{display:grid;place-items:center;flex-shrink:0;border:1px solid #205479;border-radius:50%;width:79px;height:79px;background:radial-gradient(circle,#17445e,#03253d);color:#81b5ff}.avatar .icon{height:43px;width:43px}.greeting p{margin:6px 0 5px;font-size:15px}.greeting small{font-style:italic;font-size:12px}.headline-card{display:flex;gap:14px;align-items:center;background:linear-gradient(130deg,#052b43,#032035);border:1px solid var(--line);border-radius:9px;padding:14px}.headline-card>.icon{height:33px;width:33px}.headline-card span{font-size:11px;color:#bbcce0}.headline-card strong{display:block;font-size:19px;line-height:1.8;white-space:nowrap}.headline-card small{font-size:10px}
.panel{border:1px solid var(--line);border-radius:10px;background:linear-gradient(130deg,#03283f,#022136);box-shadow:0 3px 10px #00000014;padding:15px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.outline{color:#70c5fa;background:linear-gradient(#062f4a,#04253c);border:1px solid #15547b;padding:5px 10px;font-size:12px;min-height:32px;box-shadow:inset 0 0 5px #20679626}.outline .icon{width:17px;height:17px}.overview{display:grid;grid-template-columns:4fr 1.1fr;gap:12px;margin-bottom:14px}.rings{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:13px 0}.metric{text-align:center;padding:0 8px;border-right:1px solid #17415a80}.metric:last-child{border:0}.metric h2{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--text);white-space:nowrap}.metric h2 .icon{color:inherit;width:21px;height:21px}.metric.blue h2 .icon{color:var(--blue)}.metric.cyan h2 .icon{color:var(--cyan)}.metric.yellow h2 .icon{color:var(--yellow)}.metric.red h2 .icon{color:var(--red)}.metric.green h2 .icon{color:var(--green)}.ring{position:relative;margin:5px auto 0;max-width:142px;aspect-ratio:1}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke:#224861;stroke-width:9}.ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text);gap:2px}.ring strong{font-size:24px;font-weight:600;letter-spacing:-.5px}.ring strong span{font-size:15px}.ring small{font-size:10px}.metric>p{font-size:10px;color:var(--muted)}.goals h2{display:flex;align-items:center;gap:8px}.goals h2 .icon{color:#65cef1}.goals>p{font-size:11px;color:var(--muted);margin:7px 0}.goal-line{display:flex;gap:9px;align-items:center;font-size:12px;margin:7px 0}.goal-line .muted{margin-left:auto}.empty-dot{height:16px;width:16px;border:1.5px solid #8098b4;border-radius:50%}.goals>small{display:block;margin-top:10px;font-size:10px}
.main-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:12px;margin-bottom:14px;align-items:stretch}.meals{padding:12px}.meals h2{font-size:21px}.charts{display:grid;gap:12px;grid-template-rows:1fr 1fr}.meal-list{display:grid;gap:7px}.meal-card{display:flex;gap:16px;padding:10px;border:1px solid #0e3d57;border-radius:8px;background:#021d30}.meal-image{width:122px;min-height:123px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border-radius:8px;border:1px solid #174359;background:radial-gradient(ellipse at 45% 30%,#0b3c53,#06283c);color:#8aafc3}.meal-image .icon{width:41px;height:41px}.meal-description{flex:1;min-width:0;padding:3px 0}.meal-heading{display:flex;align-items:baseline;gap:10px}.meal-heading time{font-size:12px;color:#bdcde0;background:#09334f;padding:3px 6px;border-radius:5px}.meal-heading h3{overflow-wrap:anywhere}.meal-description>p{font-size:12px;margin:13px 0}.entry-status{display:inline-flex;align-items:center;gap:5px;font-size:11px}.entry-status .icon{height:17px;width:17px}.meal-nutrients{min-width:180px;font-size:12px}.meal-nutrients>strong{font-weight:500;display:block;margin-bottom:10px;color:#dce9f7}.mini-nutrient{display:flex;justify-content:space-between;gap:6px;border-bottom:2px solid #153d55;margin:7px 0;font-size:10px}.mini-nutrient>span:last-child{color:var(--muted)}.correction{margin-top:5px}.empty-meal{display:flex;align-items:center;gap:18px;background:#021e32;border:1px solid #0a354d;border-radius:8px;padding:15px;min-height:127px}.empty-meal .meal-image{min-height:90px;width:109px}.empty-meal>div{flex:1}.empty-meal p{font-size:12px;color:var(--muted);margin-top:5px}.capture-hint{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);margin:11px 2px 2px}.capture-hint .icon{width:15px;height:15px}.chart-heading{display:flex;justify-content:space-between;margin-top:12px;font-size:11px}.chart-heading strong{font-weight:500}.legend:before{content:"";display:inline-block;width:8px;height:8px;background:var(--blue);margin-right:5px;border-radius:2px}.timeline{width:100%;height:auto;margin-top:4px;display:block}.timeline .gridline{stroke:#164059;stroke-width:.7}.timeline text{fill:#a9bed6;font-size:10px}.timeline rect{fill:#4c9dfa}.timeline .chart-empty{font-size:10px;fill:#89a8c0}.fine{font-size:10px;margin-top:10px;line-height:1.6}.fine .icon{width:14px;height:14px}table{width:100%;border-collapse:collapse;font-size:12px;margin-top:10px}th{text-align:left;font-weight:400}td{text-align:right;color:#bbcee4}th,td{padding:9px 6px;border-bottom:1px solid #16415860;white-space:nowrap}thead th{color:#a8c4dc;font-size:11px}thead th:not(:first-child){text-align:right}.swatch{display:inline-block;width:8px;height:8px;background:currentColor;border-radius:2px;margin-right:8px}.table-wrap{overflow-x:auto}.bottom-grid{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;gap:12px;margin-bottom:14px}.bottom-grid h2{font-size:15px}.micros h2 small{font-size:12px}.micros table{font-size:11px;margin-top:5px}.micros th,.micros td{padding:4px 2px}.tag{font-size:9px;border:1px solid #256050;color:#82d6b7;padding:4px 6px;border-radius:5px;white-space:nowrap}.segmented{display:flex;border:1px solid #155077;border-radius:7px;padding:3px;gap:4px}.segmented button{flex:1;font-size:11px;min-height:27px;padding:3px;border:none}.segmented button:first-child{background:#074166;color:#acdfff}.recommendation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:214px;text-align:center;padding:15px;gap:10px}.recommendation-empty>.icon{width:48px;height:48px;color:#558daa}.recommendation-empty p{font-size:12px;color:var(--muted);max-width:290px}.recommendation-empty small{font-size:10px}.two-buttons{display:flex;gap:8px}.two-buttons button{flex:1;font-size:10px}.snack-row{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 0;border-bottom:1px solid #19415980}.snack-icon{border:1px solid #20445a;border-radius:8px;background:#0a2e43;display:grid;place-items:center;width:50px;height:50px;color:#5b96b3}.snack-row h3{font-size:12px}.snack-row p{font-size:10px;color:var(--muted);margin-top:4px}.snack-row>div{flex:1}.snack-row>.icon{width:14px;color:#668ca9}.focus-strip{display:flex;gap:17px;align-items:center;padding:14px 17px;border:1px solid #125245;border-radius:8px;background:linear-gradient(90deg,#043c38,#042239);font-size:12px}.focus-strip>.icon,.focus-strip>strong{color:#43dcad}.focus-strip>b{font-weight:400;color:#78a398}footer{display:flex;justify-content:space-between;gap:15px;padding:17px 0 20px;margin-top:12px;border-top:1px solid #15364a;color:#8fa8bd;font-size:10px}footer i{margin:0 10px;font-style:normal}
.login-page{max-width:420px;margin:12vh auto;padding:32px}.login-page .brand{margin-bottom:30px}.login-page h1{font-size:23px;margin-bottom:12px}.login-page p{color:var(--muted);font-size:13px;margin-bottom:20px}label.field{display:block;text-align:left;font-size:12px;color:#c3d7e7;margin:14px 0}input,textarea,select{background:#001c30;border:1px solid #2c546c;border-radius:6px;padding:10px;color:var(--text);max-width:100%}.field>input,.field>textarea{display:block;width:100%;margin-top:6px}.primary{background:linear-gradient(130deg,#086bb5,#124fc3);border-color:#339bed;color:white}.login-page .primary{width:100%;margin:8px 0}.inline-error{color:#ffabb1;font-size:12px;margin-top:10px}.login-foot{margin-top:22px;font-size:11px;color:var(--muted)}#notice:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;max-width:90%;padding:12px 18px;border:1px solid #5582a1;border-radius:9px;background:#092e45;box-shadow:0 4px 30px #0008;font-size:13px}dialog{width:min(620px,calc(100vw - 30px));max-height:85dvh;overflow:auto;background:#04253b;color:var(--text);border:1px solid #3a6889;border-radius:13px;padding:24px;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#00121ddd;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.dialog-top h2{font-size:21px}.dialog-top button{font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.dialog-copy{font-size:13px;color:var(--muted);line-height:1.65}textarea{resize:vertical;min-height:110px}.check-field{display:flex;gap:10px;align-items:flex-start;margin:20px 0;font-size:13px}.check-field input{flex-shrink:0;width:18px;height:18px}.draft-fragment{padding:14px;border:1px solid #28516a;border-radius:8px;margin-top:10px}.draft-fragment h3{overflow-wrap:anywhere;margin-bottom:6px}.draft-fragment p{color:var(--muted);font-size:12px;margin:4px 0}.draft-fragment label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px}.draft-fragment select{max-width:65%}.history-row{padding:12px 0;border-bottom:1px solid #27516b;overflow-wrap:anywhere}
@media(min-width:1500px){:root{font-size:15px}.greeting h1{font-size:29px}.meal-image{width:140px}.rings{padding-top:15px;padding-bottom:15px}.empty-meal{min-height:140px}}
@media(max-width:1250px){.topbar{gap:10px;padding:0 14px}.brand{min-width:183px}.brand-name{font-size:24px}.brand-icon .icon{width:39px;height:39px}.topbar nav button{font-size:10px;min-width:58px;padding:11px 7px}.date-nav{font-size:10px}.date-control{gap:5px;padding:8px}.date-control>.icon{width:17px}.welcome{grid-template-columns:1.7fr 1fr 1fr 1fr}.greeting{gap:10px}.greeting h1{font-size:23px}.greeting p{font-size:12px}.avatar{width:58px;height:58px}.headline-card{padding:12px;gap:8px}.headline-card>.icon{width:25px}.headline-card strong{font-size:16px}.meal-card{gap:10px}.meal-image{width:88px}.meal-nutrients{min-width:151px}.empty-meal{gap:12px}.metric h2{font-size:10px;gap:4px}.metric h2 .icon{width:16px}.metric{padding:0 6px}.ring strong{font-size:20px}.ring small{font-size:9px}.ring{max-width:118px}.bottom-grid .panel-heading{display:block}.tag{display:inline-block;margin-top:7px}}
@media(max-width:1000px){.topbar{flex-wrap:wrap;gap:0;align-items:center;padding-top:9px}.topbar>.brand{flex:1;min-height:44px}.date-nav{order:1;font-size:12px}.topbar nav{order:2;flex-basis:100%;justify-content:space-around;overflow-x:auto;max-width:100%}.topbar nav button{font-size:11px;padding:9px;min-width:75px}.welcome{grid-template-columns:repeat(3,1fr)}.greeting{grid-column:1/-1;padding:8px 0}.greeting h1{font-size:25px}.greeting p{font-size:14px}.overview{grid-template-columns:1fr}.rings{padding:16px 0}.ring{max-width:135px}.metric h2{font-size:12px}.main-grid{grid-template-columns:1fr}.charts{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bottom-grid{grid-template-columns:1fr 1fr}.snacks{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px}.snacks>h2,.snacks>.fine{grid-column:1/-1}.focus-strip{flex-wrap:wrap;gap:10px}.test-strip{flex-wrap:wrap}}
@media(max-width:600px){main{padding:10px 12px 0}.topbar{padding:7px 12px 0}.brand-name{font-size:22px}.brand-icon .icon{width:36px;height:36px}.brand-name small{font-size:8px}.date-control{border:0;padding:5px}.date-control span{font-size:10px}.date-nav>button{font-size:20px;padding:0 8px;min-height:31px}.topbar nav{justify-content:flex-start;scrollbar-width:thin;gap:4px}.topbar nav button{font-size:10px;min-width:69px;padding:8px 4px}.topbar nav .icon{width:20px;height:20px}.test-strip{font-size:9px;margin-bottom:8px}.test-strip>div{margin-left:auto}.test-strip .text-button{font-size:10px}.welcome{gap:7px}.headline-card{display:block;padding:11px 8px}.headline-card>.icon{width:23px;height:23px;margin-bottom:5px}.headline-card span{font-size:9px}.headline-card strong{font-size:13px;line-height:1.7}.headline-card small{font-size:8px}.greeting{margin-bottom:4px}.greeting h1{font-size:23px}.greeting p{font-size:12px}.greeting small{font-size:10px}.rings{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px;padding:14px 0}.metric:nth-child(3){border:0}.metric h2{font-size:11px}.ring{max-width:121px}.ring strong{font-size:22px}.ring small{font-size:10px}.metric>p{font-size:9px}.meals{padding:10px}.panel-heading{align-items:flex-start}.meals h2{font-size:18px;max-width:145px}.panel-heading .outline{font-size:10px;padding:5px 7px;white-space:nowrap}.empty-meal{padding:10px;gap:10px;flex-wrap:wrap;min-height:105px}.empty-meal .meal-image{width:62px;min-height:62px}.empty-meal>.outline{margin-left:72px;margin-top:-5px;font-size:10px;min-height:30px}.empty-meal p{font-size:10px}.empty-meal h3{font-size:13px}.capture-hint{align-items:flex-start;line-height:1.5}.meal-card{flex-wrap:wrap;padding:11px}.meal-card .meal-image{width:62px;min-height:72px}.meal-description{min-width:190px}.meal-heading{gap:8px}.meal-heading h3{font-size:13px}.meal-nutrients{margin-left:72px;flex-basis:calc(100% - 72px);min-width:0}.mini-nutrient{font-size:11px}.charts{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.snacks{grid-column:auto;display:block}.panel{padding:13px}.focus-strip{font-size:10px;padding:12px;gap:8px}.focus-strip>.icon{width:20px}.focus-strip>b{display:none}.focus-strip>span{padding-left:28px;flex-basis:100%}footer{flex-direction:column;gap:7px}.login-page{margin:8vh 14px;padding:25px}.dialog-top h2{font-size:19px}.dialog-actions{flex-wrap:wrap}dialog{padding:18px}.table-wrap th,.table-wrap td{font-size:11px}.two-buttons{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.dashboard-welcome{display:grid;grid-template-columns:2.6fr repeat(3,1fr);gap:10px;margin-bottom:12px}.dashboard-greeting{display:flex;position:relative;align-items:center;justify-content:space-between;gap:12px;min-height:142px;background:radial-gradient(ellipse at 90% 85%,#10547766,transparent 65%),linear-gradient(110deg,#052c43,#051d30);overflow:hidden}.dashboard-greeting>div{z-index:1}.dashboard-greeting h1{font-size:27px;margin:8px 0}.dashboard-greeting p{color:#c7d8e8;font-size:13px;margin-bottom:9px}.dashboard-greeting small{color:#6bcbf2;font-size:12px}.eyebrow{font-size:9px;color:#9dbed2;letter-spacing:1.6px}.hero-mark{display:grid;place-items:center;flex-shrink:0;width:96px;height:96px;border-radius:50%;border:1px solid #3d85a64d;background:#0d375155;color:#5796bc}.hero-mark>.icon{width:56px;height:56px}.dashboard-daily{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.dashboard-daily>.panel{display:flex;flex-direction:column;padding:14px;min-height:326px}.dashboard-daily h2,.dashboard-bottom h2{font-size:15px;display:flex;align-items:center;gap:8px}.dashboard-daily h2>.icon,.dashboard-bottom h2>.icon{width:23px;height:23px}.dashboard-goal{display:flex;gap:10px;align-items:center;margin:9px 0}.dashboard-goal>div{flex:1;min-width:0}.dashboard-goal h3{font-size:11px}.dashboard-goal .muted{font-size:10px}.dashboard-goal>.icon{height:21px;width:21px}.dashboard-goal .empty-dot{height:14px;width:14px}.unknown-track{height:5px;background:#194059;border-radius:5px;margin-top:4px}.dashboard-nutrients{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0}.dashboard-nutrients .metric{border:0;padding:0;align-self:center}.dashboard-nutrients .metric h2{font-size:10px;justify-content:center}.dashboard-nutrients .ring{max-width:145px}.dashboard-nutrients .ring strong{font-size:24px}.dashboard-nutrients .ring strong span{font-size:11px}.dashboard-macro{margin:8px 0}.dashboard-macro h3{font-size:10px;font-weight:400}.dashboard-macro strong{font-size:11px;font-weight:500}.dashboard-next{display:flex;align-items:center;gap:10px;border:1px solid #143b54;background:#031e32;border-radius:8px;padding:10px;margin:12px 0}.dashboard-next>div{min-width:0;flex:1}.dashboard-next h3,.dashboard-note h3{font-size:11px}.dashboard-next p{font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.dashboard-next .snack-icon{width:40px;height:44px;flex-shrink:0}.dashboard-nutrition>.outline,.dashboard-training>.outline{width:100%;margin-top:auto;min-height:34px}.dashboard-empty-summary{display:flex;align-items:center;gap:14px;flex:1;margin:18px 0}.empty-orbit{border:7px solid #204961;border-radius:50%;width:112px;height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;flex-shrink:0;color:#7cbbfa}.empty-orbit>span{font-size:10px;color:var(--muted)}.empty-orbit>.icon{width:30px;height:30px}.empty-orbit.green{color:#55d8b1}.dashboard-empty-summary dl{margin:0;min-width:0}.dashboard-empty-summary dt{font-size:10px;color:#c5d6e7;margin-top:7px}.dashboard-empty-summary dd{font-size:11px;color:var(--muted);margin:2px 0 7px}.dashboard-note{display:flex;gap:12px;background:#072a43;border:1px solid #164365;border-radius:8px;padding:13px;margin-top:14px}.dashboard-note p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:7px}.dashboard-note>.icon{width:21px;height:21px}.dashboard-bottom{display:grid;grid-template-columns:1.4fr 1.2fr 1fr;gap:10px}.dashboard-bottom>.panel{min-height:200px}.dashboard-coach>.outline{margin-top:13px}.empty-chart{position:relative;display:flex;min-height:143px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;font-size:11px;color:var(--muted)}.chart-guides{position:absolute;inset:7px 0;background:repeating-linear-gradient(0deg,transparent,transparent 34px,#21465b66 35px),repeating-linear-gradient(90deg,transparent,transparent 64px,#21465b44 65px);opacity:.6;pointer-events:none}.empty-chart>p,.empty-chart>span{z-index:1;background:#032439e8;padding:5px 10px}.empty-chart>span{font-size:10px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.quick-grid button{font-size:10px;padding:9px 6px;justify-content:flex-start}.quick-grid button>.icon{width:19px;height:19px}.quick-grid button>.icon:last-child{width:12px;height:12px;margin-left:auto}.dashboard-quick .outline:disabled{opacity:.65}
@media(max-width:1250px){.dashboard-welcome{grid-template-columns:2fr repeat(3,1fr)}.dashboard-greeting h1{font-size:23px}.hero-mark{width:66px;height:66px}.hero-mark>.icon{height:42px;width:42px}.dashboard-daily h2{font-size:13px;gap:5px}.dashboard-daily>.panel{padding:11px}.dashboard-daily .panel-heading>.text-button{font-size:10px}.dashboard-nutrients{gap:4px}.empty-orbit{width:92px;height:92px}.dashboard-empty-summary{gap:9px}.dashboard-bottom{grid-template-columns:1fr 1fr}.dashboard-quick{grid-column:1/-1}.dashboard-bottom>.dashboard-quick{min-height:auto}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.dashboard-welcome{grid-template-columns:repeat(3,1fr)}.dashboard-greeting{grid-column:1/-1}.dashboard-daily{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-daily h2{font-size:16px}.dashboard-empty-summary{justify-content:center;gap:22px}.dashboard-daily>.panel{padding:16px}.dashboard-nutrients .ring{max-width:155px}.dashboard-goal{margin:10px 0}.dashboard-daily>.panel{min-height:330px}}
@media(max-width:600px){.dashboard-welcome{gap:7px}.dashboard-greeting{min-height:160px}.dashboard-greeting h1{font-size:24px}.hero-mark{width:56px;height:56px}.dashboard-welcome .headline-card{min-width:0}.dashboard-welcome .headline-card strong{white-space:normal;font-size:12px}.dashboard-welcome .headline-card small{font-size:9px}.dashboard-daily,.dashboard-bottom{grid-template-columns:1fr}.dashboard-daily>.panel{min-height:0;padding:16px}.dashboard-daily h2{font-size:17px}.dashboard-goals{padding-bottom:12px}.dashboard-goal{margin:12px 0}.dashboard-goal h3{font-size:12px}.dashboard-nutrients{margin:14px 0}.dashboard-macro{margin:11px 0}.dashboard-macro h3,.dashboard-macro strong{font-size:12px}.dashboard-empty-summary{justify-content:flex-start;gap:32px;margin:23px 0}.dashboard-empty-summary dd{font-size:13px}.empty-orbit{width:120px;height:120px}.dashboard-quick{grid-column:auto}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid button{font-size:11px;min-height:44px}.dashboard-bottom>.panel{min-height:0}.dashboard-greeting .eyebrow{font-size:8px;letter-spacing:1px}.dashboard-page .dashboard-next h3{font-size:12px}.dashboard-page .dashboard-next p,.dashboard-note p{font-size:12px}}
/* Shared reference-derived modules: navy cards, fixed top navigation, no fictitious data. */
.module-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 0}.module-heading h1{font-size:32px;margin:8px 0}.module-heading p{color:var(--muted);line-height:1.6}.module-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.module-grid{display:grid;gap:16px;margin-bottom:18px}.module-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.module-grid.two,.module-grid.body-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{min-width:0;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.module-card h2{display:flex;align-items:center;gap:10px;font-size:18px}.module-card p{line-height:1.65;color:var(--muted)}.module-card>.outline{margin-top:auto}.module-card .fine{font-size:11px}.module-empty{width:100%;min-height:145px;border:1px solid #163c53;border-radius:9px;padding:22px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:12px;background:#041e31}.module-empty>.icon{width:35px;height:35px;align-self:center;color:#6db4ec}.module-empty h3{font-size:15px}.module-empty p{font-size:12px;color:var(--muted);line-height:1.6}.module-values{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.module-values>div{min-width:0;background:#092a43;border:1px solid #173d57;border-radius:8px;padding:14px 10px}.module-values dt{font-size:12px;color:var(--muted);margin-bottom:12px}.module-values dd{margin:0;font-size:16px}.body-metrics{width:100%}.body-metrics .module-values{grid-template-columns:repeat(3,minmax(0,1fr))}.module-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%}.module-week button{display:flex;flex-direction:column;gap:12px;padding:10px 4px;min-width:0}.module-week button[aria-current],.module-tabs button[aria-pressed=true]{background:#124c7d;border-color:#5bbcff;box-shadow:0 0 16px #149cf526}.module-checklist{list-style:none;padding:0;margin:0;width:100%}.module-checklist li{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #19364c;color:var(--muted)}.module-checklist .icon{color:#64aade}.module-tabs{display:flex;gap:8px;flex-wrap:wrap}.module-drafts{padding:20px;margin:20px 0}.module-drafts h2{display:flex;gap:10px;align-items:center;font-size:18px}.module-drafts>.fine{margin:12px 0 18px}.count{background:#124c7d;border-radius:20px;padding:3px 8px;font-size:12px}.draft-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px;margin-top:10px;background:#041f33;border:1px solid #173b53;border-radius:8px}.draft-row>div{min-width:0;flex:1}.draft-row time{display:block;font-size:11px;margin:10px 0;color:var(--muted)}.draft-row p{line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0}.draft-row small{color:var(--muted)}.draft-badge{font-size:11px;color:#c0d7ed;border:1px solid #3b5870;border-radius:4px;padding:4px 6px}.draft-row .outline{flex-shrink:0}.module-number{font-size:26px}.module-page button{min-height:40px}
@media(max-width:1050px){.module-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.module-heading h1{font-size:27px}.module-card{padding:16px}.module-card h2{font-size:17px}.body-metrics .module-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.module-heading{align-items:flex-start;flex-direction:column;margin:18px 0}.module-heading h1{font-size:28px}.module-summary{gap:7px}.module-summary .headline-card strong{white-space:normal;font-size:13px}.module-summary .headline-card span,.module-summary .headline-card small{font-size:10px}.module-grid.three,.module-grid.two,.module-grid.body-grid{grid-template-columns:1fr}.module-card h2{font-size:18px}.module-card{padding:18px}.module-card>.outline{width:100%;justify-content:center}.module-drafts{padding:16px}.module-drafts .panel-heading{flex-wrap:wrap;gap:12px}.module-drafts h2{font-size:17px}.draft-row{flex-direction:column;align-items:stretch;padding:14px}.draft-row .outline{justify-content:center}.module-page button,.module-drafts button{min-height:44px}.module-week button{min-width:0;padding:12px 2px;font-size:12px}}
/* Measurement cards follow the body-data reference rather than an ungrouped text list. */
.body-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.body-metrics>div{padding:14px;background:#092a43;border:1px solid #173d57;border-radius:8px;min-width:0}.body-metrics h3{font-size:12px;color:var(--muted);font-weight:400;margin-bottom:12px}.body-metrics strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}@media(max-width:650px){.body-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ai-privacy p{margin:.65rem 0;line-height:1.55}.ai-privacy details{margin:1rem 0}.ai-privacy summary{cursor:pointer;font-weight:600}.ai-privacy ol{padding-left:1.4rem}.ai-privacy li{margin:.7rem 0;line-height:1.5}.ai-privacy a{overflow-wrap:anywhere}

/* Recorded nutrition and recipe content stay readable on narrow screens. */
.nutrition-advice,.nutrition-recipe{font-size:1rem;line-height:1.55;overflow-wrap:anywhere}.nutrition-advice h3,.nutrition-recipe h3{font-size:1.1rem}.nutrition-snack{width:100%;text-align:left;white-space:normal;min-height:64px;padding:12px 4px}.nutrition-snack strong,.nutrition-snack small{display:block;font-size:1rem;line-height:1.5}.micros td,.micros th{font-size:clamp(.875rem,1vw,1rem)}.nutrition-recipe li{margin-block:8px}.nutrition-recipe ul,.nutrition-recipe ol{padding-left:24px}.recommendation .two-buttons{flex-wrap:wrap}.nutrition-advice p{margin-block:12px}
/* HealthOS reference UI 2026-10: shared responsive presentation, same Core/actions. */
:root{--bg:#031d39;--panel:#073362;--panel-light:#0a406f;--line:#15568b;--text:#f0f7ff;--muted:#b3cce4;--blue:#129dff;--cyan:#19cafa;--green:#00dfa4;--yellow:#ffd243;--red:#ff648a;font-family:"Segoe UI",Arial,sans-serif}
body{background:radial-gradient(ellipse at 28% 0,#08427666,transparent 55%),var(--bg)}
.topbar{background:#05274bed;border-color:#1065a4;min-height:68px;gap:12px;padding:0 max(16px,calc((100vw - 1600px)/2));backdrop-filter:blur(16px)}
.brand{min-width:166px;padding:10px 6px}.brand-icon{display:none}.brand-name{font-size:25px}.brand-name small{font-size:10px}.topbar nav{align-items:center;gap:7px}.topbar nav button{border:1px solid transparent;border-radius:6px;font-size:11px;padding:7px 10px;gap:3px;min-width:80px;min-height:52px}.topbar nav [aria-current=page]{border-color:#078beb;background:linear-gradient(125deg,#0b4c85,#075697);box-shadow:inset 0 0 12px #00a6ff38,0 0 13px #008cff33}.date-control{padding:7px}.date-nav>button{min-height:34px}.topbar nav button>.icon{width:21px;height:21px}
main{max-width:1600px;padding:10px 18px 30px}.panel{background:linear-gradient(120deg,#083967,#062b51);border-color:var(--line);border-radius:6px;box-shadow:inset 0 0 0 3px #1779ad0b,0 3px 12px #001b3833;padding:13px}.panel h2{color:var(--text);font-size:17px;display:flex;gap:8px;align-items:center}.panel p{line-height:1.5}.outline{background:linear-gradient(#0a4577,#083661);border-color:#147ab5;color:#b7e5ff;border-radius:5px}.outline:hover:not(:disabled){background:#0b558b}.ref-heading{margin:14px 0 13px}.ref-heading h1{font-size:29px;letter-spacing:-.4px}.ref-heading p{font-size:15px;color:var(--muted);margin-top:3px}.ref-panel>h2{margin-bottom:10px}.ref-panel>p{font-size:13px;color:var(--muted)}
.test-strip{font-size:10px;margin-bottom:8px}.personal-banner{padding:9px 12px;margin-bottom:8px}.personal-banner p{font-size:10px}.personal-banner .outline{font-size:11px;padding:5px 9px;min-height:32px}.personal-banner strong{font-size:12px}
.ref-nutrition-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(0,1.28fr);gap:10px;align-items:start}.ref-span-two{grid-column:span 2}.ref-rings{background:none;border:0;padding:0;gap:6px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-self:stretch}.ref-rings .metric{border:1px solid var(--line);border-radius:5px;padding:9px 5px 7px;background:linear-gradient(130deg,#073967,#07305a);min-width:0}.ref-rings .metric:last-child{border:1px solid var(--line)}.metric h2{font-size:12px;gap:5px;white-space:normal;line-height:1.25;min-height:26px}.metric h2 .icon{width:19px;height:19px}.ring{max-width:138px;margin:6px auto 2px}.ring circle{stroke:#12568b;stroke-width:8}.ring .ring-progress{stroke:currentColor;stroke-linecap:round}.ring strong{font-size:21px}.ring small{font-size:10px;text-wrap:balance;max-width:80%;line-height:1.3}.ring strong span{font-size:12px}.metric>p{min-height:16px;font-size:10px}.ref-rings .metric.blue{color:#06c5ff}.ref-rings .metric.cyan,.ref-rings .metric.green{color:#00dda4}
.ref-coach-copy{display:flex;gap:12px;align-items:center;padding:8px;border:1px solid #17568b;background:#06305a;border-radius:6px;margin:8px 0 12px}.ref-coach-copy p{font-size:13px;color:#d2e5f7;line-height:1.5}.coach-avatar{width:66px;min-width:66px;height:88px;filter:drop-shadow(0 0 8px #04baff55)}.ref-advice{align-self:stretch}.ref-advice>.outline{width:100%}.ref-analysis,.ref-recommendations,.ref-column{display:grid;gap:10px;align-content:start}.ref-meals{padding:10px}.meals h2{font-size:17px}.ref-meals .panel-heading{flex-wrap:wrap}.ref-meals .meal-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;padding:7px;background:#0a3c69;border-color:#15639a;border-radius:5px}.ref-meals .meal-image{width:76px;height:77px;min-height:0;border-radius:5px;overflow:hidden;background:#063259}.meal-image img{width:100%;height:100%;object-fit:cover}.ref-meals .meal-description{padding:0}.ref-meals .meal-heading{display:block}.ref-meals .meal-heading h3{font-size:13px;margin:2px 0}.ref-meals .meal-heading time{font-size:10px;padding:0;background:none}.ref-meals .meal-description>p{font-size:11px;margin:4px 0}.ref-meals .entry-status{font-size:10px}.ref-meals .meal-nutrients{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 10px;min-width:0;border-top:1px solid #17578b;padding-top:6px}.ref-meals .meal-nutrients>strong{font-size:11px;margin:0}.ref-meals .mini-nutrient{font-size:10px;border:0;margin:0;gap:5px}.ref-meals .entry-actions{margin-left:auto;display:flex;gap:10px}.ref-meals .empty-meal{padding:10px;min-height:116px;gap:10px;flex-wrap:wrap;background:#093460;border-color:#17558b}.ref-meals .empty-meal .meal-image{width:56px;height:62px}.ref-meals .empty-meal h3{font-size:14px}.ref-meals .empty-meal .outline{min-height:30px}.ref-meals .capture-hint{font-size:11px}.ref-water{border:1px solid var(--line);border-radius:5px;background:#093661;padding:10px;margin-top:10px;display:flex;align-items:center;gap:8px;font-size:12px}
.ref-page table{font-size:12px}.ref-page th,.ref-page td{padding:7px 5px}.ref-page .micros th,.ref-page .micros td{font-size:12px}.ref-page .fine{font-size:11px}.ref-attention{border-color:#a84868}.ref-attention h2{color:#ff9bb6}.ref-tip h2{color:var(--cyan)}.ref-tip h2>.icon{color:var(--yellow)}.ref-snacks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ref-snacks .nutrition-snack{display:flex;flex-direction:column;align-items:flex-start;background:#094475;border:1px solid #1869a2;border-radius:5px;gap:7px;padding:11px}.ref-snacks .nutrition-snack>.icon{height:35px;width:35px}.ref-snacks .nutrition-snack strong{font-size:13px}.ref-snacks .nutrition-snack small,.ref-snacks .nutrition-snack span{font-size:11px}.ref-page .recommendation-empty{min-height:150px}.ref-timeline{margin-top:10px}.ref-timeline summary{cursor:pointer;font-size:13px}.ref-timeline .timeline{max-height:180px}.ref-page .nutrition-advice{font-size:13px}.ref-page .nutrition-advice h3{font-size:16px}.ref-page footer{font-size:11px;flex-wrap:wrap;gap:10px}
/* The reference reflows; text is never shrunk to fit a landscape screenshot. */
@media(max-width:1250px){.topbar{flex-wrap:wrap;padding:7px 14px;gap:7px}.topbar nav{order:3;width:100%;justify-content:space-between}.date-nav{margin-left:auto}.brand{padding:4px 0}.topbar nav button{min-width:0;flex:1}.ref-nutrition-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ref-span-two{grid-column:1/-1}.ref-advice{grid-column:1/-1}.ref-meals{grid-column:1}.ref-analysis{grid-column:2}.ref-recommendations{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.ref-recommendations>.ref-tip{grid-column:1/-1}.ref-coach-copy{padding:5px 10px}.ref-advice .ref-coach-copy{display:inline-flex;width:calc(100% - 230px);vertical-align:middle;margin:0 10px 0 0}.ref-advice>.outline{width:210px}.ref-advice .coach-avatar{height:66px;width:52px;min-width:52px}}
@media(max-width:760px){main{padding:8px 12px 28px}.topbar{position:relative}.topbar nav{overflow-x:auto;justify-content:flex-start;gap:4px;padding-bottom:4px}.topbar nav button{flex:0 0 76px;padding:6px 4px;min-height:52px;font-size:10px}.brand-name{font-size:23px}.date-nav{font-size:11px;gap:3px}.date-control{padding:5px}.date-control>.icon{display:none}.date-nav>button{padding:2px 8px}.ref-heading h1{font-size:25px}.ref-heading p{font-size:13px}.ref-rings{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ref-nutrition-grid{grid-template-columns:minmax(0,1fr)}.ref-meals,.ref-analysis,.ref-advice,.ref-recommendations{grid-column:1}.ref-advice{grid-row:auto}.ref-recommendations{grid-template-columns:1fr}.ref-recommendations>.ref-tip{grid-column:1}.ref-advice .ref-coach-copy{display:flex;width:100%;margin:8px 0 10px}.ref-advice>.outline{width:100%}.ref-rings .ring{max-width:122px}.ref-rings .metric h2{font-size:11px}.ring strong{font-size:21px}.personal-banner{flex-wrap:wrap}.test-strip{flex-wrap:wrap}.ref-page .panel h2{font-size:16px}.ref-page button{min-height:40px}.ref-page .table-wrap{width:100%;overflow:auto}.ref-page .ref-snacks .nutrition-snack{min-height:120px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.ref-dashboard-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(190px,1fr);gap:10px;margin-bottom:10px}.ref-three-columns{display:grid;grid-template-columns:1fr 1.05fr 1.1fr;gap:10px;align-items:start}.ref-column>.panel>.outline{margin:10px 5px 0 0}.ref-weight{display:flex;flex-direction:column;gap:6px;margin:15px 0}.ref-weight>strong{font-size:29px}.ref-weight>small{font-size:11px}.ref-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 15px;margin:10px 0}.ref-facts>div{min-width:0;border-bottom:1px solid #1a5483;padding:6px 0}.ref-facts dt{color:var(--muted);font-size:11px}.ref-facts dd{margin:3px 0;font-size:14px;overflow-wrap:anywhere}.ref-checklist{list-style:none;padding:0;margin:0}.ref-checklist li{padding:9px 0;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.ref-checklist li::before{content:'';border:1px solid #8cb4dd;width:14px;height:14px;border-radius:50%;flex-shrink:0}.ref-goal{margin:12px 0;display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px}.ref-goal strong{font-weight:500}.ref-goal .unknown-track,.ref-goal progress{grid-column:1/-1;width:100%;height:8px;background:#13538c;border:0;border-radius:10px;margin:0}.ref-goal progress::-webkit-progress-bar{background:#13538c;border-radius:10px}.ref-goal progress::-webkit-progress-value{background:#00daa0;border-radius:10px}.ref-goal small{font-size:10px}.ref-trend{width:100%;height:auto;margin-top:10px}.ref-trend .gridline{stroke:#18537f;stroke-width:.7;fill:none}.ref-trend polyline{fill:none;stroke:#26b6ff;stroke-width:2}.ref-trend circle{fill:#72dcff}.ref-trend text{fill:#b5d1ed;font-size:10px}.ref-page .quick-grid{margin-top:8px}.ref-page .quick-grid button{min-height:65px;flex-direction:column;justify-content:center;font-size:12px;text-align:center}.ref-page .quick-grid button>.icon:last-child{height:23px;width:23px;margin:0}.ref-page .module-empty{background:#072d54;border-color:var(--line);min-height:140px}.ref-page .module-empty p{font-size:13px}
@media(max-width:1250px){.ref-dashboard-top{grid-template-columns:1fr}.ref-dashboard-top .ref-checklist{display:flex;gap:20px;flex-wrap:wrap}.ref-three-columns{grid-template-columns:1fr 1fr}.ref-three-columns>.ref-column:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr}.ref-three-columns>.ref-column:last-child>.panel:last-child{grid-column:1/-1}}
@media(max-width:760px){.ref-three-columns{grid-template-columns:1fr}.ref-three-columns>.ref-column:last-child{grid-column:1;grid-template-columns:1fr}.ref-dashboard-top .ref-checklist{gap:8px}.ref-dashboard-top .ref-checklist li{font-size:11px}.ref-facts dd{font-size:14px}}
.ref-training-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10px}.ref-training-rings{grid-template-columns:repeat(5,minmax(0,1fr))}.ref-three-rings{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-five-rings{grid-template-columns:repeat(5,minmax(0,1fr))}.ref-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-training-rings .ring strong{font-size:20px}.ref-event-list{display:grid;gap:5px}.ref-event-list article{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:10px;background:#06325d;border-radius:5px}.ref-event-list article>div{flex:1;min-width:0}.ref-event-list h3{font-size:13px;overflow-wrap:anywhere}.ref-event-list p,.ref-event-list small{font-size:11px;color:var(--muted);margin-top:3px}.ref-body-top{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-bottom:10px}.ref-measure{display:flex;flex-direction:column;text-align:center;gap:12px;padding:12px 6px;min-width:0}.ref-measure h2{font-size:12px!important;justify-content:center}.ref-measure>strong{font-size:20px;overflow-wrap:anywhere}.ref-measure small{font-size:10px}.ref-body-grid{display:grid;grid-template-columns:.85fr 1.2fr .8fr;gap:10px}.ref-body-figure{width:100%;max-height:330px;display:block;margin:14px 0}.ref-body-figure text{fill:#ceeaff;font-size:12px}.ref-legend{display:flex;justify-content:center;gap:10px;font-size:11px}.ref-legend span:nth-child(1){color:#33baff}.ref-legend span:nth-child(2){color:#00dfa4}.ref-legend span:nth-child(3){color:#ffd243}.ref-legend span:nth-child(4){color:#f477ca}.ref-measure-guide h3{font-size:14px;color:var(--cyan);margin-top:14px}.ref-measure-guide p{font-size:12px;margin-top:4px}.ref-detail{padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.ref-detail summary{cursor:pointer}.ref-recovery-grid{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:10px;align-items:start}.ref-recovery-grid .ref-body-figure{max-height:210px}.ref-coach-top{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:10px}.ref-settings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ref-settings-goals{grid-column:span 1}.ref-settings-integrations{grid-column:span 2}.ref-profile-avatar{width:56px;height:56px;display:grid;place-items:center;border:1px solid #199dfa;background:radial-gradient(circle,#1270a6,#073262);border-radius:50%;margin:10px 0}.ref-profile-avatar .icon{width:32px;height:32px}.ref-theme-swatch{height:46px;border:1px solid #1977ba;border-radius:5px;background:linear-gradient(90deg,#021d3e,#065ca0,#02a5ed);margin:15px 0}.ref-integrations{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-integrations article{padding:12px;border:1px solid var(--line);border-radius:5px;background:#06325d}.ref-integrations h3{font-size:14px}.ref-integrations p,.ref-integrations small{font-size:12px;margin-top:8px;display:block}.ref-integrations small{color:#ffcf72}.ref-page .module-heading{margin:14px 0}.ref-page .module-heading h1{font-size:29px;margin:0 0 4px}.ref-page .module-heading p{font-size:14px}.ref-page .module-card{padding:13px;gap:10px;background:linear-gradient(120deg,#083967,#062b51)}.ref-page .module-card h2{font-size:17px}.ref-page .module-card p{font-size:13px}.ref-page .module-drafts{margin:12px 0}.ref-page .module-drafts .module-empty{min-height:95px;padding:12px}.ref-page .module-drafts>.fine{margin:8px 0}.ref-page .module-drafts h2{font-size:16px}
@media(max-width:1250px){.ref-body-grid{grid-template-columns:1fr 1.3fr}.ref-body-grid>.ref-column:last-child{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.ref-body-top{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-recovery-grid{grid-template-columns:1fr}.ref-recovery-grid>.ref-column{grid-column:1}.ref-recovery-grid>.ref-column:last-child{grid-template-columns:1fr 1fr}.ref-coach-top{grid-template-columns:1fr}.ref-settings-grid{grid-template-columns:1fr 1fr}.ref-settings-integrations{grid-column:1/-1}.ref-training-rings{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ref-training-grid,.ref-two-columns,.ref-body-grid,.ref-settings-grid{grid-template-columns:1fr}.ref-body-grid>.ref-column:last-child,.ref-recovery-grid>.ref-column:last-child{grid-template-columns:1fr;grid-column:1}.ref-five-rings{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-body-top{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-measure>strong{font-size:18px}.ref-measure h2{font-size:11px!important}.ref-measure h2 .icon{display:none}.ref-settings-integrations{grid-column:1}.ref-integrations{grid-template-columns:1fr}.ref-page .module-heading h1{font-size:25px}.ref-page .module-heading>.outline{align-self:flex-start}}

/* Existing adaptive tiles use a fixed small-screen ring width; keep reference grids fluid. */
#root .ref-page .ref-rings>.metric:not(.adaptive-expanded)>.ring{width:100%;max-width:138px}
@media(max-width:760px){#root .ref-page .ref-rings{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){#root .ref-page .ref-rings{grid-template-columns:repeat(2,minmax(0,1fr))}}