[hidden]{display:none!important}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#122018;background:#f2fff5;--green:#18ae4b;--deep:#0d7733;--muted:#748278;--card:rgba(255,255,255,.88);--line:#dce9df}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#e5fbed 0,#f5fff8 40%,#effbf2 100%)}
button,input,select{font:inherit}
.logo{font-weight:950;letter-spacing:.12em;font-size:24px}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:850;color:#6d7f72}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}
.auth-card{width:min(760px,100%);background:rgba(255,255,255,.88);border:1px solid rgba(207,229,214,.9);box-shadow:0 26px 100px rgba(32,85,47,.11);border-radius:32px;padding:38px}
.auth-card h1{font:800 clamp(36px,7vw,66px)/.96 Georgia,serif;margin:36px 0 16px}
.lead{font-size:17px;line-height:1.6;color:#637069;max-width:640px}
.account-types{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}
.account-type{display:grid;grid-template-columns:auto 1fr;column-gap:12px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;color:#25332a;cursor:pointer}
.account-type span{grid-row:1/3;font-size:25px;color:var(--green)}
.account-type strong{font-size:15px}
.account-type small{color:var(--muted);margin-top:4px}
.account-type.active{border-color:var(--green);box-shadow:0 0 0 3px rgba(24,174,75,.09);background:#f6fff8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
label{display:grid;gap:7px;color:#536157;font-size:12px;font-weight:800}
input,select{width:100%;border:1px solid #d8e4db;background:#fff;border-radius:13px;padding:13px 14px;outline:none;color:#17231b}
input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(24,174,75,.1)}
.consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.45}
.consent input{width:auto;margin-top:3px}
.primary,.telegram{width:100%;border:0;border-radius:14px;padding:14px;font-weight:850;cursor:pointer}
.primary{background:linear-gradient(135deg,#138e3a,#1db84e);color:#fff}
.telegram{margin-top:9px;background:#eef7ff;color:#2676ad}
.demo-link{display:block;margin:18px auto 0;border:0;background:transparent;color:#168e3e;font-weight:850;cursor:pointer}
.prototype-note{text-align:center;font-size:11px;color:#95a098;margin:10px 0 0}
.workspace{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:rgba(255,255,255,.86);backdrop-filter:blur(20px);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:10}
.sidebar nav{display:grid;gap:8px;margin-top:48px}
.nav-button{border:0;border-radius:14px;padding:13px 15px;background:transparent;color:#617066;font-weight:750;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left}
.nav-button span{font-size:19px}
.nav-button.active{background:#e9f9ee;color:#13933e}
.profile{margin-top:auto;padding:13px;display:flex;align-items:center;gap:10px;border-radius:16px;background:#f4faf5}
.profile div{display:grid}
.profile small{color:#7b897e}
.avatar{width:37px;height:37px;display:grid;place-items:center;background:#dff5e5;border-radius:50%;font-weight:850;color:#188d3d}
.app-main{grid-column:2;min-width:0}
.app-header{height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;border-bottom:1px solid rgba(216,232,220,.75);background:rgba(246,255,248,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:8}
.mobile-logo{display:none}
.app-header small{color:#829087}
.header-tools{display:flex;gap:8px}
.header-tools button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 14px;color:#556159;cursor:pointer}
.screen{width:min(1160px,calc(100% - 8vw));margin:0 auto;padding:46px 0 120px}
.screen-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:32px}
.screen-heading h1{font:800 clamp(42px,6vw,76px)/.95 Georgia,serif;margin:9px 0}
.screen-heading p{color:#65736a;font-size:17px}
.state-pill{padding:13px 17px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(32,77,45,.06);min-width:190px}
.state-pill small{display:block;color:#829087;text-transform:uppercase;letter-spacing:.14em}
.state-pill strong{display:block;margin-top:8px}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:var(--card);border:1px solid rgba(217,232,221,.92);border-radius:24px;padding:25px;box-shadow:0 18px 52px rgba(40,91,55,.07)}
.card.wide{grid-column:1/-1}
.card h2,.card h3{margin:0}
.card-label{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#829087;font-weight:900}
.completion{display:grid;place-items:center;min-height:290px}
.ring{width:146px;height:146px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 40%,#e7eee9 40% 100%);position:relative}
.ring:before{content:"";position:absolute;inset:15px;border-radius:50%;background:#fafffb}
.ring strong{z-index:1;font:800 38px Georgia,serif}
.recommendation p{font-size:17px;line-height:1.55;color:#526158}
.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.button-row button{border:1px solid #d8e3da;border-radius:13px;padding:13px;background:#fff;font-weight:850}
.button-row button:first-child{background:var(--green);color:#fff;border-color:var(--green)}
.section-title{margin:34px 0 14px;display:flex;justify-content:space-between;align-items:center}
.section-title h2{font-size:22px}
.task-list{display:grid;gap:10px}
.task{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px}
.task-icon{width:42px;height:42px;border-radius:12px;background:#eaf9ee;color:var(--green);display:grid;place-items:center;font-weight:900}
.task div{display:grid}
.task small{color:#849087;margin-top:3px}
.task-toggle{width:26px;height:26px;border-radius:50%;border:2px solid #d4dfd6}
.task.done .task-toggle{background:var(--green);border-color:var(--green);position:relative}
.task.done .task-toggle:after{content:"✓";color:#fff;position:absolute;inset:1px;display:grid;place-items:center}
.metric{display:flex;justify-content:space-between;align-items:center;min-height:155px}
.metric-value strong{font:800 36px Georgia,serif}
.metric-value small{display:block;color:#77857a;margin-top:5px}
.mini-ring{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:7px solid #e4ede6;border-top-color:var(--green);border-right-color:var(--green);font:800 17px Georgia,serif}
.chart{height:180px;margin-top:20px;border-radius:16px;background:linear-gradient(to top,rgba(30,177,76,.15),transparent 65%),linear-gradient(175deg,transparent 48%,#21b64f 49%,#21b64f 50%,transparent 51%);border:1px solid var(--line);position:relative}
.chart:after{content:"Пн        Вт        Ср        Чт        Пт        Сб        Вс";position:absolute;left:20px;right:20px;bottom:12px;color:#819086;font-size:11px;word-spacing:25px}
.body-summary{display:grid;grid-template-columns:1fr 230px;gap:25px;align-items:center}
.body-figure{height:280px;position:relative;display:grid;place-items:center}
.body-figure:before{content:"";width:86px;height:240px;border-radius:45% 45% 36% 36%;background:linear-gradient(#cfe9db,#aad4c0);opacity:.68}
.body-node{position:absolute;width:15px;height:15px;border:4px solid #fff;box-shadow:0 0 0 2px var(--green);background:var(--green);border-radius:50%}
.body-node.n1{top:38px}
.body-node.n2{top:102px;left:46%}
.body-node.n3{top:155px;right:46%}
.body-node.n4{bottom:35px}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}
.filter{border:1px solid #d4e0d6;border-radius:999px;background:#fff;padding:10px 18px;color:#526157;font-weight:750;cursor:pointer}
.filter.active{background:var(--green);color:#fff;border-color:var(--green)}
.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.program{min-height:230px;display:flex;flex-direction:column}
.program-meta{display:flex;justify-content:space-between;color:#829087;font-size:12px}
.program-tag{color:#15933e;background:#e9f9ee;border:1px solid #c6ebd0;border-radius:999px;padding:6px 10px;text-transform:uppercase;letter-spacing:.12em;font-weight:850}
.program h3{font-size:22px;margin:24px 0 10px}
.program p{color:#617067;line-height:1.5;margin:0}
.program button{margin-top:auto;border:0;border-radius:13px;background:var(--green);color:#fff;padding:12px;font-weight:850;cursor:pointer}
.program.started{border-color:#74d28f;background:#f4fff7}
.program.started button{background:#e1f6e7;color:#147c34}
.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:min(420px,calc(100vw - 32px));padding:15px 18px;border-radius:15px;background:#173b25;color:#fff;box-shadow:0 16px 50px rgba(15,65,30,.25);font-weight:750;opacity:0;transform:translateY(16px);pointer-events:none;transition:.22s}
.toast.show{opacity:1;transform:translateY(0)}
.mobile-nav{display:none}
@media(max-width:850px){.workspace{display:block}
.sidebar{display:none}
.app-main{padding-bottom:78px}
.app-header{padding:0 18px}
.mobile-logo{display:inline;font-weight:950;letter-spacing:.12em}
.screen{width:calc(100% - 28px);padding-top:28px}
.mobile-nav{position:fixed;z-index:20;display:flex;justify-content:space-around;bottom:0;left:0;right:0;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 5px calc(8px + env(safe-area-inset-bottom))}
.mobile-nav .nav-button{display:grid;place-items:center;gap:2px;font-size:11px;padding:5px 15px}
.screen-heading{display:block}
.state-pill{margin-top:16px}
.dashboard-grid,.program-grid{grid-template-columns:1fr}
.card.wide{grid-column:auto}
.body-summary{grid-template-columns:1fr}
.body-figure{display:none}
}
@media(max-width:620px){.auth-shell{padding:12px}
.auth-card{padding:24px;border-radius:24px}
.account-types,.form-grid,.button-row{grid-template-columns:1fr}
.auth-card h1{font-size:43px}
.screen-heading h1{font-size:48px}
.card{padding:20px}
.app-header small{display:none}
}

/* V12.2 — visual system matched to the approved WELLY cabinet renders */
.sidebar{width:270px;background:#fff;border-right:1px solid #e5ece6;padding:30px 18px 24px}
.sidebar-logo{font:500 34px/1 Georgia,serif;color:#176c36;letter-spacing:.08em;padding:0 12px}
.sidebar-logo span{display:block;font-size:22px;margin:8px 0 0 44px;color:#63a875}
.sidebar nav{margin-top:55px}
.nav-button{font-size:16px;padding:16px 18px;border-radius:12px;color:#59675e}
.nav-button.active{background:#edf8ef;color:#168b3c}
.sidebar-meta{margin-top:auto;display:grid;gap:18px}
.sidebar-link{display:flex;gap:14px;align-items:center;border:0;background:transparent;padding:10px 12px;color:#657168;font-weight:750;font-size:14px;cursor:pointer}
.connections{display:flex;gap:10px;padding:12px;color:#4b7658;border-top:1px solid #edf1ee;border-bottom:1px solid #edf1ee}
.connections div,.profile div{display:grid;gap:3px}
.connections strong,.connections small{font-size:11px}.connections small{color:#8c978f}
.profile{display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;background:#f4f9f5}
.profile .avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dff5e5;color:#159240;font-weight:900}
.profile strong{font-size:14px}.profile small{color:#8a958d}.profile-arrow{margin-left:auto}
.app-main{margin-left:270px}
.app-header{height:76px;padding:0 42px;border-bottom:1px solid #e4ebe5;background:rgba(255,255,255,.78)}
.header-tools{display:flex;align-items:center;gap:14px}.header-tools button{border:1px solid #dce6de;background:#fff;border-radius:22px;padding:10px 16px;color:#57655c;cursor:pointer}.protected{font-size:12px;color:#6c796f}
.screen{width:min(1460px,calc(100% - 70px));padding:54px 0 90px}
.screen-heading{margin-bottom:38px;align-items:flex-start}.screen-heading h1{font-size:clamp(54px,5vw,84px);font-weight:500;letter-spacing:-.045em}.screen-heading p{margin-top:14px}.eyebrow{letter-spacing:.28em}
.card{border-color:#dfe9e1;border-radius:18px;padding:26px;box-shadow:0 12px 32px rgba(49,87,59,.055)}
.state-pill.recovery-pill{display:grid;grid-template-columns:auto 1fr;column-gap:10px;min-width:220px}.state-pill.recovery-pill>span{grid-row:1/3;font-size:22px;color:#1da94a}.state-pill.recovery-pill strong{margin:0}.state-pill.recovery-pill b{color:#36a653}
.today-hero{display:grid;grid-template-columns:1.25fr .75fr .65fr;align-items:center;min-height:320px;padding:44px 46px;margin-bottom:18px}
.today-copy h2{font:500 40px Georgia,serif;margin:12px 0 20px}.today-copy p{max-width:440px;color:#617068;line-height:1.6}.road-progress{margin-top:34px;font-size:13px;color:#607068}.road-progress i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1db54c;margin-right:10px}
.day-score{display:grid;place-items:center}.score-ring{width:190px;height:190px;border-radius:50%;background:conic-gradient(#4aa757 0 72%,#e5efe8 72%);display:grid;place-items:center;position:relative}.score-ring:before{content:"";position:absolute;inset:20px;border-radius:50%;background:#fff}.score-ring strong,.score-ring small{position:absolute;z-index:1}.score-ring strong{font:500 58px Georgia,serif;transform:translateY(-8px);color:#23733b}.score-ring small{transform:translateY(33px);text-transform:uppercase;letter-spacing:.15em;font-size:9px}
.wellness-body{position:relative;width:210px;height:310px;margin:auto}.wellness-body svg{width:100%;height:100%;filter:drop-shadow(0 10px 20px rgba(35,115,60,.06))}.body-point{position:absolute;width:14px;height:14px;border-radius:50%;background:#2aaa4e;border:4px solid #eaffef;box-shadow:0 0 0 2px rgba(42,170,78,.35)}.body-point.brain{top:30px;left:98px}.body-point.breath{top:94px;left:99px;background:#38a1e0}.body-point.heart{top:123px;left:101px;background:#f1b52e}.body-point.core{top:166px;left:101px}.body-point.move{top:210px;left:151px;background:#ef9c2d}
.metric-strip{display:grid;grid-template-columns:1.35fr repeat(3,1fr);padding:20px 30px;margin-bottom:18px}.metric-reason,.strip-metric{padding:10px 22px;border-right:1px solid #e8eee9}.strip-metric:last-child{border:0}.metric-reason{display:grid}.metric-reason span{font-size:12px;color:#879188;margin-top:5px}.strip-metric{display:flex;align-items:center;gap:15px}.strip-metric>i{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#edf9ef;color:#17923c;font-style:normal;font-size:20px}.strip-metric>span{display:grid;color:#7c887e;font-size:12px}.strip-metric strong{font:500 30px Georgia,serif;color:#16251b}.strip-metric small{font-size:10px;color:#89938c}
.ai-recommendation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.ai-icon{width:62px;height:62px;border-radius:16px;background:#eef9f0;color:#1cab47;display:grid;place-items:center;font-size:28px}.ai-recommendation h3{font-size:19px;margin:4px 0}.ai-recommendation p{font-size:13px;color:#617068;max-width:650px;margin:0;line-height:1.55}.ai-recommendation .button-row{display:flex}.ai-recommendation .button-row button{min-width:170px}
.micro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.micro-grid .task{min-height:110px}.micro-grid .task div{min-width:0}.micro-grid .task strong{font-size:14px}.micro-grid .task small{font-size:11px}
.heading-actions{display:flex;gap:12px}.heading-actions button,.card-heading-row button{border:1px solid #dce5de;background:#fff;border-radius:12px;padding:12px 16px;color:#546159;font-weight:750;cursor:pointer}
.health-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.health-metric{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:116px}.metric-symbol{width:50px;height:50px;border-radius:50%;background:#eaf7ef;display:grid;place-items:center;font-size:21px;color:#23964b}.health-metric:nth-child(1) .metric-symbol{background:#eaf3ff;color:#397cbc}.health-metric:nth-child(4) .metric-symbol{background:#fff2e9;color:#eb8e4e}.health-metric small{display:block;color:#7c887f}.health-metric strong{display:block;font:500 34px Georgia,serif;margin-top:5px}.health-metric .mini-ring{width:54px;height:54px;border-width:5px;font-size:14px}
.health-overview{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px}.card-heading-row{display:flex;justify-content:space-between;align-items:center}.card-heading-row h2{font:500 26px Georgia,serif}.chart-legend{display:flex;gap:24px;margin:22px 0 4px;color:#6a766e;font-size:11px}.chart-legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px}.chart-legend .blue{color:#3d89c9}.chart-legend .green{color:#1dae4a}.chart-legend .purple{color:#8b5abb}
.weekly-chart{width:100%;height:285px}.chart-grid line{stroke:#e8eee9;stroke-width:1}.weekly-chart .line{fill:none;stroke-width:3}.weekly-chart .sleep{stroke:#3d89c9}.weekly-chart .activity{stroke:#24ad4f}.weekly-chart .recovery{stroke:#8b5abb}.chart-days{fill:#7d897f;font-size:12px}
.body-state{overflow:hidden}.state-map{position:relative;height:355px}.state-map .wellness-body{height:340px;width:190px}.state-label{position:absolute;width:115px;font-size:11px;color:#39483e}.state-label small{display:block;color:#20a64a;margin-top:4px}.state-label.mental{left:0;top:55px}.state-label.sleep{right:0;top:55px}.state-label.relax{left:0;top:165px}.state-label.recovery{right:0;top:165px}.state-label.movement{left:0;bottom:45px}.state-label.balance{right:0;bottom:45px}
.oko-bottom{display:grid;grid-template-columns:1.4fr .8fr .7fr;gap:16px}.ai-insight>div{display:flex;gap:15px;align-items:center}.ai-insight i{width:58px;height:58px;border-radius:50%;background:#eef9f0;display:grid;place-items:center;color:#1cab47;font-style:normal;font-size:25px}.ai-insight p{font-size:13px;line-height:1.6;color:#56645a}.ai-insight button,.data-sources button{border:0;background:#22a949;color:#fff;border-radius:10px;padding:11px 18px;font-weight:800}.data-sources h3,.data-quality h3{margin-top:0}.data-sources h3 span{float:right;color:#23a749}.data-sources p{font-size:12px;border-bottom:1px solid #edf0ee;padding:8px 0}.data-sources b{float:right;color:#58a568;font-size:9px}.data-sources button{background:transparent;color:#209347;padding-left:0}.data-quality{display:grid;grid-template-columns:1fr 1fr;align-items:center}.data-quality h3{grid-column:1/-1}.quality-ring{width:100px;height:100px;border-radius:50%;border:10px solid #25af4f;border-left-color:#e5eee7;display:grid;place-items:center}.quality-ring strong{font:500 24px Georgia,serif}.quality-ring small{font-size:9px;color:#879188}.data-quality p{font-size:12px;color:#536159}
.space-progress{min-width:330px;border-radius:18px;background:#edf8f0;padding:22px 28px;display:flex;align-items:center;gap:18px}.space-progress i{width:55px;height:55px;background:#fff;border-radius:50%;display:grid;place-items:center;color:#26a54a;font-size:24px;font-style:normal}.space-progress span{display:grid;color:#54645a}.space-progress strong{color:#2ba04c;margin-top:6px}.space-screen .filters{margin:28px 0}.space-screen .filter{padding:12px 21px}.space-screen .filter i{margin-right:8px;font-style:normal;color:#32a555}.space-screen .filter.active i{color:#fff}
.program-grid.refined{grid-template-columns:repeat(3,1fr);gap:16px}.program-grid.refined .program{min-height:355px}.program-grid.refined .program.started{background:#fff;border-color:#dfe9e1}.program-head{display:flex;align-items:center;gap:14px}.program-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#eef8f0;color:#25984b;font-size:25px}.program-head .program-meta{flex:1}.program-grid.refined .program h3{font:500 29px Georgia,serif;margin:22px 0 14px}.program-status{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:auto;color:#6b786f;font-size:11px}.program-status i{height:5px;background:#edf0ee;border-radius:3px;overflow:hidden}.program-status i b{display:block;height:100%;background:#24aa4d}.program-grid.refined .program button{margin-top:20px}.program-grid.refined .program.started button{background:#22a94b;color:#fff}
@media(max-width:1250px){.today-hero{grid-template-columns:1fr .7fr}.today-hero>.wellness-body{display:none}.health-metrics{grid-template-columns:repeat(2,1fr)}.health-overview{grid-template-columns:1fr}.oko-bottom{grid-template-columns:1fr 1fr}.ai-insight{grid-column:1/-1}.program-grid.refined{grid-template-columns:repeat(2,1fr)}.metric-strip{grid-template-columns:1fr 1fr}.metric-reason{grid-column:1/-1}.micro-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.app-main{margin-left:0}.app-header{height:62px}.screen{width:calc(100% - 28px);padding-top:28px}.today-hero{grid-template-columns:1fr;padding:25px}.day-score{margin:20px 0}.metric-strip,.ai-recommendation,.oko-bottom{grid-template-columns:1fr}.metric-reason,.strip-metric{border-right:0;border-bottom:1px solid #e8eee9}.ai-recommendation .button-row{display:grid}.health-metrics,.program-grid.refined,.micro-grid{grid-template-columns:1fr}.heading-actions,.space-progress{margin-top:16px}.space-progress{min-width:0}.state-map .state-label{display:none}}

/* V12.3 — high fidelity pass against the three approved cabinet renders */
:root{--paper:#fbfaf6;--ink:#142218;--soft-ink:#667269;--soft-line:#e7e9e2;--render-green:#349848}
html,body{background:var(--paper)}
body{background:linear-gradient(90deg,#fff 0 304px,var(--paper) 304px 100%);color:var(--ink)}
.workspace{grid-template-columns:304px minmax(0,1fr)}
.sidebar{width:304px;padding:28px 18px 22px;background:#fffdf9;border-right:1px solid #ecece6;box-shadow:8px 0 26px rgba(55,75,60,.025)}
.sidebar-logo{padding:0 8px;font:500 38px/1 Georgia,"Times New Roman",serif;letter-spacing:.08em;color:#24743b}
.sidebar-logo span{font-size:21px;margin:5px 0 0 67px;color:#79aa80}
.sidebar nav{margin-top:60px;gap:10px}
.nav-button{min-height:66px;padding:17px 20px;border-radius:13px;font-size:18px;font-weight:650;color:#626c64;gap:16px}
.nav-button span{width:25px;text-align:center;font-size:22px;font-weight:400;color:#737d75}
.nav-button.active{background:#eff7ed;color:#2e8c42}
.nav-button.active span{color:#2e9b48}
.sidebar-meta{gap:12px}.sidebar-link{font-size:15px}.connections{color:#508158}.profile{background:#f6f8f3}
.app-main{margin-left:304px;background:var(--paper)}
.app-header{height:58px;padding:0 44px;background:rgba(251,250,246,.92);border:0;backdrop-filter:none;position:relative}
.app-header>#sync-state{display:none}.header-tools{margin-left:auto}.header-tools button{background:#fffdf9;border-color:#e6e8e2}.protected{color:#707b72}
.screen{width:calc(100% - 78px);max-width:none;margin:0 auto;padding:8px 0 90px}
.screen-heading{margin-bottom:28px;align-items:center}
.screen-heading h1{margin:8px 0 6px;font:500 66px/.98 Georgia,"Times New Roman",serif;letter-spacing:-.04em;color:#132117}
.screen-heading p{margin:10px 0 0;font-size:16px;color:#727a73}
.eyebrow{color:#67916e;font-size:12px;letter-spacing:.28em}
.card{background:#fff;border:1px solid #e4e7df;border-radius:17px;padding:24px;box-shadow:0 8px 22px rgba(47,71,53,.045)}
.state-pill.recovery-pill{min-width:250px;padding:15px 20px;border-radius:15px;background:#fff}.state-pill.recovery-pill>span{font-size:25px;color:#3f9d4d}

/* Today */
.today-screen .screen-heading{min-height:126px;align-items:flex-start}
.today-screen .screen-heading>div:first-child{padding-top:5px}
.today-screen .screen-heading h1{font-size:72px}
.today-screen .screen-heading p:before{content:"▦";margin-right:12px;color:#7e8780;font-size:17px}
.today-screen .recovery-pill{margin-top:30px}
.today-hero{grid-template-columns:1.1fr .72fr .62fr;min-height:410px;padding:36px 44px;margin-bottom:18px}
.today-copy h2{font-size:38px;margin:12px 0 24px}.today-copy p{max-width:470px;font-size:16px;line-height:1.65}
.road-progress{margin-top:54px;font-size:14px}
.score-ring{width:222px;height:222px}.score-ring:before{inset:22px}.score-ring strong{font-size:68px}.score-ring small{transform:translateY(42px)}
.today-hero .wellness-body{height:355px;width:220px}.today-hero .wellness-body:after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:22px;border:2px solid #e1eee4;border-radius:50%;box-shadow:0 0 0 9px rgba(233,244,236,.5)}
.metric-strip{min-height:132px;padding:18px 22px}.metric-reason,.strip-metric{padding:10px 25px}.strip-metric>i{width:52px;height:52px;font-size:24px}.strip-metric strong{font-size:34px}
.ai-recommendation{min-height:150px;padding:28px 34px}.ai-icon{width:66px;height:66px}.ai-recommendation h3{font-size:20px}.ai-recommendation p{font-size:14px}.ai-recommendation .button-row button{min-width:210px;padding:15px}
.today-screen .section-title{margin:31px 0 14px}.micro-grid{gap:13px}.micro-grid .task{min-height:108px;border-color:#e7e8e2;box-shadow:0 6px 18px rgba(46,70,52,.035)}

/* Eye */
.oko-screen .eyebrow,.oko-screen .screen-heading p{display:none}
.oko-screen .screen-heading{min-height:92px;margin-bottom:20px}.oko-screen .screen-heading h1{font-size:62px}
.heading-actions button{padding:13px 18px;background:#fffdf9}
.health-metrics{gap:13px;margin-bottom:15px}.health-metric{min-height:140px;padding:22px}.metric-symbol{width:58px;height:58px;font-size:25px}.health-metric strong{font-size:39px}.health-metric .mini-ring{width:62px;height:62px;border-width:6px}
.health-overview{grid-template-columns:1.38fr 1fr;gap:15px;margin-bottom:15px}.chart-card,.body-state{min-height:510px}.weekly-chart{height:330px}.state-map{height:415px}.state-map .wellness-body{height:400px;width:225px}.state-label{font-size:12px;width:130px}
.oko-bottom{grid-template-columns:1.35fr .75fr .7fr;gap:15px}.oko-bottom>.card{min-height:250px}.ai-insight{position:relative;overflow:hidden}.ai-insight:after{content:"❧";position:absolute;right:25px;bottom:-28px;font:130px Georgia,serif;color:#eff7ee;transform:rotate(-14deg);z-index:0}.ai-insight>*{position:relative;z-index:1}
.data-quality{grid-template-columns:1fr 1fr}.quality-ring{width:118px;height:118px}

/* Space */
.space-screen .eyebrow{display:none}.space-screen .screen-heading{min-height:136px;margin-bottom:16px;align-items:flex-start}.space-screen .screen-heading h1{font-size:65px;margin-top:14px}.space-screen .screen-heading p{font-size:16px}.space-progress{min-width:420px;padding:22px 30px;background:#edf5ed;border-radius:16px}.space-screen .filters{margin:18px 0 28px}.space-screen .filter{background:#fffdf9;border-color:#dedfd9;padding:12px 24px}
.program-grid.refined{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.program-grid.refined .program{min-height:390px;padding:26px}.program-icon{width:68px;height:68px;font-size:30px;background:#f1f7ef}.program-grid.refined .program h3{font-size:28px;line-height:1.08}.program-grid.refined .program p{font-size:15px;line-height:1.55}.program-status{font-size:12px}.program-grid.refined .program button{padding:15px;border-radius:10px}
.sidebar:after{content:"";position:absolute;left:-52px;bottom:55px;width:245px;height:285px;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 55% 55%,rgba(107,166,118,.27) 0 12%,transparent 13%),radial-gradient(ellipse at 42% 40%,rgba(107,166,118,.22) 0 13%,transparent 14%),radial-gradient(ellipse at 68% 28%,rgba(107,166,118,.18) 0 12%,transparent 13%);transform:rotate(-25deg)}
body[data-screen="space"] .sidebar:after{opacity:1}

@media(min-width:1750px){.screen{width:calc(100% - 90px)}.today-hero{min-height:430px}.health-metric{min-height:150px}.chart-card,.body-state{min-height:535px}.program-grid.refined .program{min-height:410px}}
@media(max-width:1250px){body{background:var(--paper)}.workspace{grid-template-columns:260px 1fr}.sidebar{width:260px}.app-main{margin-left:260px}.today-hero{grid-template-columns:1fr .72fr}.today-hero>.wellness-body{display:none}.program-grid.refined{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.workspace{display:block}.app-main{margin-left:0}.screen{width:calc(100% - 28px)}.app-header{height:62px}.today-screen .screen-heading,.oko-screen .screen-heading,.space-screen .screen-heading{min-height:0}.today-screen .screen-heading h1,.oko-screen .screen-heading h1,.space-screen .screen-heading h1{font-size:48px}.today-hero{grid-template-columns:1fr}.health-overview,.oko-bottom{grid-template-columns:1fr}.program-grid.refined{grid-template-columns:1fr}.space-progress{min-width:0}}

/* V12.3.1 — render-accurate Oko state map */
.body-state{padding:24px 25px 18px}.body-state .card-heading-row{position:relative;z-index:2}.body-state .card-heading-row h2{font-size:27px}
.state-map{height:425px;margin-top:2px;position:relative;overflow:hidden}
.state-anatomy{position:absolute;inset:0;display:grid;place-items:center}
.state-anatomy svg{width:100%;height:100%;overflow:visible}
.state-silhouette{fill:url(#stateBodyWash);stroke:#c8dfce;stroke-width:2.4}
.state-silhouette path[stroke-width]{stroke:#d5e9da;opacity:.82}
.state-silhouette .state-inner{stroke:#b9dbc3;stroke-width:2;opacity:.62}
.state-organs{fill:#c6e6ce;opacity:.38;stroke:#9fc9ab;stroke-width:1.4}
.state-connectors{fill:none;stroke:#d8e5dc;stroke-width:1.8;stroke-linecap:round}
.state-pedestal{fill:none;stroke:#dceae0;stroke-width:2}
.state-nodes g circle:first-child{fill:#f7fcf8;stroke-width:2.2}.state-nodes g circle:last-child{stroke:0}
.state-nodes .mental circle:first-child{stroke:#39b9ad}.state-nodes .mental circle:last-child{fill:#39b9ad}
.state-nodes .sleep circle:first-child{stroke:#8b58d4}.state-nodes .sleep circle:last-child{fill:#8b58d4}
.state-nodes .relax circle:first-child{stroke:#4b9bd3}.state-nodes .relax circle:last-child{fill:#4b9bd3}
.state-nodes .recovery circle:first-child{stroke:#73af49}.state-nodes .recovery circle:last-child{fill:#73af49}
.state-nodes .movement circle:first-child{stroke:#8aba43}.state-nodes .movement circle:last-child{fill:#8aba43}
.state-nodes .balance circle:first-child{stroke:#ef9550}.state-nodes .balance circle:last-child{fill:#ef9550}
.state-label{z-index:3;width:126px;font-size:11px;line-height:1.25;color:#4e5b52;font-weight:650}.state-label small{font-size:10px;font-weight:600;margin-top:5px}
.state-label.mental{left:1px;top:52px}.state-label.sleep{right:1px;top:52px}.state-label.relax{left:1px;top:172px}.state-label.recovery{right:1px;top:172px}.state-label.movement{left:1px;bottom:45px}.state-label.balance{right:1px;bottom:45px}
.state-label.mental small{color:#32aa8f}.state-label.sleep small{color:#8559c8}.state-label.relax small{color:#3e8fc8}.state-label.recovery small{color:#6eaa45}.state-label.movement small{color:#7eac43}.state-label.balance small{color:#e98743}
@media(max-width:1450px) and (min-width:851px){.state-label{width:105px;font-size:10px}.state-anatomy svg{width:108%;transform:translateX(-4%)}}

/* V12.3.2 — match the compact anatomical figure from the approved render */
.state-anatomy-v2 svg{width:92%;height:92%;transform:none!important}
.human-silhouette{fill:url(#humanWash);stroke:#cbded0;stroke-width:1.5}
.human-silhouette path[stroke-width]{stroke:#d5e6d9;opacity:.76}
.human-silhouette .human-detail{stroke:#afcfb8;stroke-width:1.3;opacity:.38}
.human-anatomy{fill:#b9d9c0;stroke:#8eb99a;stroke-width:1;opacity:.24}
.state-nodes-v2 .halo{filter:url(#nodeGlow);stroke:0!important;opacity:.34}
.state-nodes-v2 g circle:nth-child(2){fill:#f9fcfa;stroke-width:1.6}
.state-nodes-v2 g circle:last-child{stroke:0}
.state-anatomy-v2 .state-pedestal{stroke:#d8e7db;opacity:.85}
.body-state .state-label{font-weight:500;letter-spacing:0;color:#536057}
.body-state .state-label small{font-weight:500}
@media(min-width:851px){.body-state .state-map{height:390px}.body-state .state-label.mental,.body-state .state-label.sleep{top:54px}.body-state .state-label.relax,.body-state .state-label.recovery{top:160px}.body-state .state-label.movement,.body-state .state-label.balance{bottom:48px}}

/* V12.4 — organization demo cabinet */
body[data-account="organization"]{--green:#176f45;--lime:#24b45a;background:#f4f8f5}
body[data-account="organization"] .sidebar{background:#10281e;color:#e9f6ee;border-color:#244336}
body[data-account="organization"] .sidebar-logo,body[data-account="organization"] .sidebar-logo span{color:#fff}
body[data-account="organization"] .nav-button{color:#a9c0b3}
body[data-account="organization"] .nav-button:hover,body[data-account="organization"] .nav-button.active{background:#234b39;color:#fff}
body[data-account="organization"] .sidebar-meta{border-color:#29483b}
body[data-account="organization"] .sidebar-link,body[data-account="organization"] .connections,body[data-account="organization"] .profile{color:#d8e8df}
body[data-account="organization"] .connections small,body[data-account="organization"] .profile small{color:#8eaa9b}
body[data-account="organization"] .profile{background:#1d3c2e}
body[data-account="organization"] .avatar{background:#dff5e7;color:#176f45}
body[data-account="organization"] .app-main{background:linear-gradient(155deg,#f8fbf9 0,#eff7f2 100%)}
body[data-account="organization"] .app-header{background:rgba(248,251,249,.93)}
.org-screen{max-width:1560px}.org-screen .screen-heading{min-height:135px;align-items:center}.org-screen .screen-heading h1{font:600 56px/1.02 Arial,sans-serif;letter-spacing:-.045em}.org-screen .screen-heading p{max-width:720px}.org-screen .screen-heading>div:last-child{display:flex;gap:10px}
.org-primary,.org-secondary,.org-card-head button,.org-program-actions button,.integration-card button,.api-panel button,.org-privacy button{border:1px solid #cfe0d5;border-radius:10px;padding:13px 18px;background:#fff;color:#184e35;font-weight:700;cursor:pointer}.org-primary{background:#176f45;color:#fff;border-color:#176f45}.org-secondary:hover,.org-card-head button:hover{background:#edf7f1}
.org-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.org-kpis article{padding:23px 24px;background:#fff;border:1px solid #dfe9e2;border-radius:16px;box-shadow:0 8px 22px rgba(27,71,47,.045)}.org-kpis span,.org-kpis small{display:block;color:#718076}.org-kpis strong{display:block;margin:10px 0 4px;font:600 42px/1 Arial,sans-serif;color:#12251a}.org-kpis small{color:#238653;font-size:12px}
.org-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:16px;margin-bottom:16px}.org-dashboard-grid.lower{grid-template-columns:1fr 1fr}.org-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.org-card-head h2,.org-screen .card h2{margin:5px 0 0;font:600 24px/1.15 Arial,sans-serif}.org-card-head button{padding:9px 12px;font-size:12px}.org-wide{min-height:405px}.org-chart{width:100%;height:260px;margin-top:18px}.org-chart g{stroke:#e3ebe6;stroke-width:1}.org-area{fill:url(#none);fill:rgba(35,153,84,.09)}.org-line{fill:none;stroke:#259c58;stroke-width:4;stroke-linecap:round}.org-chart-meta{display:flex;justify-content:space-between;color:#69786e;font-size:12px}.org-chart-meta strong{color:#249455}.org-privacy{background:#173c2c;color:#fff;border-color:#173c2c}.privacy-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#2b5b44;font-size:25px}.org-privacy p{color:#c5d8ce;line-height:1.55}.org-privacy ul{padding-left:19px;color:#d8e7df;line-height:2}.org-privacy button{background:#fff;color:#17422f;width:100%}
.org-ranking>div{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,1fr) 45px;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #edf1ee}.org-ranking span strong,.org-ranking span small{display:block}.org-ranking span small{color:#8b968f;margin-top:4px}.org-ranking i,.engagement i,.org-progress i{display:block;height:7px;background:#edf1ee;border-radius:10px;overflow:hidden}.org-ranking i b,.engagement i b,.org-progress i b{display:block;height:100%;background:#28a55d;border-radius:inherit}.org-ranking em{font-style:normal;font-weight:700;color:#3d5948}.org-events p{display:flex;gap:13px;align-items:center;padding:11px 0;margin:0;border-bottom:1px solid #edf1ee}.org-events i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ecf7ef;color:#218550;font-style:normal}.org-events span strong,.org-events span small{display:block}.org-events span small{color:#89938d;margin-top:3px}
.org-table-card{padding:0;overflow:hidden}.org-toolbar{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e4ebe6}.org-toolbar label{display:flex;align-items:center;gap:8px;flex:1;max-width:430px;padding:10px 14px;border:1px solid #dbe5de;border-radius:10px}.org-toolbar input{width:100%;border:0;outline:0;background:transparent;font:inherit}.org-toolbar select{padding:11px 14px;border:1px solid #dbe5de;border-radius:10px;background:#fff}.org-toolbar>span{margin-left:auto;color:#7a887f}.table-scroll{overflow:auto}.org-table{width:100%;border-collapse:collapse;min-width:950px}.org-table th{text-align:left;padding:14px 20px;background:#f7faf8;color:#758078;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.org-table td{padding:17px 20px;border-top:1px solid #edf1ee;color:#526158}.org-table td:first-child{display:flex;align-items:center;gap:11px;color:#17271d}.member-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e2f5e8;color:#1c834d;font-weight:700}.engagement{display:grid;grid-template-columns:75px 35px;align-items:center;gap:8px}.member-status{padding:6px 9px;border-radius:20px;background:#e5f5ea;color:#1a824b;font-size:11px;white-space:nowrap}.member-status.status-attention{background:#fff2da;color:#9b6511}.org-table button{border:0;background:transparent;cursor:pointer}.org-table-card footer{display:flex;justify-content:space-between;padding:16px 20px;color:#7b8880}.org-table-card footer button{border:1px solid #dfe7e1;background:#fff;border-radius:7px;padding:6px 10px}
.org-program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.org-program{min-height:310px;display:flex;flex-direction:column}.org-program-top{display:flex;justify-content:space-between}.org-program-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#e8f6ed;color:#16834a;font-size:23px}.program-state{align-self:flex-start;padding:6px 9px;border-radius:20px;background:#e3f5e9;color:#18814a;font-size:11px}.program-state.draft{background:#f0f1ef;color:#6f7872}.org-program h2{margin-top:28px!important}.org-program>p{color:#768279}.org-progress{margin-top:auto}.org-progress span{display:flex;justify-content:space-between;margin-bottom:9px;color:#738078;font-size:12px}.org-program-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.org-program-actions button:last-child{background:#176f45;color:#fff}.org-program-note{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:16px;padding:26px 30px;background:#e9f7ed}.org-program-note p{color:#617068;max-width:900px}.org-program-note button{white-space:nowrap}
.org-kpis.analytics article:nth-child(4) small{color:#238653}.org-distribution{min-height:405px}.org-donut{width:145px;height:145px;margin:22px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#239654 0 34%,#6bb781 34% 63%,#a8d0b3 63% 85%,#e0ece3 85%);position:relative}.org-donut:before{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}.org-donut strong,.org-donut small{z-index:1;position:absolute}.org-donut strong{font-size:31px;transform:translateY(-7px)}.org-donut small{transform:translateY(20px);color:#7a887f}.org-distribution>p{display:flex;justify-content:space-between;color:#66746b}.org-distribution>p span{color:#279a59}.org-distribution>p b{margin-left:auto}.privacy-banner{display:flex;gap:16px;align-items:center;padding:20px 24px;border:1px solid #cfe3d5;background:#edf8f0;border-radius:14px;color:#365746}.privacy-banner>span{font-size:27px}.privacy-banner p{margin:4px 0 0;color:#6f7c74}
.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.integration-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.integration-logo{grid-row:span 2;display:grid;place-items:center;width:60px;height:60px;border-radius:15px;background:#ebf7ef;color:#18834b;font-size:25px}.integration-card h2{font-size:20px!important}.integration-card p{margin:6px 0;color:#748078}.integration-status{padding:6px 9px;border-radius:20px;background:#e4f5e9;color:#168049;font-size:11px}.integration-status.off{background:#f1f1ef;color:#707870}.integration-card button{grid-column:3}.api-panel{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:32px;margin-top:16px;background:#153a2a;color:#fff}.api-panel p{color:#c1d5ca;line-height:1.5}.api-checklist p{margin:6px 0;color:#dce9e2}.api-panel button{white-space:nowrap}
@media(max-width:1350px){.org-kpis{grid-template-columns:repeat(2,1fr)}.org-program-grid{grid-template-columns:repeat(2,1fr)}.org-dashboard-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.api-panel{grid-template-columns:1fr}}
@media(max-width:850px){.org-screen .screen-heading>div:last-child{flex-wrap:wrap}.org-screen .screen-heading h1{font-size:42px}.org-kpis,.org-program-grid{grid-template-columns:1fr}.org-toolbar{flex-wrap:wrap}.org-toolbar label{max-width:none;width:100%}.integration-card{grid-template-columns:auto 1fr}.integration-card button{grid-column:1/-1}.api-panel{grid-template-columns:1fr}.org-program-note{align-items:flex-start;flex-direction:column}}