@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f1f4f0;--surface:#fff;--surface2:#f7f9f6;--ink:#203b34;--muted:#7b8980;--line:#e5ebe5;--accent:#286b50;--mint:#e5f0e7;--mint2:#cce5d4;--gold:#b58c57;--shadow:0 5px 24px #18352604;--radius:23px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Manrope,system-ui,sans-serif}body.dark{--bg:#111c20;--surface:#1b2a2f;--surface2:#203239;--ink:#e6efeb;--muted:#a2b5b0;--line:#304149;--accent:#8edbbb;--mint:#26473e;--mint2:#35614f;--gold:#d3b079;--shadow:0 5px 24px #0001}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #68b99a;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.2;letter-spacing:-1.3px;font-weight:700}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:15px;letter-spacing:-.2px}.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:32px 18px 20px;background:var(--surface2);display:flex;flex-direction:column;z-index:20}.brand{font-size:20px;letter-spacing:3px;font-weight:800;display:flex;align-items:center;gap:9px;padding:0 11px}.brand-mark{font-size:33px;color:var(--accent);line-height:1}.side-label{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin:37px 12px 16px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;font-size:12px;font-weight:600;color:var(--muted);transition:background .2s}.nav-item:hover{background:var(--mint)}.nav-item.active{color:var(--accent);background:var(--mint)}.icon{width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.side-bottom{margin:auto 12px 22px;padding-top:30px;display:flex;gap:9px;font-size:10px;color:var(--muted)}.side-bottom small{font-size:9px}.sync-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:5px;flex:none}.profile{display:flex;gap:10px;align-items:center;text-align:left;background:transparent;border-top:1px solid var(--line);padding:18px 7px 0}.profile>span:nth-child(2){flex:1;font-size:12px;font-weight:700}.profile small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--mint2);color:var(--ink);font-size:14px;font-weight:600}.avatar.small{width:31px;height:31px;font-size:12px}.workspace{min-width:0}.topbar{height:78px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:16px}.demo-label{font-size:9px;letter-spacing:.9px;color:var(--muted);padding:5px 9px;border:1px solid var(--line);border-radius:20px}.icon-button{position:relative;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:20px}.notification-dot{position:absolute;right:5px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.mobile-menu{display:none}main{padding:32px 34px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px;text-transform:uppercase}.subtitle{color:var(--muted);font-size:12px;margin-top:9px}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button{padding:10px 15px;border:1px solid var(--line);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);font-size:11px;font-weight:600;min-height:38px;transition:transform .15s,background .15s}.button:hover{background:var(--mint);transform:translateY(-1px)}.button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.button.primary:hover{filter:brightness(1.1)}.button.ghost{background:transparent}.button.small{padding:6px 10px;min-height:30px;font-size:10px}.button.wide{width:100%}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-title h2{font-size:15px;letter-spacing:-.25px}.subtle{font-size:10px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;background:var(--mint);color:var(--accent);font-size:9px;font-weight:600}.badge.neutral{color:var(--muted);background:var(--surface2)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric{position:relative;padding:17px 18px;overflow:hidden;cursor:pointer;text-align:left;color:var(--ink)}.metric-label{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.metric-value{font-size:27px;font-weight:700;letter-spacing:-1px;margin:7px 0}.metric-value small{font-size:12px;letter-spacing:0;font-weight:500}.metric-foot{font-size:9px;color:var(--muted)}.spark{position:absolute;right:15px;bottom:20px;width:75px;height:25px;color:var(--accent);opacity:.6}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(235px,.9fr);gap:18px;align-items:stretch}.body-card{position:relative;min-height:495px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,var(--mint2),transparent 60%),var(--surface)}.body-card .panel-title{position:relative;z-index:3}.anatomy{width:100%;height:380px;object-fit:contain;display:block;filter:drop-shadow(0 15px 20px #18352615)}.body-card .anatomy{height:390px;margin-top:-3px}.anatomy-placeholder{height:380px;display:grid;place-items:center;color:var(--muted)}.body-caption{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:8px}.body-caption p{font-size:9px;color:var(--muted);max-width:150px}.hotspot{position:absolute;z-index:4;border:4px solid var(--surface);width:17px;height:17px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #90bea92c}.hotspot:hover{transform:scale(1.2)}.hotspot span{position:absolute;left:21px;top:-10px;background:var(--surface);border:1px solid var(--line);padding:5px 9px;border-radius:9px;white-space:nowrap;font-size:9px}.stack{display:grid;gap:18px}.achievement{background:linear-gradient(135deg,var(--mint),var(--surface));padding:22px}.achievement-title{font-size:11px;color:var(--accent);display:flex;gap:7px;align-items:center}.achievement-number{font-size:51px;letter-spacing:-3px;line-height:1.1;margin:18px 0 5px;font-weight:600}.achievement-number small{font-size:20px;letter-spacing:-.5px}.achievement h3{font-size:15px}.achievement p{font-size:10px;color:var(--muted);margin-top:7px;max-width:260px}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-svg text{font:10px Manrope,system-ui,sans-serif;fill:var(--muted)}.chart-svg .grid{stroke:var(--line);stroke-width:1}.chart-svg .line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-svg .dot{fill:var(--surface);stroke:var(--accent);stroke-width:2;cursor:pointer}.chart-svg .dot:hover{fill:var(--accent)}.chart-svg .area{fill:var(--mint);opacity:.65}.chart-svg .scatter{fill:var(--accent);opacity:.7;cursor:pointer}.chart-svg .scatter.alt{fill:var(--gold)}.insight-text{font-size:17px;line-height:1.45;letter-spacing:-.5px;margin:12px 0}.insight-source{font-size:9px;color:var(--muted);line-height:1.7}.insight-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.task-row{display:flex;gap:10px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}.task-row:last-of-type{border-bottom:0}.task-row p{font-size:11px;font-weight:600}.task-row small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.check{border:1px solid var(--line);width:20px;height:20px;border-radius:6px;background:var(--surface);flex:none;font-size:11px;display:grid;place-items:center}.check.checked{color:var(--surface);background:var(--accent);border-color:var(--accent)}.task-row.done p{text-decoration:line-through;color:var(--muted)}.morning{background:var(--mint);border-radius:14px;padding:14px;margin-top:18px}.morning strong{font-size:11px;display:block}.morning p{font-size:9px;color:var(--muted);margin:5px 0 12px}.lower-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin-top:20px}.progress{height:6px;border-radius:8px;background:var(--line);overflow:hidden;margin:13px 0}.progress>span{height:100%;background:var(--accent);display:block;border-radius:8px}.progress-value{font-size:23px;font-weight:600;letter-spacing:-.6px}.progress-value small{font-size:11px;color:var(--muted);font-weight:400}.book-row{display:flex;gap:14px;align-items:center}.book-cover{background:#375c4b;color:#e7edde;min-width:59px;height:82px;border-radius:3px 7px 7px 3px;box-shadow:inset 4px 0 #ffffff20;padding:12px 8px;font-size:8px;letter-spacing:1px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.book-cover b{font-size:11px}.section-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pill-group{display:flex;gap:4px;background:var(--surface2);padding:4px;border-radius:20px;flex-wrap:wrap}.pill{background:transparent;color:var(--muted);padding:6px 10px;border-radius:16px;font-size:10px}.pill.active{background:var(--accent);color:var(--bg)}.organ-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.anatomy-stage{position:relative;min-height:600px;overflow:hidden;background:radial-gradient(ellipse,var(--mint),transparent 65%)}.anatomy-stage .anatomy{height:540px;transition:transform .4s,filter .4s}.anatomy-stage[data-layer=muscles] .anatomy{filter:sepia(.35) saturate(1.7)}.anatomy-stage[data-layer=skeleton] .anatomy{filter:grayscale(1);opacity:.7}.organ-picker{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.organ-button{padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:11px}.organ-button.active{background:var(--mint);border-color:var(--mint2);color:var(--accent)}.organ-heading{display:flex;align-items:center;gap:14px;margin-bottom:15px}.organ-symbol{width:60px;height:60px;border-radius:20px;background:var(--mint);display:grid;place-items:center;font-size:30px}.data-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.data-row small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.data-row:last-child{border:0}.note{font-size:10px;color:var(--muted);background:var(--surface2);padding:12px 14px;border-radius:12px;margin-top:15px}.exercise{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.exercise-badge{width:45px;height:45px;background:var(--mint);border-radius:14px;display:grid;place-items:center;color:var(--accent);flex:none}.exercise-info{flex:1}.exercise h3{font-size:12px}.exercise p{font-size:10px;color:var(--muted);margin-top:4px}.exercise .actions{display:flex;gap:5px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.training-hero{padding:28px;background:linear-gradient(110deg,var(--mint),var(--surface));margin-bottom:20px}.training-hero h2{font-size:27px}.training-hero .big-number{font-size:63px;font-weight:600;letter-spacing:-3px;line-height:1.2;margin-top:14px}.training-hero .big-number small{font-size:20px;letter-spacing:0}.heatmap{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;margin:16px 0}.heat-cell{aspect-ratio:1;border-radius:4px;background:var(--mint2);min-width:0;padding:0}.heat-cell.level2{background:var(--accent)}.heat-cell.empty{background:var(--line)}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:var(--muted);margin:10px 0}.legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:5px}.legend .alt:before{background:var(--gold)}.relation-list{display:grid;gap:8px}.relation-option{background:var(--surface2);border:1px solid var(--line);border-radius:13px;padding:15px;text-align:left;font-size:12px}.relation-option.active{background:var(--mint);border-color:var(--mint2)}.relation-option small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.connection{padding:23px;display:flex;flex-direction:column;min-height:190px}.connection .logo{width:40px;height:40px;background:var(--mint);border-radius:13px;display:grid;place-items:center;font-size:15px;font-weight:700;margin-bottom:16px}.connection p{font-size:11px;color:var(--muted);margin:6px 0 18px}.connection button{margin-top:auto}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);gap:12px}.toggle-row p{font-size:12px}.toggle-row small{display:block;color:var(--muted);font-size:10px}.switch{width:42px;height:24px;border-radius:20px;background:var(--line);padding:3px;flex:none}.switch:before{content:'';width:18px;height:18px;border-radius:50%;display:block;background:var(--surface);transition:transform .2s}.switch.on{background:var(--accent)}.switch.on:before{transform:translateX(18px)}.empty-state{text-align:center;padding:45px 20px}.empty-state h3{margin:12px 0}.empty-state p{color:var(--muted);font-size:12px}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:15px 34px 85px;color:var(--muted);font-size:9px}.quick-fab{position:fixed;bottom:24px;right:30px;z-index:25;background:var(--accent);color:var(--bg);padding:12px 18px;border-radius:30px;box-shadow:0 7px 25px #153a4825;font-size:18px;display:flex;align-items:center;gap:7px}.quick-fab span{font-size:11px;font-weight:600}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;transition:.25s;background:var(--ink);color:var(--surface);padding:12px 20px;border-radius:12px;z-index:80;font-size:12px;max-width:90vw;pointer-events:none}#toast.visible{transform:translate(-50%,0);opacity:1}dialog{width:min(530px,calc(100vw - 30px));max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);padding:27px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#152b2555;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.modal-head h2{font-size:23px}.modal-head p{font-size:11px;color:var(--muted);margin-top:6px}.field{display:grid;gap:7px;margin:16px 0}.field label{font-size:11px;color:var(--muted)}input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--ink);min-width:0}textarea{resize:vertical;min-height:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.option-grid button{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);font-size:12px;text-align:left}.option-grid button:hover{background:var(--mint)}.question-count{font-size:10px;color:var(--muted)}.answer-summary{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:15px}.equipment-list{display:grid;gap:10px;margin-top:15px}.equipment-list label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:12px}.equipment-list input{width:18px;height:18px;accent-color:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{text-align:left;color:var(--muted);font-size:9px;font-weight:500}.table td,.table th{padding:12px 8px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}.chart-note{font-size:9px;color:var(--muted);margin:8px 0}.organ-controls{display:flex;justify-content:center;gap:8px;margin-top:12px}.goal{padding:20px}.goal .goal-icon{font-size:24px;margin-bottom:13px}.goal p{font-size:10px;color:var(--muted);margin:6px 0 10px}.wide-chart{min-width:0}.activity-item{padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.activity-item small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.check-label{display:flex;gap:10px;align-items:center;font-size:12px}.check-label input{width:18px;height:18px}.no-margin{margin:0}.spaced{margin-top:20px}.connection.connected{border-color:var(--mint2)}.text-accent{color:var(--accent)}
@media(min-width:1600px){main{padding:38px 45px}.dashboard-grid{grid-template-columns:1.1fr 1fr .85fr}.body-card .anatomy{height:430px}}
@media(max-width:1200px){.app{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:16px;letter-spacing:2px}main{padding:25px 22px}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.stack:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr 1fr}.lower-grid>.panel:last-child{grid-column:1/-1}.metrics{gap:9px}.metric{padding:15px 13px}.metric-value{font-size:23px}.spark{width:45px;right:10px}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.app{display:block}.sidebar{position:fixed;left:0;top:0;width:230px;transform:translateX(-100%);transition:.2s;box-shadow:10px 0 60px #0002}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid}.topbar{height:64px;gap:10px;padding:0 16px}.breadcrumb{margin-right:auto}.top-actions{gap:8px}.demo-label{display:none}.top-actions .avatar{display:none}main{padding:25px 16px}h1{font-size:29px}.page-head{align-items:flex-start}.page-head .head-actions{max-width:150px;justify-content:flex-end}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-value{font-size:27px}.spark{width:60px}.section-grid,.organ-layout{grid-template-columns:1fr}.anatomy-stage{min-height:500px}.anatomy-stage .anatomy{height:445px}.app-footer{padding:15px 16px 95px;flex-direction:column;font-size:9px}.organ-layout>.stack{gap:16px}}
@media(max-width:540px){.dashboard-grid,.lower-grid,.three-grid{grid-template-columns:1fr}.dashboard-grid>.stack:last-child{grid-column:auto;grid-template-columns:1fr}.lower-grid>.panel:last-child{grid-column:auto}.body-card{min-height:400px}.body-card .anatomy{height:310px}.dashboard-grid>.stack:nth-child(2){order:-1}.dashboard-grid>.stack:nth-child(2)>.panel:last-child{display:block}.panel{padding:19px}.page-head{flex-direction:column;gap:13px}.page-head .head-actions{max-width:none;justify-content:flex-start}.head-actions{width:100%}.achievement-number{font-size:45px}.quick-fab{bottom:18px;right:18px}.exercise{flex-wrap:wrap}.exercise .actions{width:100%;margin-left:58px;margin-top:0}.table td,.table th{padding:10px 5px}.form-grid{grid-template-columns:1fr}.topbar .breadcrumb{font-size:11px}.button{min-height:42px}.button.small{min-height:34px}.check{width:24px;height:24px}.heatmap{gap:4px}.profile{min-height:55px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:800px){.section-grid{grid-template-columns:1fr!important}}
.anatomy-map{width:100%;max-width:400px;margin:0 auto;position:relative}.anatomy-map>svg{display:block;width:100%;height:auto}.anatomy-map image{pointer-events:none}.organ-callout{color:var(--muted);cursor:pointer}.organ-callout path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.organ-callout circle{fill:currentColor;stroke:none}.organ-callout text{fill:var(--ink);font:500 32px Manrope,system-ui,sans-serif;paint-order:stroke;stroke:var(--surface);stroke-width:7px;stroke-linejoin:round}.organ-callout .label-hit{fill:transparent;stroke:none}.organ-callout:hover,.organ-callout.selected{color:var(--accent)}.organ-callout.selected text{font-weight:700}.organ-callout:focus-visible{outline:none}.organ-callout:focus-visible path{stroke-width:2}.anatomy-legend{font-size:9px;color:var(--muted);text-align:center;margin-top:2px}.body-card{display:flex;flex-direction:column;min-height:0}.body-card .anatomy-map{max-width:320px}.organ-summary{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}.organ-summary-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.organ-summary .eyebrow{font-size:9px;letter-spacing:.7px;display:block;margin-bottom:4px}.organ-summary h3{font-size:12px}.unknown-health{font-size:26px;color:var(--muted);white-space:nowrap}.unknown-health small{font-size:12px;margin-left:3px}.health-explanation{font-size:9px;color:var(--muted);margin-top:7px}.organ-advice{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.advice-kicker{font-size:8px;color:var(--accent);letter-spacing:1px;display:block;margin-bottom:6px}.organ-advice p{font-size:10px;color:var(--muted);line-height:1.6;margin:6px 0 8px}.organ-advice .button{padding-left:0}.anatomy-map[data-layer=muscles] image{filter:sepia(.25)}.anatomy-map[data-layer=skeleton] image{filter:grayscale(1)}
@media(max-width:540px){.body-card .anatomy-map{max-width:320px}.organ-callout text{font-size:34px}}
.organ-callout .organ-age-label{font-size:28px;fill:var(--muted);font-weight:400}.organ-callout .organ-next-label{font-size:28px;fill:var(--accent);font-weight:500}.organ-callout circle{filter:drop-shadow(0 0 5px #63aa8290)}.organ-callout.selected path{stroke:var(--accent);filter:drop-shadow(0 0 3px #63aa8240)}.research-steps{display:grid;gap:12px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.research-steps span{font-size:10px;font-weight:700;color:var(--accent)}.research-steps p{font-size:10px;line-height:1.65;color:var(--muted);margin-top:4px}
.organ-detail-nav{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.organ-detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.organ-visual-panel{background:radial-gradient(ellipse at 50% 45%,var(--mint),transparent 65%),var(--surface)}.organ-render{height:430px;overflow:hidden;display:grid;place-items:center;border-radius:18px}.organ-render img{width:100%;height:100%;max-height:430px;object-fit:contain;transition:transform .3s}.organ-zoom-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:12px}.organ-zoom-controls span{font-size:11px;color:var(--muted);min-width:40px;text-align:center}.organ-state .insight-text{font-size:23px}.clarify-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.clarify-row h3{font-size:12px}.clarify-row p{font-size:11px;color:var(--muted);margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.step-number{font-size:11px;color:var(--accent);min-width:23px}.test-option{padding-top:20px;margin-top:16px;border-top:1px solid var(--line)}.test-option p{font-size:11px;color:var(--muted);line-height:1.7;margin:12px 0}.test-option p strong{display:block;color:var(--ink);font-size:10px;margin-bottom:4px}.test-option .panel-title{align-items:flex-start}.test-option .badge{flex-shrink:0}button:disabled{cursor:default;opacity:.6}.organ-state .data-row strong{font-size:11px;text-align:right}
@media(max-width:800px){.organ-detail-grid{grid-template-columns:1fr}.organ-render,.organ-render img{height:330px;max-height:330px}.organ-detail-nav{gap:5px}.organ-detail-nav .organ-button{font-size:10px;padding:8px 10px}.test-option .panel-title{flex-wrap:wrap}.organ-state .insight-text{font-size:21px}}

/* Persistent coach and contextual health history */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#coach-panel{position:fixed;right:26px;bottom:94px;width:390px;max-height:calc(100dvh - 120px);z-index:45;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 18px 70px #152b3430;overflow:hidden}#coach-panel[hidden]{display:none}#coach-content{display:flex;flex-direction:column;max-height:calc(100dvh - 120px)}.coach-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.coach-head strong{font-size:18px}.coach-head small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.coach-context{background:var(--surface2);padding:9px 20px;font-size:11px;color:var(--muted)}.coach-messages{overflow:auto;min-height:100px;padding:18px;display:flex;flex-direction:column;gap:12px}.coach-message{padding:12px 14px;border-radius:15px;background:var(--surface2);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.coach-message.user{background:var(--mint);margin-left:28px}.coach-message small{display:block;color:var(--muted);font-size:9px;margin-top:8px}.coach-shortcuts{display:flex;flex-wrap:wrap;gap:5px;padding:0 16px}.coach-disclaimer{padding:10px 18px;color:var(--muted);font-size:10px}#coach-form{display:flex;align-items:end;gap:8px;border-top:1px solid var(--line);padding:14px}#coach-input{width:100%;min-width:0;resize:none;background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:12px}#coach-form button{flex:none}.wide-modal{width:min(920px,calc(100vw - 32px));max-width:920px}.pain-form-grid{display:grid;grid-template-columns: minmax(210px,.8fr) minmax(0,1fr);gap:28px}.pain-form-grid>div{min-width:0}#pain-map-wrap{background:var(--surface2);border-radius:18px;margin-top:12px}.pain-body-svg{display:block;width:100%;height:370px;touch-action:manipulation}.body-silhouette{fill:var(--mint2);stroke:var(--accent);stroke-width:1;cursor:crosshair}.body-guides{fill:none;stroke:var(--accent);stroke-opacity:.18;pointer-events:none}.pain-body-svg text{font-size:10px;fill:var(--muted);pointer-events:none}.pain-pin{pointer-events:none}.pain-pin circle:first-child{fill:#cc805733;stroke:#bf7658;stroke-width:1}.pain-pin circle:nth-child(2){fill:#bf7658}.pain-history-row{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:15px 0;border-bottom:1px solid var(--line);background:none;gap:14px}.pain-history-row small{display:block;color:var(--muted);font-size:11px}.pain-history-row strong{white-space:nowrap}.pain-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.urgent-note{font-size:11px;color:var(--muted);padding:12px;background:var(--surface2);border-radius:10px}.urgent-note summary{cursor:pointer}.urgent-note p{margin:10px 0}.urgent-note a{text-decoration:underline}.metric-history-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0}.history-filters{display:flex;gap:6px;flex-wrap:wrap}.metric-history-svg{width:100%;display:block;margin:22px 0 10px;overflow:visible}.metric-history-svg text{fill:var(--muted);font-size:11px}.metric-history-svg .grid{stroke:var(--line)}.metric-line{fill:none;stroke:var(--accent);stroke-width:2.5}.metric-point{fill:var(--surface);stroke:var(--accent);stroke-width:2;cursor:pointer}.metric-point.selected{fill:var(--accent);stroke:var(--mint2);stroke-width:3}.period-band.attention{fill:#d3aa6530}.period-band.steady{fill:#6caa8a25}.history-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-bottom:12px}.history-legend .attention{color:var(--gold)}.history-legend .steady{color:var(--accent)}.history-detail{background:var(--surface2);border-radius:15px;padding:18px;display:flex;gap:22px;align-items:center;margin-top:20px}.history-detail p{font-size:12px;margin-top:8px;color:var(--muted)}.history-detail button{flex:none}.metric-history-svg circle:focus-visible{outline:2px solid var(--gold)}
@media(max-width:650px){#coach-panel{right:12px;bottom:82px;width:calc(100vw - 24px);max-height:calc(100dvh - 100px)}#coach-content{max-height:calc(100dvh - 100px)}.pain-form-grid{grid-template-columns:1fr;gap:24px}.pain-body-svg{height:310px}.wide-modal{width:calc(100vw - 20px);max-height:94dvh}.history-detail{display:block}.history-detail button{margin-top:12px}.metric-history-header{align-items:start}.metric-history-header .metric-value{font-size:28px}.history-filters .button{font-size:10px}.pain-history-row{font-size:12px}}

.saved-pain-maps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.saved-pain-maps>div{background:var(--surface2);border-radius:14px;padding:12px}.saved-pain-maps .pain-body-svg{height:250px}.saved-pain-maps .body-silhouette{cursor:default}
.map-pain-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface2);border:1px solid var(--line);border-radius:14px;margin:12px 0}.map-pain-toolbar small{display:block;color:var(--muted);font-size:10px}.map-pain-form{padding:18px;background:var(--surface2);border:1px solid var(--line);border-radius:18px;margin-top:12px}.map-pain-form[hidden],.saved-pain-maps[hidden]{display:none}.pain-selecting .anatomy-map{outline:1px solid var(--gold);border-radius:16px}.pain-selecting .anatomy-map svg{cursor:crosshair}.map-pain-marker{pointer-events:none}.map-pain-marker path{fill:none;stroke:#be704b;stroke-width:3}.map-pain-marker circle{fill:#be704b}.map-pain-marker text{fill:#be704b;font-size:30px;font-weight:700}.saved-anatomy-point{text-align:center;background:var(--surface2);border-radius:18px;margin:16px 0;padding:12px}.saved-anatomy-point svg{height:340px;max-width:100%}.map-pain-form textarea{min-height:90px}
.atlas-controls{display:grid;gap:8px;margin:12px 0}.atlas-controls .pill-group{display:flex;justify-content:center}.atlas-controls .pill{flex:1}.atlas-map{background:#fff;border-radius:18px;overflow:hidden}.atlas-map .organ-leaders text{font-size:27px;fill:#28483c}.atlas-map .organ-leaders path{stroke:#58786a}.atlas-map .anatomy-legend{color:#68796d}.atlas-map>svg{filter:none!important;opacity:1!important}.atlas-map[data-layer] image{filter:none!important;opacity:1!important}
.atlas-depth{display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:11px;color:var(--muted)}.atlas-depth input{min-width:40px;flex:1;accent-color:var(--accent)}.atlas-depth output{width:32px}.atlas-system{transition:opacity .35s ease;pointer-events:none}.atlas-map>svg{isolation:isolate;background:#fff}.atlas-index{padding:16px 0}.atlas-index small{color:var(--muted)}.atlas-structure-list{display:flex;flex-wrap:wrap;gap:6px}.atlas-structure-list button{background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:10px}.atlas-structure-list button.active{background:var(--mint);border-color:var(--accent)}.atlas-selection{margin-top:15px;padding:14px;background:var(--mint);border-radius:12px}.atlas-selection p{font-size:11px;margin:8px 0}.atlas-views .pill{padding-left:5px;padding-right:5px}.atlas-map .organ-callout.selected path{stroke:#c07849;stroke-width:3}.atlas-map .organ-callout.selected circle{fill:#c07849}
.morning-check{margin:0 0 24px;display:flex;gap:24px;align-items:center}.morning-check.active{padding:24px 28px;background:linear-gradient(110deg,var(--mint),var(--surface) 55%)}.morning-visual{width:125px;flex:none;text-align:center}.morning-visual img{width:115px;height:140px;object-fit:contain;mix-blend-mode:multiply}.morning-visual span{display:block;font-size:10px;color:var(--muted)}.morning-main{flex:1;min-width:0}.morning-main h2{font-size:24px;margin:14px 0 6px}.morning-main>p{color:var(--muted);font-size:12px}.morning-dots{display:flex;gap:5px;margin-top:10px}.morning-dots span{height:3px;flex:1;border-radius:2px;background:var(--line)}.morning-dots span.ok{background:var(--accent)}.morning-dots span.concern{background:var(--gold)}.morning-dots span.unknown{background:var(--muted)}.morning-dots span.current{outline:1px solid var(--accent);outline-offset:2px}.morning-answer-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 12px}.morning-answer{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:12px}.morning-answer span{font-size:20px;line-height:1}.morning-answer.ok{color:var(--accent)}.morning-answer.concern{color:var(--gold)}.morning-answer:hover{border-color:currentColor}.morning-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);gap:10px}.morning-main .morning-caption{font-size:9px;margin-top:8px}.morning-detail{margin-top:14px}.morning-detail label{font-size:12px}.morning-detail small{color:var(--muted)}.morning-detail textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0;resize:vertical}.morning-complete{justify-content:space-between}.morning-complete p{margin-top:7px;font-size:12px}.morning-complete>button{flex:none}.morning-review-note{display:block;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:11px;margin-top:5px}.dark .morning-visual img{mix-blend-mode:normal}@media(max-width:650px){.morning-check{gap:12px;flex-wrap:wrap}.morning-check.active{padding:18px}.morning-visual{display:none}.morning-main h2{font-size:21px}.morning-answer-buttons{gap:6px}.morning-answer{padding:12px 6px;flex-direction:column;gap:7px;font-size:11px;min-height:76px}.morning-footer>span{max-width:190px}.morning-detail .actions{flex-wrap:wrap}.morning-complete>button{width:100%}}

.morning-intimacy-symbol{font-size:72px;line-height:140px;color:var(--accent)}.intimacy-answers{grid-template-columns:repeat(4,1fr)}@media(max-width:650px){.intimacy-answers{grid-template-columns:repeat(2,1fr)}}
.morning-signals{margin:15px 0}.morning-signals-label{font-size:11px;color:var(--ink);margin-bottom:8px}.morning-signals-label span{color:var(--muted);margin-left:8px;font-size:10px}.morning-signal-list{display:flex;flex-wrap:wrap;gap:6px}.morning-signal-list button{padding:7px 10px;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:11px}.morning-signal-list button.selected{background:var(--mint);color:var(--accent);border-color:var(--accent)}.morning-signal-list button.more{border-color:transparent;background:transparent}.morning-signals .morning-caption{font-size:10px;color:var(--muted);margin-top:8px}
.experience-grid{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(320px,1fr);gap:24px;align-items:start}.experience-side{display:grid;gap:20px}.experience-body .anatomy-map>svg{max-height:730px}.visual-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.visual-progress .progress-value{font-size:28px}.visual-progress .subtle{min-height:45px}.section-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.observation-row{display:flex;width:100%;justify-content:space-between;gap:16px;text-align:left;background:none;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.observation-row small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.observation-row>span:last-child{flex-shrink:0;color:var(--muted)}.observation-timeline article{border-left:2px solid var(--mint2);padding:0 0 20px 18px}.observation-timeline small{color:var(--muted);font-size:10px}.observation-timeline p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.observation-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.morning-footer{flex-wrap:wrap}@media(max-width:1100px){.visual-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.experience-grid{grid-template-columns:1fr}.experience-body .anatomy-map>svg{max-height:620px}}@media(max-width:550px){.visual-progress-grid{grid-template-columns:1fr}.experience-grid{gap:18px}.observation-row{flex-wrap:wrap}.visual-progress .subtle{min-height:0}}

/* BECOME · warm editorial surfaces, sculptural anatomy, quiet kinetic details */
:root{--bg:#f3f2ec;--surface:#fdfcf8;--surface2:#eeefe7;--ink:#243c33;--muted:#68796d;--line:#dfe3d8;--accent:#244d3d;--mint:#e9eddf;--mint2:#c8d7b5;--gold:#9b6b43;--radius:25px;--shadow:0 8px 34px #263a2705}body{background:var(--bg);letter-spacing:-.15px}.dark{--bg:#141d19!important;--surface:#1d2922!important;--surface2:#243229!important;--ink:#f0f0e5!important;--muted:#adbaad!important;--line:#35453a!important;--accent:#d8eca8!important;--mint:#2c3d2e!important;--mint2:#405c3e!important;--gold:#dfb389!important}.app{grid-template-columns:224px minmax(0,1fr)}.sidebar{background:var(--bg);border-right:1px solid var(--line);padding-top:31px}.brand{gap:10px;font-size:21px;letter-spacing:2px;padding:0 7px;font-weight:800}.become-mark{width:40px;height:40px;flex:none;border-radius:13px;transition:transform .5s cubic-bezier(.16,1,.3,1)}.brand:hover .become-mark{transform:rotate(-7deg)}.brand small{display:block;font-size:6px;letter-spacing:1.5px;font-weight:600;margin-top:3px}.side-label{font-size:8px;letter-spacing:1.7px;margin-top:48px}.nav-item{padding:14px 15px;margin-bottom:4px;border:1px solid transparent;border-radius:13px;transition:background .2s,transform .25s,border-color .2s}.nav-item.active{background:var(--surface);border-color:var(--line);box-shadow:0 4px 15px #263a2704}.nav-item:hover{transform:translateX(3px)}.topbar{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}#content{max-width:1700px;margin:0 auto;padding-top:40px}.page-head{margin-bottom:30px}.page-head h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(32px,3.2vw,52px);line-height:1.08;letter-spacing:-1.8px;max-width:850px}.page-head .subtitle{margin-top:13px;max-width:650px;line-height:1.7;font-size:12px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.5px}.panel{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);background:var(--surface)}h2{font-weight:600;letter-spacing:-.55px}h3{font-weight:600}.button{border-radius:11px;transition:transform .2s,background .2s,box-shadow .2s;min-height:36px}.button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #243c330b}.button:active{transform:translateY(0) scale(.98)}.button.primary{background:var(--accent);color:var(--surface)}.dark .button.primary{color:#1d2922}.metric{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.metric:hover{transform:translateY(-4px);box-shadow:0 12px 30px #243c3310}.metric-value{letter-spacing:-1.6px;font-size:36px;font-weight:500;font-variant-numeric:tabular-nums}.metric-label{font-size:11px}.metric-foot{font-size:9px}.metric .spark{opacity:.5}.morning-check.active{background:linear-gradient(110deg,#e9eddf,var(--surface) 60%);border-color:#d7dfcc;gap:26px}.morning-visual{width:150px}.become-portrait{display:block;width:100%;height:auto;aspect-ratio:1;overflow:hidden;border-radius:20px;mix-blend-mode:multiply}.morning-visual .become-portrait{width:150px;height:150px}.morning-visual span{font-size:8px;letter-spacing:1.7px;margin-top:12px}.morning-main h2{font-size:25px;font-weight:500}.morning-answer{background:color-mix(in srgb,var(--surface) 80%,transparent);border-radius:14px;min-height:58px;transition:transform .2s,border-color .2s,background .2s}.morning-answer:hover{transform:translateY(-3px);background:var(--surface)}.morning-dots span{transition:background .25s}.morning-signal-list button{font-size:10px}.experience-body{padding:25px}.experience-grid{gap:24px;grid-template-columns:minmax(360px,1.05fr) minmax(320px,1fr)}.map-pain-toolbar{background:var(--surface2);border:0;padding:14px}.atlas-controls{gap:9px}.atlas-controls .pill-group{background:var(--surface2);padding:4px;border-radius:14px}.atlas-controls .pill{border-radius:10px}.atlas-map{background:#f5f3ec}.atlas-map>svg{background:#fff;mix-blend-mode:multiply}.atlas-map .organ-leaders path{stroke-width:1.5;stroke:#80927e}.atlas-map .organ-leaders text{font-size:26px;letter-spacing:.2px}.atlas-index .note{font-size:9px}.atlas-structure-list button{background:transparent;border-radius:8px}.achievement{background:#263f32!important;color:#f4f3e8!important;border-color:#263f32}.achievement .eyebrow,.achievement .subtle{color:#bfccb8}.achievement .chart-svg .line{stroke:#d9eca8}.achievement .chart-svg .dot{fill:#d9eca8;stroke:#263f32}.achievement .chart-svg .area{fill:#d9eca810}.achievement .chart-svg text{fill:#bbc9b6}.achievement .chart-svg .grid{stroke:#ffffff15}.achievement .button{background:#d9eca8;color:#263f32}.achievement h2{font-family:Georgia,serif;font-size:30px;font-weight:400}.chart-svg .line{stroke-width:2.2}.chart-svg .grid{stroke-dasharray:3 5;opacity:.7}.chart-svg .dot{transition:r .15s;cursor:pointer}.chart-svg .dot:hover{r:5.5}.chart-svg .area{opacity:.5}.visual-progress .progress-value{font-family:Georgia,serif;font-weight:400;font-size:32px;letter-spacing:-1px}.visual-progress{transition:border-color .25s}.visual-progress:hover{border-color:#b6c7a6}.quick-fab{background:#263f32;color:#edf3dd;border:1px solid #466047;box-shadow:0 8px 30px #18321f22;transition:transform .25s,box-shadow .25s}.quick-fab:hover{transform:translateY(-3px);box-shadow:0 12px 35px #18321f35}#coach-panel{border-radius:24px;background:var(--surface);box-shadow:0 24px 90px #172b2929}.coach-head{border-bottom:1px solid var(--line)}.coach-message{border-radius:15px;font-size:12px}.coach-message.user{background:var(--mint)}dialog{background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 100px #15282033}dialog[open]{animation:become-dialog .28s cubic-bezier(.16,1,.3,1)}dialog::backdrop{background:#172c234d;backdrop-filter:blur(9px)}.organ-render{background:#f5f3ec;border-radius:23px;overflow:hidden;display:grid;place-items:center}.organ-render .become-portrait{width:100%;height:100%;max-height:540px;transform-origin:center;transition:transform .4s cubic-bezier(.16,1,.3,1)}.organ-symbol{font-family:Georgia,serif}.dark .morning-check.active{background:linear-gradient(110deg,#2c3d2e,var(--surface) 60%);border-color:var(--line)}.dark .become-portrait{mix-blend-mode:normal;background:#f5f3ec}.dark .atlas-map>svg{mix-blend-mode:normal}.dark .achievement{background:#304734!important}.dark .button.primary{background:var(--accent)}:focus-visible{outline:2px solid #719452;outline-offset:4px}.app-footer{letter-spacing:.5px;font-size:9px}@keyframes become-dialog{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:1100px){.morning-visual{width:110px}.morning-visual .become-portrait{width:110px;height:110px}.experience-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.app{grid-template-columns:1fr}.experience-grid{grid-template-columns:1fr}.sidebar{width:224px}.page-head h1{font-size:36px}.morning-check.active{gap:15px}.experience-body{padding:18px}}@media(max-width:650px){#content{padding-top:25px}.page-head h1{font-size:35px;letter-spacing:-1.2px}.morning-check.active{display:block;padding:18px}.morning-visual{display:flex;width:100%;align-items:center;gap:12px;margin-bottom:14px}.morning-visual .become-portrait{width:62px;height:62px;border-radius:12px}.morning-visual span{margin:0;font-size:8px}.morning-main h2{font-size:23px}.morning-answer{min-height:77px}.panel{border-radius:21px}.metric-value{font-size:29px}.metric-foot{font-size:9px}.visual-progress .progress-value{font-size:30px}.quick-fab{bottom:18px}.demo-label{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.organ-symbol .become-portrait{width:64px;height:64px;flex:none;border-radius:12px}.atlas-map[data-layer] image{filter:saturate(.65) contrast(.97)!important}
@media(max-width:650px){.topbar .breadcrumb::before{content:'BECOME';display:block;font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--ink);line-height:1.2;margin-bottom:3px}.topbar .breadcrumb{font-size:9px}}

:root{--bg:#e9ecee;--surface:#f8f9fa;--surface2:#e2e6e9;--ink:#171d23;--muted:#586672;--line:#cdd4d9;--accent:#294758;--mint:#dce5e9;--mint2:#b6ccd6;--gold:#9b591e;--radius:10px;--shadow:none}.dark{--bg:#101418!important;--surface:#181e24!important;--surface2:#202931!important;--ink:#edf2f5!important;--muted:#a3b0ba!important;--line:#35424c!important;--accent:#c9ed49!important;--mint:#293438!important;--mint2:#46575f!important;--gold:#eab477!important}.brand{font-size:23px;font-style:italic;letter-spacing:1px;font-weight:800}.become-mark{width:40px;height:40px;border-radius:6px}.brand:hover .become-mark{transform:translateX(2px)}.brand small{font-style:normal;font-size:6px;letter-spacing:2px}.side-label{font-size:7px;letter-spacing:1.2px}.sidebar{background:var(--bg)}.nav-item,.nav-item.active{border-radius:5px;box-shadow:none}.nav-item.active{border-left:3px solid var(--accent);background:var(--surface)}.page-head h1{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-2px;line-height:1.04;font-size:clamp(32px,3.1vw,49px)}.page-head .subtitle{font-size:12px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.2px}.panel{border-radius:10px;box-shadow:none}.button,.pill,.organ-button{border-radius:5px!important;font-weight:650}.button.primary{background:#202c34;color:#f0f5f7}.dark .button.primary{background:#c9ed49;color:#172023}.metric{border-top:3px solid var(--line)}.metric:hover{box-shadow:0 8px 18px #17202312;border-top-color:var(--accent);transform:translateY(-2px)}.metric-value{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:35px;letter-spacing:-1.6px}.metric-label{text-transform:uppercase;letter-spacing:.6px;font-size:10px}.metric .spark{color:#557b90;opacity:.85}.metric-foot{font-family:ui-monospace,monospace;letter-spacing:-.3px}.morning-check.active{background:linear-gradient(100deg,var(--surface2),var(--surface) 65%);border-color:var(--line);border-left:4px solid #607989}.morning-main h2{font-weight:750;letter-spacing:-.7px}.morning-answer,.morning-signal-list button{border-radius:5px}.morning-answer{font-weight:650}.morning-visual .become-portrait{border-radius:6px;filter:saturate(.55)}.morning-dots span{border-radius:0}.morning-answer-buttons{gap:8px}.map-pain-toolbar{border-radius:6px}.atlas-controls .pill-group{border-radius:5px}.atlas-map,.organ-render{border-radius:8px;background:#eff0ed}.atlas-index .note{border-radius:4px}.atlas-structure-list button{border-radius:4px}.achievement{background:#1b252d!important;color:#f2f5f7!important;border:1px solid #34444e;border-top:3px solid #cfef4c}.achievement .eyebrow,.achievement .subtle{color:#b6c5ce}.achievement h2{font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1px}.achievement .button{background:#cfef4c;color:#19242b}.dark .achievement{background:#1b252d!important}.visual-progress .progress-value{font-family:Manrope,Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.3px}.visual-progress:hover{border-color:#748d9c}.visual-progress .panel-title{border-bottom:1px solid var(--line);padding-bottom:12px}.visual-progress .panel-title h3{text-transform:uppercase;font-size:11px;letter-spacing:1px}.badge{border-radius:3px;font-family:ui-monospace,monospace;font-size:9px}.quick-fab{border-radius:7px;background:#18252d;border-color:#405462;color:#e8f3f8}.dark .quick-fab{background:#c9ed49;border-color:#c9ed49;color:#15202a}#coach-panel,dialog{border-radius:10px}.coach-message,#coach-input,.history-detail,.note{border-radius:6px}.profile .avatar,.avatar.small{background:#cdd7dd;color:#17252e}.dark .avatar{background:#354651;color:#f2f6f8}.observation-row strong{font-weight:750}.performance-chart{margin:16px 0 12px;color:#426c87;position:relative}.chart-console{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 9px;min-height:26px}.chart-readout{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);font-size:11px}.chart-readout b{font-size:20px;letter-spacing:-1px}.chart-readout small{font-size:9px;color:var(--muted)}.chart-delta{font-family:ui-monospace,monospace;font-size:11px;color:var(--ink);white-space:nowrap}.chart-delta small{display:block;color:var(--muted);font-size:8px;text-align:right}.performance-chart .chart-svg{display:block;width:100%;overflow:visible;touch-action:pan-y}.performance-chart .line{stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.performance-chart .grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 5;opacity:.8}.performance-chart .vertical-grid{stroke:var(--line);stroke-width:.7;opacity:.4}.performance-chart .dot{fill:var(--surface);stroke:currentColor;stroke-width:1.4}.performance-chart .last-dot{fill:currentColor}.performance-chart .chart-svg text{font-family:ui-monospace,monospace;font-size:10px;fill:var(--muted)}.chart-crosshair{stroke:currentColor;stroke-width:1;stroke-dasharray:4 4;opacity:.55;pointer-events:none}.chart-cursor{fill:var(--surface);stroke:currentColor;stroke-width:2.6;pointer-events:none;filter:drop-shadow(0 0 4px #5087a244)}.performance-bar{fill:currentColor;opacity:.75;transition:opacity .15s}.performance-bar:hover{opacity:1}.performance-chart figcaption{display:flex;justify-content:space-between;gap:12px;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:.7px;color:var(--muted);padding-top:8px;border-top:1px solid var(--line)}.achievement .performance-chart{color:#cfef4c}.achievement .chart-readout,.achievement .chart-delta{color:#edf4e3}.achievement .chart-readout small,.achievement .chart-delta small,.achievement .performance-chart figcaption{color:#a9bbc5}.achievement .performance-chart .dot,.achievement .chart-cursor{fill:#1b252d;stroke:#cfef4c}.achievement .performance-chart .grid,.achievement .performance-chart .vertical-grid{stroke:#40515d}.achievement .performance-chart figcaption{border-color:#40515d}.dark .performance-chart{color:#95c7e3}.dark .achievement .performance-chart{color:#cfef4c}.dark .morning-check.active{background:linear-gradient(100deg,#222e37,var(--surface) 65%);border-color:var(--line);border-left-color:#c9ed49}.metric-history-svg .metric-line{stroke:#5889a5;stroke-width:3}.dark .metric-history-svg .metric-line{stroke:#95c7e3}.metric-history-svg .metric-point{stroke:#5889a5}.metric-history-svg .metric-point.selected{fill:#5889a5;stroke:var(--surface);stroke-width:3}.metric-history-svg text{font-family:ui-monospace,monospace}.period-band.steady{fill:#6399b61a}.period-band.attention{fill:#d9a36122}.history-legend .steady{color:#618ba3}.history-filters .button{border-radius:4px}.organ-render .become-portrait{filter:saturate(.65)}.atlas-map[data-layer] image{filter:saturate(.5) contrast(1.02)!important}@media(max-width:650px){.page-head h1{font-family:Manrope,Arial,sans-serif;font-size:35px;font-weight:800;letter-spacing:-1.6px}.panel{border-radius:8px}.metric-value{font-size:29px}.morning-main h2{font-size:23px}.performance-chart{margin-top:14px}.chart-readout b{font-size:19px}.chart-delta{font-size:10px}.visual-progress .progress-value{font-size:29px}.become-portrait{border-radius:5px}}
.history-crosshair{stroke:#5889a5;stroke-width:1;stroke-dasharray:4 5;opacity:.6}.history-crosshair.horizontal{opacity:.25}.dark .history-crosshair{stroke:#95c7e3}
.performance-chart .chart-svg text{font-size:12px}.chart-console small{font-family:inherit}.performance-chart figcaption{font-size:9px;letter-spacing:.2px}
.balance-panel{padding:22px;margin:0 0 24px}.balance-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;margin:20px 0}.balance-item{background:transparent;text-align:left;padding:8px 0;min-width:0}.balance-item>span:first-child{display:flex;justify-content:space-between;gap:5px;align-items:baseline}.balance-item strong{font-size:12px}.balance-item small{font-size:9px;color:var(--muted)}.balance-track{height:6px;background:var(--surface2);margin:13px 0 9px;overflow:hidden}.balance-track i{display:block;height:100%;background:#688ca2;transition:width .35s}.dark .balance-track i{background:#b8dc48}.balance-caption{display:flex;flex-direction:column;gap:4px;font-size:9px;color:var(--muted)}.balance-caption b{font-size:12px;font-family:ui-monospace,monospace;color:var(--ink)}.health-status{border-left:1px solid var(--line);padding-left:14px}.health-status>b{display:block;font-size:12px;margin:12px 0}.health-status small{display:block}.advice-item{padding:20px 0;border-bottom:1px solid var(--line)}.advice-item h3{font-size:17px;margin:8px 0 10px;line-height:1.4}.advice-item details{font-size:11px;color:var(--muted);margin-bottom:14px}.advice-item summary{cursor:pointer}.advice-item details p{margin-top:8px}.advice-actions{display:flex;gap:7px;flex-wrap:wrap}.advice-status{display:block;font-size:12px;margin:10px 0;color:var(--accent)}.advice-followups{margin-top:18px}.balance-edit-row{display:grid;grid-template-columns:1fr 110px 110px;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.balance-edit-row strong{font-size:12px}.balance-edit-row small{display:block;font-weight:400;color:var(--muted);font-size:10px}.balance-edit-row label{font-size:10px;color:var(--muted)}.balance-edit-row input{width:100%;padding:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:4px}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.analysis-grid h3{margin:10px 0;font-size:16px}.analysis-grid p{font-size:12px;color:var(--muted);line-height:1.6}@media(max-width:1200px){.balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.health-status{border-left:0;padding-left:0}}@media(max-width:650px){.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.balance-panel{padding:18px}.balance-panel .panel-title{align-items:start}.balance-panel h2{font-size:20px}.health-status{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}.analysis-grid{grid-template-columns:1fr;gap:18px}.balance-edit-row{grid-template-columns:1fr 80px 80px;gap:8px}.advice-item h3{font-size:16px}}
.source-lens{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0;margin-bottom:20px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.source-lens button{background:none;padding:0;color:var(--ink);font-size:10px}.source-lens i{display:inline-block;width:6px;height:6px;background:#8eaa54;margin-right:7px}.future-teaser{display:grid;grid-template-columns:1fr .8fr;overflow:hidden;margin-bottom:24px;background:#141e29;color:#e8eff5;border-color:#344352;padding:0}.future-teaser>div{padding:32px}.future-teaser h2{font-size:26px;line-height:1.2;margin:12px 0}.future-teaser p{font-size:12px;color:#afbfcc;max-width:500px;margin-bottom:22px}.future-teaser .eyebrow{color:#a7c9e4}.future-teaser .button.primary{background:#c9ed49;color:#17212b}.future-teaser .button:not(.primary){background:#273544;color:#e8eff5;border-color:#45576a}.future-concept-button{position:relative;padding:0;background:#101925;overflow:hidden;text-align:left;min-height:260px}.future-concept-button img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.future-concept-button:hover img{transform:scale(1.035)}.future-concept-button span{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#0c1629c9;font:8px ui-monospace,monospace;letter-spacing:1px;color:#cad8e8}.concept-full{width:100%;display:block;border-radius:6px}.possibility-map{background:radial-gradient(ellipse at 10% 50%,#243949,#111923 65%);color:#e6eff5;padding:28px;border-color:#324452}.possibility-map .button{background:#263747;color:#d6e4ef;border-color:#405669}.possibility-map .note{background:#1b2a37;color:#a8bed0}.possibility-branches{display:block;width:100%;margin:16px 0;overflow:visible}.possibility-seed{fill:#cfef62;stroke:#efffc1;stroke-width:1;filter:drop-shadow(0 0 14px #b9ed4770)}.seed-label{fill:#cedeea;font:11px ui-monospace,monospace;letter-spacing:2px}.branch-ribbon{fill:#5083a9;opacity:.15}.branch-line{fill:none;stroke:#62859f;stroke-width:1.2}.branch-end{fill:#87aac3}.possibility-branch rect{fill:#1a2835;stroke:#304454;stroke-width:1}.possibility-branch text{fill:#dce9f2}.branch-name{font-size:16px;font-weight:650}.branch-value{font:11px ui-monospace,monospace;fill:#9bb5c7!important}.possibility-branch{cursor:pointer}.possibility-branch.selected .branch-line{stroke:url(#branch-light);stroke-width:3;filter:drop-shadow(0 0 5px #8ed6ee55)}.possibility-branch.selected .branch-ribbon{opacity:.42;fill:#91bbd1}.possibility-branch.selected rect{stroke:#badc73;fill:#243844}.possibility-branch.selected .branch-end{fill:#c9ed49}.possibility-branch:hover rect{fill:#2c4253}.possibility-branch:focus-visible{outline:none}.possibility-branch:focus-visible rect{stroke:#fff;stroke-width:3}.scenario-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.scenario-comparison>div{padding:18px;background:var(--surface2);border-left:2px solid var(--line)}.scenario-comparison>div:last-child{border-color:#7e9d57}.scenario-comparison small{font:9px ui-monospace,monospace;color:var(--muted)}.scenario-comparison b{display:block;font-size:30px;margin:12px 0}.scenario-comparison p{font-size:11px;color:var(--muted);line-height:1.6}.scenario-budget{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:14px 0;border-top:1px solid var(--line)}.scenario-budget strong{white-space:nowrap}.micro-experiment{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.micro-experiment p{margin:12px 0;font-size:12px}.experiment-cells{display:flex;gap:6px;margin:16px 0}.experiment-cells span{display:grid;place-items:center;width:32px;height:32px;background:var(--surface2);border:1px solid var(--line);font-size:10px;color:var(--muted)}.experiment-cells span.yes{background:#b5cc75;color:#142115}.experiment-cells span.marked{background:#8da3b3;color:#15222d}.decision-record{padding:18px 0;border-bottom:1px solid var(--line)}.decision-record small{color:var(--muted);font-size:10px}.decision-record h3{margin:8px 0}.decision-record p{font-size:12px;margin:10px 0}.method-intro{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:20px 0;margin-bottom:15px;font:10px ui-monospace,monospace;letter-spacing:1px}.method-intro i{color:var(--muted)}.method-picks{display:flex;gap:6px;margin:15px 0;flex-wrap:wrap}.method-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.method-stats small{display:block;font:8px ui-monospace,monospace;color:var(--muted);min-height:25px}.method-stats b{display:block;font-size:27px;letter-spacing:-1px}.method-stats em{font-size:10px;font-style:normal;letter-spacing:0}.method-insight{padding:16px;background:var(--surface2);border-left:2px solid #7897ac;margin:18px 0}.method-insight strong{font-size:12px}.method-insight p{font-size:12px;margin-top:8px;line-height:1.65}.method-details{font-size:11px;color:var(--muted);margin-top:14px}.method-details summary{cursor:pointer;color:var(--ink)}.method-details p{margin-top:10px;line-height:1.7}.method-scatter svg{width:100%;margin-top:20px}.method-scatter line{stroke:var(--line);stroke-width:1}.method-scatter path{fill:#5f92b2;opacity:.8}.method-scatter text{font:11px ui-monospace,monospace;fill:var(--muted)}.future-insight{margin:0 0 24px;padding:26px;border-left:3px solid #7898b2}.future-insight .panel-title{gap:15px;flex-wrap:wrap}.future-insight h2{font-size:25px;max-width:850px;margin:10px 0 14px}.future-insight>p{max-width:800px;line-height:1.7;color:var(--muted);font-size:13px}.future-insight-tag{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}@media(max-width:900px){.future-teaser{grid-template-columns:1fr .65fr}.future-teaser>div{padding:24px}.future-teaser h2{font-size:22px}}@media(max-width:650px){.future-teaser{grid-template-columns:1fr}.future-concept-button{height:160px;min-height:0}.future-concept-button img{object-position:center 45%}.future-teaser>div{padding:20px}.source-lens{gap:10px;font-size:9px}.possibility-map{padding:15px}.possibility-map .panel-title{flex-wrap:wrap;gap:10px}.possibility-map h2{font-size:19px}.possibility-branches{min-height:260px}.branch-name{font-size:20px}.branch-value{font-size:15px}.scenario-comparison{gap:8px}.scenario-comparison>div{padding:12px}.scenario-comparison b{font-size:25px}.method-stats{gap:10px}.method-stats b{font-size:24px}.method-intro{gap:8px;font-size:8px}.future-insight{padding:20px}.future-insight h2{font-size:22px}.future-insight .pill{font-size:10px}}
.possibility-directions{display:none}.possibility-branch.selected .branch-line{stroke-dasharray:12 3 70 3;animation:branch-flow 12s linear infinite}@keyframes branch-flow{to{stroke-dashoffset:-176}}@media(max-width:650px){.possibility-directions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 18px}.possibility-directions button{padding:12px;background:#1c2c3b;color:#e3edf3;border:1px solid #385064;text-align:left;border-radius:4px}.possibility-directions button.selected{border-color:#c9ed49}.possibility-directions strong{font-size:12px;display:block}.possibility-directions small{font-size:9px;color:#a8bdce}.possibility-branches .branch-name{font-size:23px}.possibility-branches .branch-value{font-size:17px}}@media(prefers-reduced-motion:reduce){.possibility-branch.selected .branch-line{animation:none}}

/* BECOME / LIFE FIELD — four human values, one transparent instrument. */
:root{--bg:#e8edf1;--surface:#f6f9fb;--surface2:#e0e9ee;--line:#cbd9e2;--ink:#162938;--muted:#536c7c;--accent:#28556b}.dark{--bg:#08131e!important;--surface:#0e2030!important;--surface2:#152b3c!important;--line:#284457!important;--ink:#e7f2fa!important;--muted:#a4bdce!important;--accent:#a1d8ec!important;--mint:#1d3a44!important;--mint2:#315666!important;--gold:#edbb85!important}body{background-image:radial-gradient(ellipse at 95% 0,#84b8cf12,transparent 40%)}.brand small{font-size:5px;letter-spacing:1px}.brand{gap:8px}.sidebar{background:color-mix(in srgb,var(--bg) 94%,#89c2db 6%)}.page-head h1{letter-spacing:-2.2px;font-weight:750}.page-head .subtitle{max-width:850px}.panel{position:relative;background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 96%,#9bcfe4 4%),var(--surface));border-color:var(--line);box-shadow:0 8px 36px #123d5604}.holo-corner{position:absolute;right:9px;top:9px;width:10px;height:10px;border-top:1px solid #8cb5c870;border-right:1px solid #8cb5c870;pointer-events:none}.panel:hover>.holo-corner{border-color:#70b7d6}.metric{border-top-width:1px}.metric::before{content:'';position:absolute;left:0;top:25%;bottom:25%;width:2px;background:linear-gradient(transparent,#729cae,transparent)}.metric-value{font-weight:700}.metric:hover{border-top-color:var(--line)}.chart-console,.chart-delta,.chart-readout,.eyebrow{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}.performance-chart{--chart-accent:#8acfe9;color:#40788f;isolation:isolate;padding:13px 10px 10px;margin-left:-10px;margin-right:-10px;background:linear-gradient(180deg,#87b8d013,transparent 85%);border-top:1px solid #80acc029;border-bottom:1px solid #80acc029}.performance-chart::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,#6ba3bf0b 50%,transparent 50.3%);pointer-events:none;z-index:-1}.dark .performance-chart{color:var(--chart-accent)}.performance-chart .line{stroke-width:2.7;filter:drop-shadow(0 0 4px #6aa8c22b)}.performance-chart .grid{stroke-dasharray:1 6;opacity:.65}.performance-chart .vertical-grid{opacity:.3}.performance-chart .chart-cursor{filter:drop-shadow(0 0 5px #83d1ee55);stroke-width:2.2}.performance-chart .area{opacity:.7!important}.dark .performance-bar{fill:var(--chart-accent);opacity:.7}.performance-chart .chart-console b{font-size:23px}.performance-chart .chart-delta{border:1px solid var(--line);padding:4px 7px;background:var(--surface)}.performance-chart figcaption{border-top:0;letter-spacing:.5px}.metric-history-svg .metric-line{filter:drop-shadow(0 0 3px #7ac2e73a)}.visual-progress{overflow:hidden}.life-chart-meaning{font-size:11px;line-height:1.65;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted)}.life-advice-meaning{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 14px}.dark .achievement{background:linear-gradient(130deg,#173246,#0d1b29)!important;border-color:#3e6272;border-top-color:#a8d981}.achievement .performance-chart{color:#b9e695}.achievement .performance-chart .line{stroke:#b9e695}.dark .achievement .performance-chart{color:#b9e695}.dark .morning-check.active{background:linear-gradient(110deg,#173343,#102231 70%);border-left-color:#8fc2dc}.morning-check.active{border-left-width:2px}.quick-fab{background:linear-gradient(130deg,#153749,#152b3a);border:1px solid #416d83;box-shadow:0 8px 30px #081f3433}.dark .quick-fab{background:linear-gradient(130deg,#25576b,#163d54);color:#e2f4fc;border-color:#548aa0}.atlas-map{border:1px solid #75a9c14a;position:relative}.atlas-map::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#90c1d709,transparent 25%,transparent 75%,#90c1d711);box-shadow:inset 0 0 35px #75adca13}.atlas-map .organ-leaders path{stroke:#708d9c}.atlas-map .organ-leaders text{fill:#304d5c}.organ-render{border:1px solid #7bafc64f}.organ-render .become-portrait{filter:saturate(.57) contrast(1.03)}.future-teaser{margin-top:24px;background:radial-gradient(ellipse at 0 100%,#1e4054,#0c1928 70%);border-color:#3b5b73}.future-teaser>div{background:none}.future-insight{border-left-color:#86b8d0;background:linear-gradient(100deg,color-mix(in srgb,var(--surface) 85%,#86bbd0 15%),var(--surface))}.possibility-map{background:radial-gradient(ellipse at 20% 50%,#23465c,#0b1623 70%);box-shadow:inset 0 0 70px #6397bb0d}.possibility-branch.selected .branch-ribbon{fill:#b7d7ef;opacity:.3}.possibility-branch.selected .branch-line{filter:drop-shadow(0 0 9px #a7dafa70)}.source-lens{font-family:'SFMono-Regular',Consolas,monospace;font-size:9px}.life-core{position:relative;isolation:isolate;overflow:hidden;margin:0 0 24px;padding:30px;background:radial-gradient(ellipse at 15% 0,#22465d 0,transparent 50%),linear-gradient(125deg,#0d1e2d,#111d30 65%,#252437);border:1px solid #52768d;border-radius:12px;color:#eaf4fc;box-shadow:0 20px 55px #132e4c18}.life-core::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#9dc5e006 1px,transparent 1px),linear-gradient(90deg,#9dc5e006 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 75%);z-index:-1}.life-core-top{display:flex;justify-content:space-between;align-items:start;gap:30px;position:relative;z-index:1}.life-core .eyebrow{color:#aecade;font-size:8px}.life-core h2{font-size:clamp(36px,4vw,57px);line-height:1.02;letter-spacing:-2px;font-weight:750;margin-top:18px}.life-core h2 span{color:#a8d6e8}.life-core-manifesto{font-size:14px;line-height:1.8;color:#bbcfdf;padding-top:32px;max-width:300px}.life-field{display:block;width:calc(100% + 60px);height:130px;margin:-8px -30px -5px;overflow:visible;pointer-events:none}.life-wave{fill:none;stroke:#b8d6ed;stroke-width:.55;opacity:.18}.life-ribbon{fill:url(#life-depth)}.life-spine{stroke:url(#life-stream);stroke-width:1.5;fill:none;filter:drop-shadow(0 0 8px #9cc6ee80);stroke-dasharray:400 10;animation:life-flow 24s linear infinite}.life-node{fill:none;stroke-width:1.2;opacity:.85}.life-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;z-index:1}.life-value{display:flex;flex-direction:column;gap:8px;min-width:0;text-align:left;background:linear-gradient(135deg,#9dbcd00f,#8cbbd004);border:1px solid #849fb733;border-top:2px solid var(--value-color);padding:18px 15px;color:#dcebf6;border-radius:6px;transition:background .2s,transform .25s,border-color .2s}.life-value.priority{background:linear-gradient(135deg,#b3c6e21f,#b3c6e208);box-shadow:inset 0 0 30px #b7c8dd07}.life-value:hover{transform:translateY(-3px);background:#aacce21c;border-color:var(--value-color)}.life-value-label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--value-color)}.life-value strong{font-size:clamp(18px,1.8vw,26px);line-height:1.15;min-height:31px;letter-spacing:-.5px;font-weight:650;overflow-wrap:anywhere}.life-value>span:not(.life-value-label){font-size:10px;line-height:1.5;color:#c0d2df}.life-value small{font-size:9px;line-height:1.5;color:#90aabc;margin-top:auto}.life-priority{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #6a8ca22e;font-size:11px}.life-priority>span{color:#b5cbdc}.life-priority>div{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.life-priority button{background:transparent;color:#b7cad9;border:1px solid #779bb34a;padding:7px 13px;border-radius:4px;font-size:10px;transition:background .2s}.life-priority button.selected{background:#c6dfed;color:#112737;border-color:#c6dfed}.life-priority p{grid-column:1/-1;color:#91adc1;font-size:10px;line-height:1.6;max-width:780px}.life-joy-label{display:block;font-size:12px;margin:20px 0 8px}#life-joy{width:100%;padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:5px;color:var(--ink)}.balance-track{height:5px}.balance-track i{background:linear-gradient(90deg,#6d9cb2,#9abacd)}.dark .balance-track i{background:linear-gradient(90deg,#65a8c8,#a5d4e7)}.method-stats b{font-variant-numeric:tabular-nums}.app-footer{opacity:.8}@keyframes life-flow{to{stroke-dashoffset:-820}}@media(max-width:1000px){.life-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-value strong{font-size:24px}.life-core-manifesto{font-size:12px;max-width:220px}.life-field{height:100px}}@media(max-width:650px){.brand small{font-size:5px;letter-spacing:.8px}.page-head h1{font-size:33px;letter-spacing:-1.3px}.life-core{padding:20px;border-radius:9px}.life-core-top{display:block}.life-core h2{font-size:43px;margin-top:15px}.life-core .eyebrow{font-size:7px;letter-spacing:.9px}.life-core-manifesto{font-size:11px;line-height:1.7;max-width:none;padding-top:14px}.life-field{width:calc(100% + 40px);margin:0 -20px;height:75px}.life-value-grid{gap:8px}.life-value{padding:13px 11px;gap:7px}.life-value-label{font-size:9px;letter-spacing:.7px}.life-value strong{font-size:19px;min-height:43px}.life-value small{font-size:8px}.life-priority{display:block;margin-top:18px;padding-top:15px}.life-priority>div{justify-content:flex-start;margin:12px 0}.life-priority button{padding:7px 10px}.life-priority p{font-size:9px}.life-chart-meaning{font-size:10px}.performance-chart .chart-console b{font-size:21px}.future-teaser h2{font-size:23px}.life-advice-meaning{font-size:11px}}@media(prefers-reduced-motion:reduce){.life-spine{animation:none}.life-value{transition:none}}
@media(max-width:650px){.life-core-manifesto{display:none}.life-core h2{font-size:37px}.life-field{height:55px}.life-value strong{min-height:38px}}
.life-achievement-meaning{font-size:12px;line-height:1.7;margin-top:20px;padding-top:16px;border-top:1px solid #7699ac44;color:#bdd3df}

/* BECOME / CONTINUUM — a complete, shared visual system. */
:root {
  --bg:#e8eff2; --surface:#f5fafc; --surface2:#dce8ee;
  --ink:#152c3a; --muted:#526c7b; --line:#bfD1dc; --accent:#1d6578;
  --mint:#d2e5ea; --mint2:#adcdd9; --gold:#915c2c;
  --edge:#79aebf; --signal:#2d7486; --lime:#5b711e; --radius:4px;
  --mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;
  --shell:rgba(231,240,244,.94); --shadow:0 14px 45px #15344407;
}
body.dark {
  --bg:#070f16!important; --surface:#0e1c27!important; --surface2:#132937!important;
  --ink:#e1edf4!important; --muted:#9eb6c5!important; --line:#294353!important;
  --accent:#a7e5ee!important; --mint:#173946!important; --mint2:#315b6b!important;
  --gold:#e9bc8b!important; --edge:#46798e; --signal:#b5f5fd; --lime:#d8f48a;
  --shell:rgba(8,18,26,.94); --shadow:0 15px 50px #0002;
  color-scheme:dark;
}
body {background-color:var(--bg);background-image:radial-gradient(ellipse at 85% 0,#77c9e312,transparent 35%),linear-gradient(90deg,#82a9bd05 1px,transparent 1px);background-size:auto,80px 100%;letter-spacing:-.12px;}
::selection {background:var(--accent);color:var(--bg)}
button,a,input,textarea,select {touch-action:manipulation}
:focus-visible {outline:2px solid var(--signal)!important;outline-offset:4px}
h1,h2,h3,.progress-value {font-family:Manrope,system-ui,sans-serif}
h2,h3 {text-wrap:balance}
p {text-wrap:pretty}
.app {grid-template-columns:232px minmax(0,1fr)}
.sidebar {padding:32px 18px 20px;background:var(--shell);backdrop-filter:blur(22px);border-right:1px solid var(--line)}
.sidebar:before {content:'';position:absolute;top:0;bottom:0;right:-1px;width:1px;background:linear-gradient(transparent,var(--edge) 12%,transparent 55%);pointer-events:none}
.brand {font-size:25px;letter-spacing:1.2px;font-style:italic;padding:0;gap:10px}
.become-mark {width:41px;height:41px;border-radius:0;box-shadow:0 0 28px #b8e3560b}
.brand small {font-size:5.5px;letter-spacing:.75px;margin-top:6px;color:var(--muted)}
.side-label {font:8px var(--mono);letter-spacing:1.4px;margin:49px 6px 20px;color:var(--muted)}
.nav-item {padding:16px 12px;font-size:12px;border-radius:2px!important;position:relative;gap:12px;margin:0;color:var(--muted)}
.nav-item.active {background:linear-gradient(90deg,var(--mint),transparent);border:1px solid var(--line);border-left:2px solid var(--signal);color:var(--ink)}
.nav-item:hover {background:var(--surface2);transform:translateX(2px)}
.nav-item .icon {width:17px;height:17px;stroke-width:1.4}
.nav-coordinate {font:9px var(--mono);color:var(--muted);margin-left:auto;letter-spacing:1px}
.nav-item.active .nav-coordinate {color:var(--signal)}
.side-bottom {margin-left:6px;font-size:10px;line-height:1.8}
.sync-dot {border-radius:1px;background:var(--edge);box-shadow:0 0 10px #91dce944}
.profile {padding:18px 0 0}
.avatar,.dark .avatar {border-radius:3px;border:1px solid var(--edge);background:var(--surface2);color:var(--ink);font:12px var(--mono)}
.topbar {height:72px;padding:0 36px;position:relative;background:var(--shell);border-color:var(--line);gap:24px}
.top-actions {margin-left:auto;order:3;gap:10px}
.breadcrumb {font:10px var(--mono);letter-spacing:.3px;color:var(--ink)}
.system-context {font:8px var(--mono);color:var(--muted);letter-spacing:2px;order:2;white-space:nowrap}
.demo-label {border:0;border-left:1px solid var(--line);border-radius:0;font:8px var(--mono);letter-spacing:.5px;padding:0 14px}
.icon-button {width:36px;height:36px;border:1px solid var(--line);border-radius:3px;background:var(--surface2);font-size:18px;flex:none}
.icon-button:hover {border-color:var(--edge)}
#content {max-width:1720px;padding:38px 36px}
.page-head {align-items:flex-end;margin-bottom:30px;gap:28px}
.page-head>div:first-child {min-width:0}
.page-head .eyebrow {display:flex;align-items:center;gap:20px;font-size:8px;line-height:1.7;letter-spacing:1px;margin-bottom:18px;flex-wrap:wrap}
.screen-sequence {color:var(--accent)}
.page-head h1 {font-size:clamp(35px,3.2vw,51px);font-weight:800;line-height:1.07;letter-spacing:-2px;max-width:920px;text-wrap:balance}
.page-head .subtitle {font-size:12px;line-height:1.8;margin-top:15px;max-width:710px}
.page-head .head-actions {flex-shrink:0;max-width:250px;justify-content:flex-end}
.head-actions .button {font-size:10px}
.section-tabs {gap:0;align-items:stretch;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:24px}
.section-tabs .button {border:0;border-bottom:2px solid transparent;border-radius:0!important;background:transparent;padding:12px 15px;font-size:11px;color:var(--muted)}
.section-tabs .button.primary {color:var(--ink);border-color:var(--signal);background:linear-gradient(transparent,var(--mint));box-shadow:none}
.button {border-radius:3px!important;min-height:38px;padding:10px 14px;font-size:11px;background:color-mix(in srgb,var(--surface2) 35%,var(--surface));border-color:var(--line);box-shadow:none;transition:background .2s,border-color .2s,transform .2s}
.button:hover {background:var(--surface2);border-color:var(--edge);box-shadow:0 4px 22px #78c2df0b;transform:translateY(-1px)}
.button.primary {background:var(--accent);border-color:var(--accent);color:var(--bg)}
.dark .button.primary {background:#b7e9ec;border-color:#b7e9ec;color:#0c2532}
.button.small {min-height:32px;border-radius:2px!important;font-size:10px}
.button.ghost {color:var(--muted)}
.pill-group {padding:3px;border-radius:3px;background:var(--surface2);border:1px solid var(--line);gap:3px}
.pill {font:10px var(--mono);border-radius:2px!important;padding:8px 10px;min-height:32px}
.pill.active {background:var(--accent);color:var(--bg)}
.badge {font:9px var(--mono);border-radius:2px;padding:5px 7px;letter-spacing:.2px;background:var(--mint);border:1px solid var(--line);color:var(--accent)}
.badge.neutral {background:transparent;color:var(--muted)}
.panel {border-radius:4px;background:linear-gradient(115deg,color-mix(in srgb,var(--surface) 97%,#80d4ed 3%),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow);padding:24px;position:relative;isolation:isolate}
.panel:before {content:'';position:absolute;left:-1px;top:-1px;width:23px;height:1px;background:var(--edge);pointer-events:none}
.panel:hover {border-color:color-mix(in srgb,var(--line) 70%,var(--edge))}
.panel-title {margin-bottom:22px;gap:14px;align-items:center}
.panel-title h2 {font-size:16px;line-height:1.4;font-weight:700;letter-spacing:-.4px}
.panel-title h3 {font-size:13px;letter-spacing:.3px}
.holo-corner {top:7px;right:7px;width:6px;height:6px;border-color:var(--edge);opacity:.6}
.subtle {font-size:11px;line-height:1.65}
.note {border-radius:2px;border-left:1px solid var(--edge);padding:12px 14px;font-size:10px;line-height:1.75;background:var(--surface2)}
.eyebrow {font-family:var(--mono);font-size:9px;letter-spacing:1.4px}
/* Every destination has one interpretable, actionable signal. */
.system-signal {display:grid;grid-template-columns:69px minmax(0,1fr) auto;gap:24px;align-items:center;padding:23px 25px;margin:0 0 24px;background:linear-gradient(110deg,var(--mint),var(--surface) 72%);border:1px solid var(--line);border-left:2px solid var(--edge);position:relative}
.system-signal:after {content:'';position:absolute;top:-1px;left:0;width:25%;height:1px;background:linear-gradient(90deg,var(--signal),transparent);pointer-events:none}
.signal-index {align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);padding-right:16px;gap:10px;font-family:var(--mono);color:var(--accent)}
.signal-index span {font-size:8px;letter-spacing:1px}
.signal-index b {font-size:21px;font-weight:400;letter-spacing:-1.5px}
.signal-copy h2 {font-size:18px;line-height:1.4;letter-spacing:-.5px;font-weight:650}
.signal-copy>p {font-size:11px;color:var(--muted);line-height:1.75;margin-top:7px;max-width:780px}
.signal-copy details {font-size:10px;color:var(--muted);margin-top:9px}
.signal-copy details p {font-size:10px;line-height:1.7;margin-top:8px;max-width:750px}
.signal-copy summary {cursor:pointer;display:inline-flex;align-items:center;gap:8px;list-style:none;color:var(--accent)}
.signal-copy summary:before {content:'+';font:13px var(--mono)}
.signal-copy details[open] summary:before {content:'−'}
.signal-action {font-size:10px;max-width:195px;line-height:1.6;background:transparent;min-height:40px;text-align:left;justify-content:flex-start}
/* Four values share the same physical surface as the instruments. */
.life-core {border-radius:4px;padding:30px;background:radial-gradient(ellipse at 20% 0,#214454 0,transparent 50%),linear-gradient(115deg,#102530,#0c1925 65%,#24263a);border-color:#416978;box-shadow:0 18px 60px #0002}
.life-core h2 {font-size:clamp(35px,3.7vw,54px);font-weight:800;line-height:1.06;letter-spacing:-2px}
.life-core-manifesto {font-size:12px;line-height:1.8}
.life-value {border-radius:2px;padding:18px 14px;border-top-width:1px;background:linear-gradient(135deg,#a1c3d40d,#8cbbd004)}
.life-value.priority {background:linear-gradient(135deg,#b3c6e222,#b3c6e208)}
.life-value strong {font-size:clamp(18px,1.8vw,26px);line-height:1.25}
.life-value small {font-size:9px;color:#acc3d1}
.life-priority button {border-radius:2px;min-height:33px}
.life-priority p {color:#abc1d0}
.life-field {height:115px;opacity:.92}
.system-exploration {margin:24px 0;border:1px solid var(--line);background:var(--surface);border-radius:3px}
.system-exploration>summary {padding:21px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}
.system-exploration>summary>span {font-size:15px;font-weight:650}
.system-exploration>summary>small {font:9px var(--mono);color:var(--muted);line-height:1.7}
.system-exploration[open]>summary {border-bottom:1px solid var(--line)}
.system-exploration .future-teaser {margin:0;border:0;border-radius:0}
.system-exploration .future-insight {margin:0;border:0;border-top:1px solid var(--line)}
/* Body, checks, and annotations: one atlas material in every screen. */
.morning-check {border-radius:4px}
.morning-check.active,.dark .morning-check.active {background:linear-gradient(110deg,var(--surface2),var(--surface) 68%);border-color:var(--line);border-left:2px solid var(--edge)}
.morning-main h2 {font-size:24px;font-weight:700;letter-spacing:-.7px}
.morning-answer {border-radius:3px;background:var(--surface);border-color:var(--line);min-height:58px;box-shadow:none}
.morning-answer:hover {border-color:var(--edge);background:var(--surface2);transform:translateY(-1px)}
.morning-signal-list button {border-radius:2px;font-size:11px;min-height:33px;background:var(--surface);border-color:var(--line)}
.morning-signal-list button.selected {background:var(--mint);border-color:var(--accent)}
.morning-dots span {border-radius:0;height:3px}
.morning-visual .become-portrait,.dark .morning-visual .become-portrait {border-radius:2px;border:1px solid #9dbac7;background:#dce6e9;filter:saturate(.4) contrast(1.03)}
.morning-visual span {font:8px var(--mono);letter-spacing:1px;line-height:1.7;color:var(--muted)}
.map-pain-toolbar {border-radius:2px;border:1px solid var(--line);background:var(--surface2);padding:14px}
.atlas-controls .pill-group {border-radius:2px;padding:3px}
.atlas-map,.organ-render {border-radius:2px;background:#e5ecee;border:1px solid var(--edge);box-shadow:inset 0 0 45px #2c74991a}
.atlas-map>svg {background:#eef2f3}
.atlas-map .organ-leaders path {stroke:#5d8393;stroke-width:1.2}
.atlas-map .organ-leaders text {fill:#24434f;letter-spacing:0}
.atlas-map:after {background:linear-gradient(#7395b10d,transparent 35%,#7395b10d);box-shadow:inset 0 0 35px #75adca16}
.atlas-structure-list button {border-radius:2px;background:var(--surface);border-color:var(--line);font-size:10px}
.organ-button {border-radius:2px!important;font-size:11px;min-height:36px}
.organ-button.active {background:var(--mint);border-color:var(--edge);color:var(--accent)}
.organ-symbol {border-radius:2px;background:var(--surface2)}
.organ-symbol .become-portrait {border-radius:2px}
.organ-render .become-portrait {filter:saturate(.45) contrast(1.05);border-radius:0}
.organ-detail-grid {gap:22px}
.test-option,.history-detail {border-radius:2px!important}
.organ-status {border-radius:2px}
.pain-body-svg {background:linear-gradient(var(--surface),var(--surface2));border-radius:2px}
.observation-row {font-size:12px;padding:17px 0;align-items:center}
.observation-row:hover {color:var(--accent)}
.observation-timeline article {border-color:var(--edge)}
.observation-timeline p {font-size:13px;line-height:1.8}
/* Measurement surfaces, including legacy charts and metric dialogs. */
.metric {border-radius:3px;border-top:1px solid var(--line);padding:19px 18px;box-shadow:none;min-height:130px}
.metric:hover {border-color:var(--edge);box-shadow:0 8px 30px #75b8ce0b}
.metric:before {left:0;top:22px;bottom:auto;width:1px;height:24px;background:var(--edge)}
.metric-label {font:9px var(--mono);letter-spacing:.8px;line-height:1.6}
.metric-label .icon {width:15px;height:15px}
.metric-value {font-size:35px;letter-spacing:-1.4px;margin:11px 0 8px;line-height:1.15}
.metric-value small {font:10px var(--mono);color:var(--muted)}
.metric-foot {font:9px/1.65 var(--mono);max-width:80%;color:var(--muted)}
.metric .spark {color:var(--edge);opacity:.75}
.performance-chart {padding:15px 10px 12px;border-color:var(--line);color:var(--signal);background:linear-gradient(#70bed614,transparent 90%)}
body:not(.dark) .performance-chart {color:#357b91}
.performance-chart .grid {stroke-dasharray:1 5;opacity:.55}
.performance-chart .vertical-grid {opacity:.24}
.performance-chart .line {stroke-width:2.1;filter:drop-shadow(0 0 4px #7cc7dd35)}
.performance-chart .chart-svg text {font-size:11px;fill:var(--muted)}
.performance-chart .dot {stroke-width:1.3;r:2.4}
.performance-chart .last-dot {r:3}
.performance-chart .chart-cursor {stroke-width:2;r:4;filter:drop-shadow(0 0 7px #b5e7f880)}
.performance-chart .chart-console b {font-size:23px;font-weight:500}
.chart-delta {font-size:10px;padding:4px 7px!important;border-radius:1px;border-color:var(--line)!important;box-shadow:none}
.chart-delta small {font-size:8px;line-height:1.65}
.performance-chart figcaption {font-size:8px;color:var(--muted);letter-spacing:.35px}
.performance-bar {opacity:.75;filter:drop-shadow(0 0 3px #8bd4df25)}
.visual-progress .progress-value {font-size:32px;font-weight:750;line-height:1.2}
.visual-progress .panel-title {border-bottom:1px solid var(--line);padding-bottom:18px}
.visual-progress .panel-title h3 {font:10px var(--mono);letter-spacing:1px}
.life-chart-meaning {font-size:11px;line-height:1.75}
.achievement,.dark .achievement {background:radial-gradient(ellipse at 0 0,#2c4452,#0e1d29 80%)!important;border:1px solid #3c6276;border-top:1px solid #cce98c;color:#e7f3f8!important}
.achievement h2 {font-size:30px;font-weight:800}
.achievement .button {background:#d0e7a4;color:#162720;border-color:#d0e7a4}
.achievement .chart-delta {background:#142735;color:#e4f4d0;border-color:#3e5c60!important}
.achievement .performance-chart,.dark .achievement .performance-chart {color:#d1e8a6}
.achievement .performance-chart .line {stroke:#d1e8a6}
.achievement .performance-chart .dot,.achievement .chart-cursor {stroke:#d1e8a6;fill:#15313b}
.achievement .performance-chart .grid {stroke:#5b7c86}
.achievement .performance-chart .chart-svg text {fill:#adc8d2}
.life-achievement-meaning {color:#c0d1dc}
.metric-history-svg {background:linear-gradient(#76a8c019,transparent);border:1px solid var(--line);border-radius:2px;padding:8px}
.metric-history-svg .metric-line {stroke:var(--accent);stroke-width:2.4;filter:drop-shadow(0 0 4px #88bdd344)}
.metric-history-svg .metric-point {stroke:var(--accent)}
.metric-history-svg .metric-point.selected {fill:var(--accent);stroke:var(--surface)}
.history-crosshair {stroke:var(--accent)}
.chart-svg .scatter {fill:var(--accent);opacity:.7}
.chart-svg .scatter.alt {fill:var(--gold)}
.method-scatter svg {background:linear-gradient(#76a8c012,transparent);border-top:1px solid var(--line);padding:12px 0}
.method-scatter path {fill:var(--accent);filter:drop-shadow(0 0 3px #a8ecfd33)}
.method-stats {padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.method-stats b {font:28px var(--mono);letter-spacing:-1.5px}
.method-stats small {font-size:9px;line-height:1.7}
.method-insight {border-color:var(--edge);background:var(--surface2)}
.relation-option {border-radius:2px;padding:17px;background:var(--surface2)}
.relation-option.active {border-color:var(--edge);background:var(--mint)}
/* Skills, training, money, intake and connectors obey the same grammar. */
.training-hero {background:linear-gradient(110deg,var(--mint),var(--surface) 75%);padding:28px;border-left:2px solid var(--edge)}
.training-hero h2 {font-size:30px;letter-spacing:-1px}
.training-hero .big-number {font:650 74px/1.15 Manrope,system-ui,sans-serif;letter-spacing:-4px;color:var(--ink)}
.training-hero .big-number small {font:12px var(--mono);letter-spacing:0;color:var(--muted)}
.exercise {gap:14px;padding:20px 0}
.exercise-badge {border:1px solid var(--line);border-radius:2px;width:44px;height:44px;background:var(--surface2);color:var(--accent)}
.exercise h3 {font-size:13px}
.exercise p {font-size:11px;line-height:1.7}
.exercise .actions {margin-top:0}
.book-cover {min-width:74px;height:104px;border-radius:1px;background:linear-gradient(130deg,#295263,#142d3e);border:1px solid #5b8395;color:#e2f3f5;padding:14px 10px;box-shadow:inset 3px 0 #a9d9e64d;font:8px var(--mono)}
.book-cover b {font:600 10px/1.6 Manrope,sans-serif;letter-spacing:.5px}
.book-row {gap:20px}
.book-row h3 {font-size:15px}
.progress {height:4px;border-radius:0;background:var(--surface2);margin:16px 0}
.progress>span {border-radius:0;background:linear-gradient(90deg,var(--edge),var(--accent));box-shadow:0 0 15px #94dcf44d}
.goal .goal-icon {width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface2);margin-bottom:18px;border-radius:2px;color:var(--accent)}
.goal .progress-value {font-size:31px;font-weight:750;letter-spacing:-1.4px}
.goal h3 {font-size:14px}
.goal p {font-size:11px;line-height:1.75}
.heatmap {gap:4px}
.heat-cell {border-radius:1px;background:var(--mint2);border:1px solid color-mix(in srgb,var(--edge) 50%,transparent)}
.heat-cell.level2 {background:var(--accent);box-shadow:0 0 9px #8acbdf1a}
.heat-cell.empty {background:var(--surface2);border-color:var(--line)}
.balance-track {height:4px;background:var(--surface2);position:relative}
.balance-track:after {content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18%,var(--surface) 18% 20%);opacity:.7;pointer-events:none}
.balance-track i,.dark .balance-track i {background:linear-gradient(90deg,var(--edge),var(--accent))}
.balance-item strong {font-size:12px}
.balance-caption {font-size:10px}
.balance-caption b {font-size:12px}
.advice-item {padding:22px 0}
.advice-item h3 {font-size:19px;line-height:1.4;letter-spacing:-.5px}
.life-advice-meaning {font-size:12px;line-height:1.8}
.advice-status {color:var(--accent);font-size:11px}
.connection {min-height:245px}
.connection .logo {width:44px;height:44px;border-radius:2px;border:1px solid var(--edge);font:500 16px var(--mono);background:var(--surface2);color:var(--accent);margin-bottom:24px}
.connection p {font-size:12px;line-height:1.75}
.connection.connected {border-color:var(--edge)}
.connection.connected:after {content:'';width:5px;height:5px;background:var(--edge);position:absolute;right:20px;top:20px;box-shadow:0 0 9px #88cede44}
.toggle-row {padding:21px 0}
.toggle-row p {font-size:13px}
.toggle-row small {line-height:1.75;margin-top:5px;max-width:420px}
.switch {border-radius:3px;background:var(--surface2);border:1px solid var(--line);width:44px;height:25px;padding:3px}
.switch:before {border-radius:1px;width:17px;height:17px;background:var(--muted)}
.switch.on {background:var(--mint);border-color:var(--edge)}
.switch.on:before {transform:translateX(18px);background:var(--accent);box-shadow:0 0 10px #83d6e63a}
.data-row {font-size:12px;padding:16px 0;line-height:1.6}
.data-row strong {font-family:var(--mono);font-size:11px;font-weight:500;text-align:right}
.data-row small {font-size:10px;line-height:1.7}
.activity-item {font-size:12px;line-height:1.7;padding:16px 0}
.table td,.table th {padding:14px 10px}
.table th {font:9px var(--mono);letter-spacing:.5px;background:var(--surface2)}
.empty-state {padding:45px 25px;background:linear-gradient(var(--surface),var(--surface2))}
/* All dialogs and coach states, including inputs and destructive-action review. */
dialog {border-radius:4px;width:min(590px,calc(100vw - 32px));padding:28px;border:1px solid var(--edge);background:linear-gradient(130deg,var(--surface2),var(--surface) 40%);box-shadow:0 35px 100px #0007;max-height:90dvh}
dialog::backdrop {background:#030b13b0;backdrop-filter:blur(12px) saturate(.7)}
.dialog-system-label {display:flex;justify-content:space-between;gap:12px;font:8px/1.7 var(--mono);letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px}
.dialog-system-label span:first-child {color:var(--accent)}
.modal-head {gap:20px;margin-bottom:24px}
.modal-head h2 {font-size:27px;font-weight:700;line-height:1.2;letter-spacing:-1px;text-wrap:balance}
.modal-head p {font-size:11px;line-height:1.8;margin-top:12px}
.field {gap:9px;margin:20px 0}
.field label {font-size:11px;line-height:1.6;color:var(--muted)}
input,textarea,select,#life-joy {border-radius:2px;background:var(--surface2);padding:12px 13px;border:1px solid var(--line);font-size:13px;min-height:44px;line-height:1.5;caret-color:var(--accent)}
input:hover,textarea:hover,select:hover {border-color:var(--edge)}
input:focus,textarea:focus,select:focus {border-color:var(--accent)}
input[type=range] {padding:0;accent-color:var(--accent);min-height:26px}
input[type=checkbox],input[type=radio] {accent-color:var(--accent);min-height:18px}
textarea::placeholder,input::placeholder {color:var(--muted);opacity:.9;font-size:12px}
.option-grid button {padding:18px;border-radius:2px;font-size:12px;border-color:var(--line);min-height:62px;transition:border-color .2s,background .2s}
.option-grid button:hover {border-color:var(--edge);background:var(--mint)}
.equipment-list label {border-radius:2px;min-height:46px}
.equipment-list input {min-height:18px}
.check {border-radius:2px}
.check.checked {background:var(--accent);color:var(--bg)}
.quick-fab,.dark .quick-fab {border-radius:3px;background:#b7e9ec;border-color:#b7e9ec;color:#0b2938;padding:14px 19px;box-shadow:0 8px 45px #0005;font-size:17px}
.quick-fab span {font:600 10px var(--mono);letter-spacing:.2px}
.quick-fab:hover {box-shadow:0 10px 40px #88e9f51e;transform:translateY(-2px)}
#coach-panel {border-radius:4px;border:1px solid var(--edge);width:420px;box-shadow:0 25px 90px #0007;background:var(--surface)}
#coach-content>.dialog-system-label {padding:15px 20px 12px;margin:0;background:var(--surface2);font-size:7px}
.coach-head {padding:18px 20px;background:var(--surface);border-bottom:1px solid var(--line)}
.coach-head strong {font-size:16px;font-weight:700;letter-spacing:-.4px}
.coach-context {font:9px/1.6 var(--mono);color:var(--muted)}
.coach-message {border:1px solid var(--line);border-radius:2px;font-size:12px;line-height:1.8;padding:14px 15px;background:var(--surface2)}
.coach-message.user {background:var(--mint);border-color:var(--edge);border-radius:2px;border-left:2px solid var(--accent)}
.coach-message small {font:9px/1.7 var(--mono);color:var(--muted)}
#coach-input {border-radius:2px;background:var(--surface2);min-height:76px;font-size:13px;line-height:1.6}
.coach-compose {border-top:1px solid var(--line)}
#toast {border-radius:3px;background:var(--surface2);border:1px solid var(--edge);color:var(--ink);box-shadow:0 12px 40px #0005;font-size:12px;padding:14px 22px;line-height:1.7}
.app-footer {font:8px/1.7 var(--mono);letter-spacing:.6px;padding:25px 36px 100px;border-top:1px solid var(--line);opacity:1}
/* Gentle dimensional response, never motion required for comprehension. */
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .panel,.life-value,.system-signal {transition:border-color .25s,box-shadow .3s}
  .system-signal:hover {border-color:var(--edge);box-shadow:inset 0 0 40px #73c6e005}
  .connection:hover .logo {transform:translateY(-2px);transition:transform .3s}
}
@media(max-width:1200px) {
  .app {grid-template-columns:205px minmax(0,1fr)}
  .brand {font-size:22px;gap:8px}.brand small {font-size:4.5px}
  .sidebar {padding-left:15px;padding-right:15px}
  #content {padding:32px 24px}.topbar {padding:0 24px}.system-context {display:none}
  .page-head h1 {font-size:40px}.page-head .head-actions {max-width:210px}
  .system-signal {grid-template-columns:55px minmax(0,1fr);gap:20px;padding:22px}
  .signal-action {grid-column:2;justify-self:start;max-width:none;margin-top:-3px}
  .signal-index {grid-row:1 / 3}.signal-copy h2 {font-size:18px}
  .panel {padding:22px}.app-footer {padding-left:24px;padding-right:24px}
}
@media(max-width:800px) {
  .app {display:block}.sidebar {width:238px;background:var(--bg)}
  .topbar {height:66px;padding:0 18px;gap:12px}
  #content {padding:28px 20px}.page-head {gap:20px}
  .page-head h1 {font-size:38px}.page-head .head-actions {max-width:185px}
  .system-signal {padding:20px}.panel {padding:21px}
  .section-tabs .button {padding:12px;font-size:10px}
  .app-footer {padding-left:20px;padding-right:20px}
}
@media(max-width:650px) {
  #content {padding:25px 16px}.topbar {padding:0 16px}.top-actions {gap:7px}
  .topbar .breadcrumb {font:9px var(--mono)}.topbar .breadcrumb:before {font:800 10px Manrope,sans-serif;letter-spacing:2px;margin-bottom:4px}
  .page-head {display:block;margin-bottom:23px}.page-head .eyebrow {font-size:7px;gap:12px;margin-bottom:15px;letter-spacing:.55px}
  .page-head h1 {font-size:35px;line-height:1.09;letter-spacing:-1.5px}
  .page-head .subtitle {font-size:11px;line-height:1.8;margin-top:13px}
  .page-head .head-actions {max-width:none;justify-content:flex-start;margin-top:18px;gap:8px}
  .section-tabs {gap:0}.section-tabs .button {padding:10px 12px;min-height:38px;font-size:10px}
  .panel {padding:18px;border-radius:3px}.panel-title {margin-bottom:18px;gap:10px}.panel-title h2 {font-size:16px}
  .panel-title .subtle {font-size:9px}.subtle {font-size:10px}
  .button {min-height:40px;padding:10px 12px}.button.small {min-height:34px}
  .system-signal {grid-template-columns:38px minmax(0,1fr);gap:14px;padding:18px 15px;margin-bottom:20px}
  .signal-index {padding-right:10px;gap:12px}.signal-index span {font-size:6px;letter-spacing:.4px}.signal-index b {font-size:17px;letter-spacing:-1.2px}
  .signal-copy h2 {font-size:16px;line-height:1.45;letter-spacing:-.35px}.signal-copy>p {font-size:11px;line-height:1.8}
  .signal-copy details {font-size:10px}.signal-action {font-size:10px;margin-top:0;line-height:1.6;min-height:38px}
  .life-core {padding:20px 18px;border-radius:3px;margin-bottom:20px}.life-core h2 {font-size:37px;line-height:1.03;letter-spacing:-1.5px}
  .life-field {height:58px;width:calc(100% + 36px);margin:0 -18px}
  .life-value {padding:14px 10px}.life-value strong {font-size:19px;line-height:1.2;min-height:45px}.life-value>span:not(.life-value-label) {font-size:10px}.life-value small {font-size:9px;line-height:1.5}
  .life-priority {margin-top:20px}.life-priority button {min-height:35px;padding:8px 10px;font-size:10px}.life-priority p {font-size:10px;line-height:1.7}
  .system-exploration>summary {padding:18px;display:block}.system-exploration>summary>small {display:block;margin-top:7px;font-size:9px}
  .morning-check.active {padding:18px}.morning-main h2 {font-size:23px}.morning-answer {min-height:70px}.morning-visual .become-portrait {width:60px;height:60px}
  .metrics {gap:10px}.metric {padding:16px 12px;min-height:128px}.metric-label {font-size:8px;letter-spacing:.4px;gap:5px}.metric-value {font-size:30px;letter-spacing:-1.2px;margin:10px 0}.metric-foot {font-size:8px;max-width:95%}.metric .spark {width:40px;opacity:.4;bottom:35px;right:8px}
  .performance-chart {padding:12px 7px 10px;margin-left:-7px;margin-right:-7px}.performance-chart .chart-console b {font-size:22px}.performance-chart figcaption {font-size:8px;gap:7px}
  .visual-progress .progress-value {font-size:30px}.visual-progress .panel-title h3 {font-size:10px}.life-chart-meaning {font-size:11px}
  .exercise {flex-wrap:wrap;padding:18px 0;gap:12px}.exercise-info {min-width:170px}.exercise .actions {margin-left:56px;margin-top:0}
  .training-hero h2 {font-size:27px}.training-hero .big-number {font-size:65px;letter-spacing:-3px}
  .book-cover {min-width:66px;width:66px;height:95px}.book-row {gap:14px}
  .connection {min-height:230px}.goal .progress-value {font-size:30px}
  .method-stats {gap:10px}.method-stats b {font-size:25px}.method-stats small {font-size:8px}
  .balance-grid {gap:16px 20px}.balance-caption {font-size:10px}.advice-item h3 {font-size:18px}
  .data-row {font-size:11px;gap:15px}.data-row strong {font-size:10px}.data-row small {font-size:9px}
  .toggle-row p {font-size:12px}.toggle-row small {font-size:10px}.switch {min-width:44px}
  dialog {padding:21px 18px;width:calc(100vw - 24px);max-height:91dvh}.modal-head h2 {font-size:24px;letter-spacing:-.8px}.modal-head p {font-size:11px}
  .dialog-system-label {font-size:7px;letter-spacing:.5px;padding-bottom:13px;margin-bottom:20px;gap:8px}
  .option-grid {gap:8px}.option-grid button {padding:14px;font-size:11px}
  input,select,textarea,#life-joy,#coach-input {font-size:16px}
  #coach-panel {width:calc(100vw - 24px);right:12px;bottom:82px;max-height:calc(100dvh - 100px)}
  #coach-content {max-height:calc(100dvh - 100px)}.coach-message {font-size:12px;line-height:1.75}
  .quick-fab {right:16px;bottom:18px;padding:13px 16px}.quick-fab span {font-size:10px}
  .app-footer {padding:20px 16px 100px;font-size:7px;gap:10px}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* A non-data topographic surface carries the identity across every destination. */
.page-head {position:relative;isolation:isolate;padding:28px 28px 30px;border:1px solid var(--line);background:linear-gradient(100deg,var(--surface),color-mix(in srgb,var(--surface) 72%,transparent));overflow:hidden}
.page-head>div {position:relative;z-index:1}
.page-head .head-actions {align-self:flex-end}
.screen-field {position:absolute;right:-30px;top:-15px;width:58%;height:calc(100% + 30px);pointer-events:none;opacity:.21;z-index:-1;color:var(--edge);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.screen-field g {fill:none;stroke:currentColor;stroke-width:.6}
.screen-field .field-thread {fill:none;stroke:var(--signal);stroke-width:1;stroke-dasharray:180 14 8 14;opacity:.9}
.screen-field .field-axis {fill:none;stroke:var(--edge);stroke-width:.5;opacity:.5;stroke-dasharray:2 6}
.dark .screen-field {opacity:.35}
body[data-screen=today] .page-head {border:0;background:none;padding:0;overflow:visible}
body[data-screen=today] .screen-field {display:none}
@media(prefers-reduced-motion:no-preference){.screen-field .field-thread{animation:system-thread 30s linear infinite}@keyframes system-thread{to{stroke-dashoffset:-432}}}
@media(max-width:650px){.page-head {padding:22px 18px 20px}.screen-field {width:100%;opacity:.18}.dark .screen-field {opacity:.23}.page-head h1 {font-size:32px}.page-head .head-actions {margin-top:18px}body[data-screen=today] .page-head h1 {font-size:35px}}

.page-head>div:first-of-type {min-width:0}
@media(max-width:650px){
  .metric-foot {font-size:9px;line-height:1.7}
  .life-value small {font-size:10px}
  .life-value-label {font-size:10px}
  .performance-chart figcaption {font-size:9px}
  .system-exploration>summary>small {font-size:10px}
  .chart-delta small {font-size:9px}
}
/* Personal sports: a comparable record, one daily choice, a reversible archive. */
.atlas-map .organ-callout text {stroke:#eef2f3;stroke-width:5px;fill:#24434f}
.atlas-map .organ-callout circle {fill:#537b8b;filter:none}
.sport-selector {margin-bottom:24px}
.sport-selector .panel-title h2 {font-size:20px}
.sport-selector .panel-title .subtle {margin-top:7px}
.sport-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sport-card {padding:18px;background:var(--surface2);border:1px solid var(--line);border-radius:3px;text-align:left;display:flex;flex-direction:column;gap:12px;min-height:180px;min-width:0;transition:border-color .2s,background .2s}
.sport-card:hover {border-color:var(--edge);background:var(--mint)}
.sport-card.selected {border-color:var(--accent);background:linear-gradient(130deg,var(--mint),var(--surface));box-shadow:inset 0 0 30px #96dce409}
.sport-card>span {display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}
.sport-card>span small {font-size:9px;line-height:1.7}
.sport-card>strong {font-size:19px;line-height:1.35;letter-spacing:-.5px;overflow-wrap:anywhere}
.sport-card>b {font:22px var(--mono);letter-spacing:-.8px;margin-top:auto}
.sport-card>b small {font-size:10px;letter-spacing:0;color:var(--muted)}
.sport-card>small {font-size:10px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}
.sport-add {border-style:dashed;justify-content:center;background:transparent}
.sport-add>span {font:28px var(--mono);color:var(--accent)}
.sport-add>strong {font-size:16px;letter-spacing:-.25px}
.sport-detail-grid {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.sport-primary .panel-title {align-items:start}
.sport-primary h2 {font-size:31px;letter-spacing:-1px;overflow-wrap:anywhere}
.sport-goal {font-size:13px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}
.sport-stats {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sport-stats small {font:9px/1.7 var(--mono);color:var(--muted);display:block;min-height:32px}
.sport-stats b {font-size:37px;font-weight:700;letter-spacing:-1.5px;display:block;line-height:1.5;overflow-wrap:anywhere}
.sport-stats em {font:10px var(--mono);letter-spacing:0;color:var(--muted)}
.sport-stats span {font-size:10px;color:var(--muted);display:block;line-height:1.7}
.sport-chart-title {flex-wrap:wrap;margin-bottom:10px}
.sport-chart-title h3 {font-size:13px}
.sport-chart-title .pill {padding:6px 9px;font-size:9px}
.sport-chart {margin:20px -8px 0;padding:15px 8px;border-top:1px solid var(--line);background:linear-gradient(#76b5d012,transparent);color:var(--accent)}
.sport-chart .chart-console {gap:15px;align-items:center;margin-bottom:8px}
.sport-readout {font:11px var(--mono);color:var(--ink)}
.sport-readout b {font-size:25px;letter-spacing:-1px}
.sport-readout small {font-size:9px;color:var(--muted)}
.sport-chart .line {stroke:var(--accent);stroke-width:2;stroke-dasharray:4 2;filter:drop-shadow(0 0 4px #8bdbf733)}
.sport-chart .vertical-grid {stroke:var(--line);stroke-width:.6;opacity:.4}
.sport-chart .grid {stroke-dasharray:1 6;opacity:.7}
.sport-chart .chart-svg text {font:10px var(--mono)}
.sport-crosshair {stroke:var(--accent);stroke-width:1;stroke-dasharray:3 5;opacity:.6}
.sport-point {cursor:pointer;outline:none}
.sport-point .sport-hit {fill:transparent;stroke:none}
.sport-point .dot {fill:var(--surface);stroke:var(--accent);stroke-width:2;pointer-events:none}
.sport-point:hover .dot,.sport-point:focus-visible .dot {fill:var(--accent);r:5;filter:drop-shadow(0 0 4px #b1edff80)}
.sport-chart figcaption {display:flex;justify-content:space-between;gap:15px;font:9px/1.7 var(--mono);color:var(--muted);padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:15px}
.sport-chart-empty {padding:28px 16px;background:linear-gradient(#5d8fa412,transparent);border-top:1px solid var(--line);margin-top:20px}
.sport-chart-empty>span {font:8px var(--mono);letter-spacing:1.3px;color:var(--muted)}
.sport-empty-lines {height:90px;background:repeating-linear-gradient(0deg,transparent 0 24px,var(--line) 24px 25px);opacity:.45;position:relative;margin:18px 0 20px}
.sport-empty-lines:after {content:'+';position:absolute;bottom:10px;left:5px;font:20px var(--mono);color:var(--accent)}
.sport-chart-empty h3 {font-size:19px;line-height:1.5}
.sport-chart-empty p {font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 22px}
.sport-week {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:22px 0}
.sport-day {display:flex;flex-direction:column;align-items:center;gap:8px;padding:11px 2px;background:var(--surface2);border:1px solid var(--line);border-radius:2px;font-family:var(--mono)}
.sport-day small {font-size:9px;color:var(--muted)}
.sport-day b {font-size:18px;font-weight:400;color:var(--muted)}
.sport-day span {font-size:10px;color:var(--muted)}
.sport-day.today {border-color:var(--edge)}
.sport-day.marked {background:var(--mint);border-color:var(--edge)}
.sport-day.marked b {color:var(--accent)}
.sport-day.rest {background:var(--surface2);border-top:2px solid var(--gold)}
.sport-day.rest b {color:var(--gold)}
.sport-day:hover {border-color:var(--accent)}
.sport-week-summary {display:flex;gap:24px;margin:0 0 22px;flex-wrap:wrap}
.sport-week-summary span {font-size:10px;color:var(--muted)}
.sport-week-summary b {font:17px var(--mono);color:var(--ink);margin-right:5px}
.sport-entry {display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;width:100%;padding:17px 0;background:transparent;border-bottom:1px solid var(--line)}
.sport-entry>span {min-width:0}
.sport-entry strong {font-size:12px;font-weight:650;overflow-wrap:anywhere}
.sport-entry small {font-size:10px;color:var(--muted);line-height:1.7;display:block;margin-top:5px;overflow-wrap:anywhere;white-space:pre-wrap}
.sport-entry b {font:11px/1.5 var(--mono);font-weight:500;max-width:40%;flex-shrink:0;overflow-wrap:anywhere;text-align:right}
.sport-entry:hover {color:var(--accent)}
.sport-kind-options {display:flex;gap:7px;margin:15px 0 22px;flex-wrap:wrap}
.sport-kind-options .button {flex:1;font-size:10px;padding:11px 9px}
.sport-form-error {color:var(--gold);font-size:12px;line-height:1.7;margin-bottom:15px}
#sport-custom-fields[hidden],#sport-value-field[hidden] {display:none}
.sport-examples {margin-top:26px;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
.sport-examples>summary {padding:22px 24px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sport-examples>summary span {font-size:14px;font-weight:600}
.sport-examples>summary small {font:9px/1.7 var(--mono);color:var(--muted)}
.sport-examples[open]>summary {border-bottom:1px solid var(--line)}
.sport-example-content {padding:24px}
.sport-home-row {display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}
.sport-home-row:last-child {border:0;padding-bottom:0}
.sport-home-row>div {min-width:0}
.sport-home-row strong {font-size:13px;overflow-wrap:anywhere}
.sport-home-row small {display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:5px}
.sport-home-row button {flex:none}
@media(max-width:1200px){.sport-cards {grid-template-columns:repeat(3,minmax(0,1fr))}.sport-detail-grid {grid-template-columns:1fr}.sport-detail-grid>.stack {grid-template-columns:1fr 1fr;align-items:start}}
@media(max-width:800px){.sport-cards {grid-template-columns:repeat(2,minmax(0,1fr))}.sport-detail-grid>.stack {grid-template-columns:1fr}}
@media(max-width:650px){
 .sport-selector .panel-title {align-items:flex-start;gap:12px}.sport-selector .panel-title h2 {font-size:18px}.sport-selector .panel-title .button {font-size:9px;padding:8px;min-width:75px}.sport-selector .panel-title .subtle {font-size:11px}
 .sport-cards {gap:9px}.sport-card {padding:14px 12px;gap:10px;min-height:185px}.sport-card>strong {font-size:17px}.sport-card>b {font-size:18px;letter-spacing:-.5px}.sport-card>span .icon {display:none}.sport-card>span small {font-size:9px}.sport-add>strong {font-size:15px}
 .sport-detail-grid {gap:18px}.sport-primary h2 {font-size:27px}.sport-primary .eyebrow {font-size:8px}.sport-primary .panel-title .button {font-size:10px;padding:8px}
 .sport-goal {font-size:12px}.sport-stats {gap:18px;margin:22px 0;padding:18px 0}.sport-stats b {font-size:29px;letter-spacing:-1px}.sport-stats small {font-size:9px}
 .sport-week {gap:4px}.sport-day {padding:10px 2px}.sport-day small {font-size:8px}.sport-week-summary {gap:16px}
 .sport-chart .chart-console {gap:8px}.sport-readout b {font-size:23px}.sport-readout small {display:block;margin-top:4px;font-size:10px}.sport-chart figcaption {font-size:8px}
 .sport-entry {gap:12px}.sport-entry strong {font-size:12px}.sport-entry small {font-size:11px}.sport-entry b {font-size:11px}
 .sport-examples>summary {display:block;padding:18px}.sport-examples>summary span {font-size:13px}.sport-examples>summary small {display:block;margin-top:7px;font-size:10px}.sport-example-content {padding:16px}
 .sport-kind-options {gap:5px}.sport-kind-options .button {font-size:10px;padding:10px 7px}.sport-home-row small {font-size:11px}
}
.signal-copy {min-width:0}
.signal-copy h2,.signal-copy p,.modal-head h2 {overflow-wrap:anywhere}
.modal-head>div {min-width:0}

/* BECOME / PROHEALTH — one neutral surface, one blue accent.
   Applied last. Anatomy keeps its natural material colours on pure white. */
:root {
  --bg:#f5f6f8; --surface:#ffffff; --surface2:#f2f4f7;
  --ink:#18212c; --muted:#646f7c; --line:#e5e9ef;
  --accent:#2868f5; --mint:#edf3ff; --mint2:#cfddff;
  --gold:#2868f5; --edge:#b6c9f4; --signal:#2868f5; --lime:#2868f5;
  --shell:rgba(255,255,255,.94); --radius:20px;
  --shadow:0 8px 28px rgba(30,47,75,.025);
}
body:not(.dark) {
  --bg:#f5f6f8!important; --surface:#ffffff!important; --surface2:#f2f4f7!important;
  --ink:#18212c!important; --muted:#646f7c!important; --line:#e5e9ef!important;
  --accent:#2868f5!important; --mint:#edf3ff!important; --mint2:#cfddff!important;
  --gold:#2868f5!important; --edge:#b6c9f4!important; --signal:#2868f5!important; --lime:#2868f5!important;
  --shell:rgba(255,255,255,.94)!important; --shadow:0 8px 28px rgba(30,47,75,.025)!important;
  color-scheme:light;
}
body.dark {
  --bg:#13181f!important; --surface:#1c232d!important; --surface2:#252e3b!important;
  --ink:#eef1f7!important; --muted:#a8b1c0!important; --line:#354151!important;
  --accent:#8cb0ff!important; --mint:#283750!important; --mint2:#364f78!important;
  --gold:#8cb0ff!important; --edge:#526f9d!important; --signal:#8cb0ff!important; --lime:#8cb0ff!important;
  --shell:rgba(23,29,38,.94)!important; --shadow:0 8px 28px rgba(0,0,0,.08)!important;
  color-scheme:dark;
}
body {background:var(--bg);color:var(--ink);letter-spacing:-.15px}
::selection {background:var(--mint2);color:var(--ink)}
:focus-visible {outline-color:var(--accent)!important}
.sidebar {background:var(--surface);border-color:var(--line);box-shadow:none}
.sidebar:before {display:none}
.brand {font-style:normal;letter-spacing:.5px;font-weight:800}
.brand small {color:var(--muted);font-size:6px;letter-spacing:.7px}
.become-mark {border-radius:10px;box-shadow:none;filter:grayscale(1);background:transparent}
.side-label {color:var(--muted);letter-spacing:1px}
.nav-item {border-radius:12px!important;border:1px solid transparent;padding:15px 14px;transition:background .2s,color .2s}
.nav-item:hover {transform:none;background:var(--surface2)}
.nav-item.active {border:1px solid transparent;background:var(--mint);color:var(--accent);box-shadow:none}
.nav-coordinate,.nav-item.active .nav-coordinate {color:var(--muted)}
.nav-item.active .icon {color:var(--accent)}
.sync-dot {background:var(--accent);box-shadow:none;border-radius:50%}
.avatar,.dark .avatar {border-radius:12px;background:var(--mint);color:var(--accent);border-color:transparent}
.topbar {background:var(--shell);border-color:var(--line);backdrop-filter:blur(16px)}
.breadcrumb {font-family:Manrope,system-ui,sans-serif;font-size:12px;color:var(--ink);font-weight:600}
.system-context {color:var(--muted);letter-spacing:1px;opacity:.7}
.demo-label {border-color:var(--line);font-size:8px;color:var(--muted)}
.icon-button {border-radius:12px;background:var(--surface);border-color:var(--line);color:var(--muted)}
.icon-button:hover {color:var(--accent);border-color:var(--edge)}
.notification-dot {background:var(--accent)}
.page-head {border:0;background:transparent;border-radius:0;padding:10px 0 8px;overflow:visible}
.page-head h1 {font-weight:750;letter-spacing:-1.8px;font-size:clamp(34px,3vw,48px);line-height:1.12}
.page-head .subtitle {color:var(--muted);font-size:12px;line-height:1.8}
.page-head .eyebrow {font-size:8px;letter-spacing:.8px;color:var(--muted)}
.screen-sequence {color:var(--accent)}
.screen-field {display:none!important}
.section-tabs {padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:3px;width:fit-content;max-width:100%;margin-bottom:27px}
.section-tabs .button {border:0;border-radius:10px!important;background:transparent;padding:10px 14px;color:var(--muted)}
.section-tabs .button.primary,.dark .section-tabs .button.primary {background:var(--mint);color:var(--accent);border:0}
.button {border-radius:11px!important;border-color:var(--line);background:var(--surface);color:var(--ink);box-shadow:none;font-weight:650;padding:11px 15px;min-height:40px}
.button:hover {background:var(--surface2);border-color:var(--edge);box-shadow:none;transform:translateY(-1px)}
.button.primary,.dark .button.primary {background:var(--accent);border-color:var(--accent);color:var(--surface)}
.dark .button.primary {color:#111d32}
.button.primary:hover {filter:brightness(1.035)}
.button.small {border-radius:9px!important;min-height:34px;font-size:10px}
.button.ghost {background:transparent;color:var(--muted)}
.pill-group {background:var(--surface2);border:0;border-radius:12px;padding:4px;gap:4px}
.pill {border-radius:9px!important;font-family:Manrope,system-ui,sans-serif;font-size:10px;min-height:32px;color:var(--muted)}
.pill.active {background:var(--surface);color:var(--accent);box-shadow:0 2px 5px rgba(24,45,76,.04)}
.badge {border:0;border-radius:7px;background:var(--mint);color:var(--accent);padding:5px 8px;font-family:Manrope,system-ui,sans-serif;font-size:9px;letter-spacing:0}
.badge.neutral {background:var(--surface2);color:var(--muted)}
.panel {border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);padding:25px}
.panel:hover {border-color:var(--line)}
.panel:before,.holo-corner {display:none!important}
.panel-title {margin-bottom:20px}
.panel-title h2 {font-size:17px;font-weight:700;letter-spacing:-.4px}
.panel-title h3 {font-weight:650;letter-spacing:0}
.eyebrow {color:var(--muted);letter-spacing:1px}
.note {background:var(--surface2);color:var(--muted);border:0;border-radius:12px;font-size:11px;line-height:1.75;padding:13px 15px}
.subtle {font-size:11px;line-height:1.75;color:var(--muted)}
.app-footer {border-color:var(--line);color:var(--muted);letter-spacing:.3px}
/* A shared insight treatment, rather than a separate visual theme on every card. */
.system-signal {border:1px solid var(--line);border-left:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);padding:22px 25px}
.system-signal:after {display:none}
.system-signal:hover {border-color:var(--line);box-shadow:var(--shadow)}
.signal-index {border-color:var(--line);color:var(--accent)}
.signal-index b {font-weight:500}
.signal-copy h2 {color:var(--ink);font-size:18px;font-weight:650}
.signal-copy>p,.signal-copy details,.signal-copy details p {color:var(--muted)}
.signal-copy summary {color:var(--accent)}
.signal-action {border-color:var(--line);background:var(--surface2);color:var(--ink);max-width:210px}
/***** Four human values use the same blue material. *****/
.life-core,.dark .life-core {border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.life-core:before {display:none}
.life-core .eyebrow {color:var(--muted)}
.life-core h2 {color:var(--ink);font-weight:750;letter-spacing:-1.8px}
.life-core h2 span {color:var(--accent)}
.life-core-manifesto {color:var(--muted)}
.life-field {opacity:.65}
.life-field stop {stop-color:var(--accent)!important}
.life-wave,.life-node {stroke:var(--accent)!important;opacity:.18}
.life-spine {stroke:var(--accent);filter:none;opacity:.7}
.life-value {--value-color:var(--accent)!important;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:14px;background:var(--surface2);color:var(--ink);box-shadow:none}
.life-value.priority {border-color:var(--edge);background:var(--mint);box-shadow:none}
.life-value:hover {transform:translateY(-2px);border-color:var(--edge);background:var(--mint)}
.life-value-label {color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.6px}
.life-value strong {color:var(--ink);font-weight:700}
.life-value>span:not(.life-value-label),.life-value small {color:var(--muted)}
.life-priority {border-color:var(--line)}
.life-priority>span,.life-priority p {color:var(--muted)}
.life-priority button {border-radius:9px;background:var(--surface);border-color:var(--line);color:var(--muted);font-family:Manrope,system-ui,sans-serif}
.life-priority button.selected {background:var(--accent);border-color:var(--accent);color:var(--surface)}
.dark .life-priority button.selected {color:#111d32}
.life-advice-meaning,.life-chart-meaning,.life-achievement-meaning {color:var(--muted);border-color:var(--line)}
.system-exploration {background:var(--surface);border-color:var(--line);border-radius:18px;overflow:hidden}
.system-exploration>summary {padding:22px 25px}
.system-exploration>summary>small {color:var(--muted)}
/***** The atlas is a white display surface in either application theme. *****/
.atlas-map,.organ-render,.dark .atlas-map,.dark .organ-render {background:#fff!important;border:1px solid var(--line);border-radius:17px;box-shadow:none}
.atlas-map>svg,.dark .atlas-map>svg {background:#fff!important;mix-blend-mode:normal;filter:none!important}
.atlas-map:after {display:none}
.atlas-map[data-layer] image {filter:none!important}
.organ-render .become-portrait,.become-portrait,.dark .become-portrait {filter:none!important;mix-blend-mode:normal;background:#fff!important;border-radius:12px}
.organ-render .become-portrait {border-radius:0}
.atlas-map .organ-leaders path {stroke:#8a96a6;stroke-width:1.1}
.atlas-map .organ-leaders text,.atlas-map .organ-callout text {fill:#344155;stroke:#fff;stroke-width:5px;font-weight:500}
.atlas-map .organ-callout circle {fill:#687a91;filter:none}
.atlas-map .organ-callout.selected path {stroke:#2868f5;stroke-width:1.5;filter:none}
.atlas-map .organ-callout.selected circle {fill:#2868f5}
.atlas-map .organ-callout.selected text {fill:#2868f5;font-weight:650}
.atlas-map .anatomy-legend {background:#fff;color:#6c7889}
.atlas-controls .pill-group {border-radius:12px;background:var(--surface2);border:0;padding:4px}
.atlas-controls .pill {border-radius:9px!important}
.atlas-depth input {accent-color:var(--accent)}
.atlas-structure-list button {border-radius:9px;border-color:var(--line);background:var(--surface2);color:var(--ink);padding:9px 11px}
.atlas-structure-list button.active {background:var(--mint);border-color:var(--edge);color:var(--accent)}
.atlas-selection {border-radius:12px;background:var(--mint);color:var(--ink)}
.map-pain-toolbar {border:1px solid var(--line);border-radius:13px;background:var(--surface2)}
.map-pain-marker path,.map-pain-marker circle {stroke:var(--accent);fill:var(--accent)}
.map-pain-marker text {fill:var(--accent)}
.pain-pin circle:first-child {fill:var(--accent);stroke:#fff}
.pain-pin circle:nth-child(2) {stroke:var(--accent);fill:transparent}
.pain-body-svg {background:var(--surface2);border-radius:12px}
.organ-button {border-radius:10px!important;border-color:var(--line);background:var(--surface);color:var(--muted)}
.organ-button.active {background:var(--mint);border-color:var(--edge);color:var(--accent)}
.organ-symbol {border-radius:14px;background:#fff;border:1px solid var(--line)}
.organ-symbol .become-portrait {border-radius:12px}
.organ-status,.history-detail,.test-option {border-radius:13px!important}
.morning-check,.morning-check.active,.dark .morning-check.active {border-radius:20px;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.morning-main h2 {font-size:25px;color:var(--ink)}
.morning-answer {border-radius:12px;background:var(--surface2);border-color:var(--line);color:var(--ink)}
.morning-answer:hover {background:var(--mint);border-color:var(--edge)}
.morning-visual .become-portrait,.dark .morning-visual .become-portrait {border-radius:14px;background:#fff;border-color:var(--line);filter:none!important}
.morning-visual span {color:var(--muted)}
.morning-signal-list button {border-radius:9px;background:var(--surface2);border-color:transparent;color:var(--muted)}
.morning-signal-list button.selected {background:var(--mint);color:var(--accent);border-color:var(--edge)}
.morning-dots span {border-radius:4px}
/***** All plotted series and graphics use blue, with neutral context. *****/
.performance-chart,.dark .performance-chart,body:not(.dark) .performance-chart,.achievement .performance-chart,.dark .achievement .performance-chart {--chart-accent:var(--accent)!important;color:var(--accent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 3%,transparent),transparent);border-color:var(--line);padding-top:14px}
.performance-chart:before {display:none}
.performance-chart .line,.achievement .performance-chart .line,.dark .achievement .performance-chart .line,.sport-chart .line {stroke:var(--accent)!important;stroke-width:2.2;filter:none}
.performance-chart stop {stop-color:var(--accent)!important}
.performance-chart .dot,.achievement .performance-chart .dot,.dark .achievement .performance-chart .dot {stroke:var(--accent);fill:var(--surface)}
.performance-chart .last-dot {fill:var(--accent)}
.performance-chart .chart-cursor,.achievement .chart-cursor {stroke:var(--accent);fill:var(--surface);filter:none}
.performance-bar,.dark .performance-bar {fill:var(--accent)!important;opacity:.65;filter:none}
.performance-chart .grid,.achievement .performance-chart .grid {stroke:var(--line);opacity:.8;stroke-dasharray:none}
.performance-chart .vertical-grid,.achievement .performance-chart .vertical-grid {stroke:var(--line);opacity:.3}
.performance-chart .chart-svg text,.achievement .performance-chart .chart-svg text {fill:var(--muted)}
.chart-readout,.achievement .chart-readout,.chart-delta,.achievement .chart-delta {color:var(--ink);background:transparent;border-color:var(--line)!important}
.chart-readout small,.achievement .chart-readout small,.chart-delta small,.achievement .chart-delta small {color:var(--muted)}
.chart-delta {border-radius:7px!important;background:var(--surface2)!important;border:0!important;padding:6px 8px!important}
.performance-chart figcaption,.achievement .performance-chart figcaption {color:var(--muted);border-color:var(--line)}
.metric {border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);min-height:133px}
.metric:before {display:none}
.metric:hover {border-color:var(--edge);box-shadow:0 8px 25px rgba(40,104,245,.045);transform:translateY(-2px)}
.metric-label {font-family:Manrope,system-ui,sans-serif;font-size:10px;letter-spacing:.3px;text-transform:none;color:var(--muted)}
.metric-label .icon {color:var(--accent)}
.metric-value {color:var(--ink);font-weight:750;font-size:35px;letter-spacing:-1.4px}
.metric .spark {color:var(--accent);opacity:.55}
.metric-foot {color:var(--muted)}
.metric-history-svg {background:linear-gradient(var(--mint),var(--surface));border-color:var(--line);border-radius:12px}
.metric-history-svg .metric-line,.dark .metric-history-svg .metric-line {stroke:var(--accent);filter:none;stroke-width:2.5}
.metric-history-svg .metric-point {stroke:var(--accent)}
.metric-history-svg .metric-point.selected {fill:var(--accent);stroke:var(--surface)}
.history-crosshair,.dark .history-crosshair {stroke:var(--accent)}
.period-band.steady {fill:color-mix(in srgb,var(--accent) 7%,transparent)}
.period-band.attention {fill:color-mix(in srgb,var(--muted) 12%,transparent)}
.history-legend .steady,.history-legend .attention {color:var(--muted)}
.chart-svg .scatter {fill:var(--accent);opacity:.7}
.chart-svg .scatter.alt {fill:var(--muted);opacity:.65}
.method-scatter svg {background:linear-gradient(var(--mint),transparent);border-color:var(--line)}
.method-scatter path {fill:var(--accent);filter:none}
.method-insight {border:0;border-radius:12px;background:var(--surface2)}
.method-stats {border-color:var(--line)}
.method-details {color:var(--muted)}
.achievement,.dark .achievement {background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:20px;box-shadow:var(--shadow)}
.achievement .eyebrow,.achievement .subtle,.achievement p {color:var(--muted)}
.achievement .achievement-title {color:var(--accent)}
.achievement h2 {color:var(--ink);font-size:29px;font-weight:750;letter-spacing:-.9px}
.achievement .button {background:var(--accent);color:var(--surface);border-color:var(--accent)}
.dark .achievement .button {color:#111d32}
.achievement .chart-svg .area {fill:var(--mint)}
.visual-progress .panel-title {border-color:var(--line)}
.visual-progress .panel-title h3 {font-family:Manrope,system-ui,sans-serif;font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink)}
.visual-progress .progress-value {font-size:30px;color:var(--ink)}
.visual-progress:hover {border-color:var(--line)}
/***** Everyday actions, books, finance and settings. *****/
.training-hero {background:var(--surface);border:1px solid var(--line);border-radius:20px}
.training-hero h2,.training-hero .big-number {color:var(--ink)}
.exercise-badge,.goal .goal-icon {border-radius:12px;border:0;background:var(--mint);color:var(--accent)}
.exercise {border-color:var(--line)}
.book-cover {background:var(--mint);color:var(--accent);border-color:var(--edge);border-radius:4px 10px 10px 4px;box-shadow:inset 4px 0 var(--mint2)}
.progress {background:var(--surface2);border-radius:5px;height:5px}
.progress>span {background:var(--accent);border-radius:5px;box-shadow:none}
.heat-cell {background:var(--mint2);border:1px solid var(--mint2);border-radius:5px}
.heat-cell.level2 {background:var(--accent);border-color:var(--accent);box-shadow:none}
.heat-cell.empty {background:var(--surface2);border-color:var(--surface2)}
.balance-track {background:var(--surface2);border-radius:4px}
.balance-track i,.dark .balance-track i {background:var(--accent);border-radius:4px}
.balance-track:after {display:none}
.advice-item {border-color:var(--line)}
.advice-item h3 {font-size:19px;letter-spacing:-.4px;color:var(--ink)}
.advice-status {color:var(--accent)}
.relation-option {border-radius:12px;background:var(--surface2);border-color:transparent}
.relation-option.active {background:var(--mint);border-color:var(--edge)}
.connection,.connection.connected {border-color:var(--line);background:var(--surface);border-radius:20px}
.connection .logo {border-radius:13px;background:var(--mint);border:0;color:var(--accent)}
.connection.connected:after {background:var(--accent);border-radius:50%;box-shadow:none}
.switch {border-radius:20px;background:var(--surface2);border:1px solid var(--line);height:25px}
.switch:before {border-radius:50%;background:var(--muted)}
.switch.on {background:var(--accent);border-color:var(--accent)}
.switch.on:before {background:var(--surface);box-shadow:none}
.table th {background:var(--surface2);color:var(--muted)}
.table td,.table th,.data-row,.activity-item,.toggle-row,.observation-row {border-color:var(--line)}
.empty-state {background:var(--surface)}
.observation-timeline article {border-color:var(--edge)}
/***** Possibility routes remain part of the same product. *****/
.future-teaser,.dark .future-teaser,.future-insight,.dark .future-insight,.possibility-map,.dark .possibility-map {background:var(--surface)!important;border-color:var(--line);color:var(--ink);box-shadow:var(--shadow);border-radius:20px}
.future-teaser>div {background:none}
.future-teaser h2,.future-insight h2,.possibility-map h2 {color:var(--ink)}
.future-teaser .eyebrow,.future-teaser p,.future-insight>p,.future-insight-tag {color:var(--muted)}
.future-teaser .button.primary {background:var(--accent);border-color:var(--accent);color:var(--surface)}
.future-teaser .button:not(.primary),.possibility-map .button {background:var(--surface2);border-color:var(--line);color:var(--ink)}
.possibility-map .note {background:var(--surface2);color:var(--muted)}
.future-concept-button {background:var(--surface2)}
.future-concept-button img {filter:grayscale(1);opacity:.78}
.future-concept-button span {background:var(--shell);color:var(--muted)}
.source-lens {border-color:var(--line);color:var(--muted)}
.source-lens i {background:var(--accent);border-radius:50%}
.source-lens button {color:var(--ink)}
.possibility-seed {fill:var(--accent);stroke:var(--surface);filter:none}
.seed-label {fill:var(--muted)}
.branch-ribbon {fill:var(--accent);opacity:.055}
.branch-line {stroke:var(--edge);opacity:.65}
.branch-end {fill:var(--edge)}
.possibility-branch rect {fill:var(--surface2);stroke:var(--line);rx:12}
.possibility-branch text {fill:var(--ink)}
.branch-value {fill:var(--muted)!important}
.possibility-branch.selected .branch-line {stroke:var(--accent)!important;opacity:1;filter:none}
.possibility-branch.selected .branch-ribbon {fill:var(--accent);opacity:.12}
.possibility-branch.selected rect {fill:var(--mint);stroke:var(--edge)}
.possibility-branch.selected .branch-end {fill:var(--accent)}
.possibility-branch:hover rect {fill:var(--mint)}
.possibility-branch:focus-visible rect {stroke:var(--accent);stroke-width:2}
.possibility-directions button {background:var(--surface2);border-color:var(--line);color:var(--ink);border-radius:12px}
.possibility-directions button.selected {background:var(--mint);border-color:var(--edge)}
.possibility-directions small {color:var(--muted)}
.scenario-comparison>div {background:var(--surface2);border:0;border-radius:14px}
.scenario-comparison>div:last-child {background:var(--mint);border:0}
.experiment-cells span {background:var(--surface2);color:var(--muted);border-color:var(--line);border-radius:8px}
.experiment-cells span.yes {background:var(--accent);color:var(--surface);border-color:var(--accent)}
.experiment-cells span.marked {background:var(--mint2);color:var(--ink);border-color:var(--mint2)}
/***** Modals, coach and form controls. *****/
dialog {border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 28px 100px rgba(30,42,65,.18)}
dialog::backdrop {background:rgba(28,38,57,.32);backdrop-filter:blur(8px)}
.dialog-system-label {border-color:var(--line);color:var(--muted);font-size:8px;letter-spacing:.5px}
.dialog-system-label span:first-child {color:var(--accent)}
.modal-head h2 {color:var(--ink);font-size:26px;line-height:1.25;font-weight:700;letter-spacing:-.8px}
.modal-head p {color:var(--muted);font-size:12px}
.field label {color:var(--muted);font-size:11px}
input,select,textarea,#life-joy {background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:11px;caret-color:var(--accent)}
input:hover,textarea:hover,select:hover {border-color:var(--edge)}
input:focus,textarea:focus,select:focus {border-color:var(--accent)}
input[type=range],input[type=checkbox],input[type=radio] {accent-color:var(--accent)}
.option-grid button {background:var(--surface2);border-color:var(--line);color:var(--ink);border-radius:12px}
.option-grid button:hover {background:var(--mint);border-color:var(--edge)}
.equipment-list label {border-radius:11px;border-color:var(--line)}
.check {border-radius:6px;border-color:var(--line)}
.check.checked {background:var(--accent);border-color:var(--accent);color:var(--surface)}
.quick-fab,.dark .quick-fab {background:var(--accent);border-color:var(--accent);color:var(--surface);border-radius:16px;box-shadow:0 8px 24px rgba(40,104,245,.18)}
.dark .quick-fab {color:#111d32}
.quick-fab:hover {box-shadow:0 10px 28px rgba(40,104,245,.22)}
.quick-fab span {font-family:Manrope,system-ui,sans-serif;font-size:11px;letter-spacing:0}
#coach-panel {background:var(--surface);border-color:var(--line);border-radius:20px;box-shadow:0 20px 75px rgba(28,44,74,.14)}
#coach-content>.dialog-system-label {background:var(--surface2);border-color:var(--line)}
.coach-head {background:var(--surface);border-color:var(--line)}
.coach-context {color:var(--muted)}
.coach-message {border-radius:13px;border-color:var(--line);background:var(--surface2);color:var(--ink)}
.coach-message.user {border-radius:13px;border:1px solid var(--edge);background:var(--mint)}
#coach-input {border-radius:12px;background:var(--surface2);border-color:var(--line);color:var(--ink)}
#toast {border-radius:13px;border-color:var(--line);background:var(--ink);color:var(--surface);box-shadow:0 10px 35px rgba(28,44,74,.1)}
/***** Personal sport cards and calendars. *****/
.sport-card {background:var(--surface2);border-color:var(--line);border-radius:15px;box-shadow:none}
.sport-card.selected {background:var(--mint);border-color:var(--edge);box-shadow:none}
.sport-card:hover {background:var(--mint);border-color:var(--edge)}
.sport-add {background:var(--surface);border-style:dashed}
.sport-add>span {color:var(--accent)}
.sport-card>strong,.sport-card>b,.sport-primary h2,.sport-goal {color:var(--ink)}
.sport-card>small,.sport-card>span small {color:var(--muted)}
.sport-stats {border-color:var(--line)}
.sport-chart {background:linear-gradient(var(--mint),transparent);border-color:var(--line);color:var(--accent);border-radius:12px}
.sport-chart .line {stroke:var(--accent);filter:none}
.sport-point .dot {fill:var(--surface);stroke:var(--accent)}
.sport-point:hover .dot,.sport-point:focus-visible .dot {fill:var(--accent);filter:none}
.sport-chart-empty {background:var(--surface2);border:0;border-radius:14px}
.sport-day {background:var(--surface2);border-color:transparent;border-radius:10px}
.sport-day.today {border-color:var(--edge)}
.sport-day.marked {background:var(--mint);border-color:var(--edge)}
.sport-day.marked b {color:var(--accent)}
.sport-day.rest {background:var(--surface2);border:1px solid var(--line);border-top:1px solid var(--line)}
.sport-day.rest b {color:var(--muted)}
.sport-day:hover {border-color:var(--accent)}
.sport-examples {border-radius:18px;border-color:var(--line);background:var(--surface)}
.sport-form-error {color:var(--accent)}
/* Neutral typography stays readable instead of inheriting a different mood per card. */
.achievement-number,.training-hero .big-number,.visual-progress .progress-value,.goal .progress-value {color:var(--ink)}
@media(max-width:1200px) {
  .panel {padding:22px}
  .system-signal {padding:22px}
  .page-head h1 {font-size:39px}
}
@media(max-width:800px) {
  .sidebar {background:var(--surface);box-shadow:15px 0 50px rgba(27,46,77,.08)}
  .panel {padding:21px}
  .section-tabs {border-radius:12px}
  .page-head {padding:0}
  .page-head h1 {font-size:36px}
}
@media(max-width:650px) {
  .page-head,.page-head[data-screen] {padding:0;border-radius:0}
  .page-head h1,body[data-screen=today] .page-head h1 {font-size:32px;line-height:1.15;letter-spacing:-1.3px}
  .page-head .subtitle {font-size:11px;line-height:1.8}
  .section-tabs {padding:4px;gap:2px;border-radius:12px;max-width:100%}
  .section-tabs .button {border-radius:9px!important;font-size:10px;padding:10px 11px}
  .topbar .breadcrumb:before {font-size:10px;letter-spacing:1.2px}
  .panel,.morning-check,.morning-check.active,.dark .morning-check.active,.achievement,.dark .achievement,.connection {border-radius:17px;padding:18px}
  .metric {border-radius:15px;padding:16px 13px}
  .metric-value {font-size:30px}
  .metric-label {font-size:10px;letter-spacing:0}
  .metric-foot {font-size:9px}
  .system-signal {border-radius:16px;padding:19px 15px}
  .signal-copy h2 {font-size:16px}
  .signal-copy>p {font-size:11px}
  .signal-action {font-size:10px}
  .button {border-radius:10px!important}
  .button.small {border-radius:9px!important}
  .life-core {border-radius:18px;padding:21px 18px}
  .life-core h2 {font-size:35px;letter-spacing:-1.4px}
  .life-value {border-radius:12px;padding:14px 11px}
  .life-value strong {font-size:19px}
  .life-value-label {font-size:10px}
  .life-value small {font-size:10px}
  .life-priority button {border-radius:9px}
  .morning-answer {border-radius:11px}
  .morning-signal-list button {border-radius:8px;font-size:11px}
  .atlas-map,.organ-render {border-radius:13px}
  .atlas-controls .pill-group {border-radius:11px}
  .atlas-controls .pill {border-radius:8px!important}
  .note {border-radius:11px;font-size:10px}
  .performance-chart figcaption {font-size:9px}
  .sport-card {border-radius:13px;padding:14px 12px}
  .sport-day {border-radius:8px}
  .sport-examples,.system-exploration {border-radius:16px}
  dialog {border-radius:18px;padding:22px 19px}
  .modal-head h2 {font-size:24px}
  .modal-head p {font-size:11px}
  .option-grid button {border-radius:11px}
  input,select,textarea,#life-joy,#coach-input {border-radius:10px}
  #coach-panel {border-radius:18px}
  .quick-fab,.dark .quick-fab {border-radius:14px;padding:13px 16px}
  .future-teaser,.future-insight,.possibility-map {border-radius:17px}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Neutral context marks stay distinct from the active blue series. */
.legend .alt:before {background:var(--muted)}

/* The life radar: comparable goals in one calm, interactive circle. */
.become-mark {filter:none!important}
.life-radar {margin:0 0 24px;padding:28px;overflow:hidden}
.radar-heading {align-items:flex-start;margin-bottom:8px}
.radar-heading h2 {font-size:28px;font-weight:750;letter-spacing:-.8px}
.radar-heading .subtle {margin-top:9px;max-width:620px}
.radar-heading .eyebrow {font-size:9px;margin-bottom:10px}
.radar-heading>.button {flex-shrink:0}
.radar-layout {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.8fr);gap:26px;align-items:center}
.radar-visual {min-width:0;position:relative}
.life-radar-svg {display:block;width:100%;height:auto;max-height:570px;overflow:visible}
.radar-shadow {fill:#213b7c0c;filter:blur(12px)}
.radar-surface {fill:url(#radar-ground);stroke:var(--line);stroke-width:1}
.radar-grid {stroke:var(--line);stroke-width:.8;fill:none}
.radar-grid.outer {stroke:var(--edge)}
.radar-axis {stroke:var(--line);stroke-width:.9}
.radar-target {fill:none;stroke:var(--accent);stroke-opacity:.27;stroke-width:1.4;stroke-dasharray:5 7;stroke-linejoin:round}
.radar-current {stroke:var(--accent);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;fill:var(--accent);fill-opacity:.09;filter:drop-shadow(0 6px 8px #2868f512)}
.radar-current.incomplete {fill:none}
.radar-scale {font:10px Manrope,system-ui,sans-serif;fill:var(--muted);opacity:.8}
.radar-origin {fill:var(--line)}
.radar-sector {cursor:pointer;outline:none}
.radar-sector-hit {fill:transparent;stroke:none}
.radar-sector:hover .radar-sector-hit,.radar-sector:focus-visible .radar-sector-hit {fill:var(--accent);fill-opacity:.035}
.radar-endpoint {fill:var(--surface);stroke:var(--line);stroke-width:1.3}
.radar-dot {fill:var(--surface);stroke:var(--accent);stroke-width:2.1;pointer-events:none}
.radar-sector.selected .radar-dot {fill:var(--accent);stroke:var(--surface);stroke-width:2;filter:drop-shadow(0 0 4px #2868f53a)}
.radar-sector.selected .radar-endpoint,.radar-sector:focus-visible .radar-endpoint {stroke:var(--accent);stroke-width:2.2}
.radar-unknown {stroke:var(--muted);stroke-width:1.5;fill:none}
.radar-label {font:600 19px Manrope,system-ui,sans-serif;fill:var(--ink)}
.radar-percent {font:500 17px Manrope,system-ui,sans-serif;fill:var(--muted)}
.radar-sector.selected .radar-label,.radar-sector.selected .radar-percent {fill:var(--accent)}
.radar-sector:focus-visible .radar-label {text-decoration:underline;text-underline-offset:5px}
.radar-legend {display:flex;align-items:center;justify-content:center;gap:22px;margin:-4px 0 20px;font-size:10px;color:var(--muted);flex-wrap:wrap}
.radar-legend>span,.radar-legend button {display:flex;align-items:center;gap:8px}
.radar-legend button {background:transparent;color:var(--muted);padding:6px 0;font-size:10px}
.radar-legend i {display:inline-block;width:19px;height:2px;background:var(--accent)}
.radar-legend i.target {height:0;background:none;border-top:1.5px dashed var(--accent);opacity:.5}
.radar-legend .radar-source {font-size:9px;border-left:1px solid var(--line);padding-left:18px}
.radar-detail {border-radius:18px;background:var(--surface2);padding:26px;min-width:0;margin:15px 0 25px}
.radar-detail-top {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}
.radar-detail-top .badge {background:var(--surface)}
.radar-detail-top>.subtle {font-size:10px}
.radar-detail h3 {font-size:25px;font-weight:700;letter-spacing:-.7px}
.radar-score {font-size:52px;line-height:1.25;font-weight:650;color:var(--accent);letter-spacing:-2px;margin:14px 0 5px;overflow-wrap:anywhere}
.radar-score small {font-size:11px;font-weight:500;letter-spacing:0;margin-left:9px;color:var(--muted);white-space:nowrap;display:inline-block}
.radar-quantity {display:flex;gap:8px;align-items:baseline;color:var(--muted);font-size:12px;line-height:1.7;padding-bottom:22px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.radar-quantity strong {font-size:14px;color:var(--ink)}
.radar-detail h4 {font-size:15px;line-height:1.6;font-weight:650;letter-spacing:-.2px;margin:20px 0 9px}
.radar-detail>p {font-size:12px;color:var(--muted);line-height:1.8}
.radar-detail .radar-reached {padding:10px 13px;margin-top:12px;border:1px solid var(--edge);border-radius:10px;color:var(--accent)}
.radar-detail-actions {display:flex;flex-direction:column;gap:8px;margin-top:22px}
.radar-detail-actions .button {font-size:11px;min-height:42px}
.radar-explanation {margin-top:18px;font-size:10px;color:var(--muted)}
.radar-explanation summary {cursor:pointer;color:var(--ink)}
.radar-explanation p {font-size:11px;line-height:1.8;margin-top:10px}
.radar-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:10px;flex-wrap:wrap}
.radar-footer b {font-weight:650;color:var(--ink)}
.radar-footer button {background:var(--mint);border-radius:10px;padding:12px 15px;color:var(--muted);font-size:10px}
.radar-footer strong {color:var(--accent);margin-left:10px;font-weight:600}
.radar-mobile-picks {display:none}
.life-core {padding:25px;margin-bottom:24px}
.life-compact-heading {display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}
.life-core .life-compact-heading h2 {font-size:19px;letter-spacing:-.5px;font-weight:700;margin:0;color:var(--ink);line-height:1.5}
.life-compact-heading>span {font-size:10px;color:var(--muted)}
.life-core .life-value {padding:17px 15px;box-shadow:none}
.life-core .life-value strong {font-size:22px;letter-spacing:-.7px}
.life-core .life-priority {margin-top:20px;padding-top:17px}
.atlas-map,.atlas-map>svg {background:#fff!important}
.atlas-map>svg {mix-blend-mode:normal!important}
.atlas-map[data-layer] image {filter:none!important}
.atlas-map::after {display:none!important}
.atlas-map .organ-callout text {fill:#324256!important;stroke:#fff!important;stroke-width:5px;font-weight:500;font-size:25px}
.atlas-map .organ-callout path {stroke:#9aabba;stroke-width:.85}
.atlas-map .organ-callout circle {fill:#2868f5;filter:none}
.atlas-map .organ-callout.selected path {stroke:#2868f5;stroke-width:1.4;filter:none}
.atlas-map .organ-callout.selected circle {fill:#2868f5}
.atlas-map .organ-callout.selected text {fill:#2868f5!important;stroke:#fff!important}
.atlas-map .anatomy-legend {background:#fff;color:#677587}
@media(max-width:1100px){
 .radar-layout {grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);gap:15px}
 .radar-detail {padding:21px}.radar-heading h2 {font-size:25px}.radar-score {font-size:45px}
 .radar-legend {gap:14px}.radar-legend .radar-source {padding-left:12px}
 .life-compact-heading>span {display:none}
}
@media(max-width:850px){
 .radar-layout {grid-template-columns:1fr}.life-radar-svg {max-height:500px;max-width:610px;margin:auto}
 .radar-detail {margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:24px}
 .radar-detail-top {grid-column:1/-1;margin-bottom:12px}.radar-detail h3 {grid-column:1}.radar-score {grid-column:1;grid-row:3}
 .radar-quantity {grid-column:1;grid-row:4;padding-bottom:0;border:0}
 .radar-detail h4 {grid-column:2;grid-row:2 / 4;margin:0;align-self:end}.radar-detail>p {grid-column:2;grid-row:4;margin-top:8px}
 .radar-detail-actions {grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.radar-detail-actions .button {flex:1}
 .radar-detail .radar-reached {grid-column:1/-1;grid-row:auto}
 .radar-explanation {grid-column:1/-1}.radar-footer {margin-top:24px}
}
@media(max-width:650px){
 .life-radar {padding:20px 16px;border-radius:18px;margin-bottom:20px}
 .radar-heading {display:block;margin-bottom:10px}.radar-heading h2 {font-size:25px}.radar-heading .eyebrow {font-size:8px}
 .radar-heading .subtle {font-size:11px;margin-top:9px}.radar-heading>.button {margin-top:16px;min-height:35px;font-size:10px}
 .radar-layout {gap:16px}.life-radar-svg {width:calc(100% + 20px);margin:0 -10px;max-width:none}
 .radar-label {font-size:21px}.radar-percent {font-size:20px}.radar-scale {font-size:13px}
 .radar-legend {gap:14px;margin:2px 0 15px;font-size:10px}.radar-legend button {font-size:10px}.radar-legend .radar-source {border:0;padding:0;font-size:9px}
 .radar-mobile-picks {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .radar-mobile-picks button {font-size:10px;line-height:1.6;background:var(--surface2);border:1px solid transparent;border-radius:10px;padding:9px 6px;color:var(--muted)}
 .radar-mobile-picks b {display:block;font-size:12px;color:var(--ink);font-weight:600}
 .radar-mobile-picks button.selected {background:var(--mint);border-color:var(--edge);color:var(--accent)}
 .radar-mobile-picks button.selected b {color:var(--accent)}
 .radar-detail {display:block;padding:20px;border-radius:14px;margin-top:3px}.radar-detail-top {margin-bottom:16px}
 .radar-detail h3 {font-size:23px}.radar-score {font-size:45px;margin:10px 0}.radar-score small {font-size:11px}
 .radar-quantity {border-bottom:1px solid var(--line);padding-bottom:17px}.radar-detail h4 {font-size:15px;margin:17px 0 8px}
 .radar-detail>p {font-size:12px;margin-top:8px}.radar-detail-actions {display:flex;flex-direction:column;margin-top:19px}
 .radar-detail-actions .button {font-size:11px;min-height:42px}.radar-explanation {font-size:11px}
 .radar-footer {gap:14px;padding-top:18px;margin-top:20px;font-size:10px}.radar-footer>span:last-child {display:none}
 .radar-footer button {width:100%;text-align:left;font-size:10px;padding:12px}
 .life-core {padding:20px 17px}.life-core .life-compact-heading h2 {font-size:18px;line-height:1.5}
 .life-core .life-value {padding:14px 10px}.life-core .life-value strong {font-size:19px}
 .life-core .life-priority {margin-top:18px;padding-top:16px}
}
@media(prefers-reduced-motion:reduce){.radar-current,.radar-dot{animation:none!important;transition:none!important}}

/* BECOME / HEALTH FOCUS
   Compact health, sport and physical-development workspace. Scoped to opt in. */
.health-focus {background:var(--bg);font-size:14px;line-height:1.55}
.health-focus .app {grid-template-columns:204px minmax(0,1fr)}
.health-focus .sidebar {padding:24px 14px 18px;background:var(--surface);border-color:var(--line)}
.health-focus .brand {font-size:22px;letter-spacing:.2px;gap:9px;padding:0 2px}
.health-focus .become-mark {width:34px;height:34px;border-radius:9px}
.health-focus .brand small {font-size:6px;letter-spacing:.6px}
.health-focus .side-label {font-size:10px;letter-spacing:.7px;margin:32px 10px 15px}
.health-focus .nav-item {padding:13px 11px;font-size:12px;line-height:1.4;gap:10px;min-height:46px;border-radius:11px!important}
.health-focus .nav-item .icon {width:18px;height:18px}
.health-focus .nav-coordinate {display:none}
.health-focus .side-bottom {font-size:11px;line-height:1.6;margin-left:8px;margin-right:8px}
.health-focus .side-bottom small,.health-focus .profile small {font-size:10px}
.health-focus .profile {padding-top:17px}
.health-focus .profile>span:nth-child(2) {font-size:13px}
.health-focus .topbar {height:62px;padding:0 28px;gap:18px}
.health-focus .breadcrumb {font-size:13px;font-weight:600;letter-spacing:0}
.health-focus .top-actions {gap:9px}
.health-focus .demo-label {font-size:10px;letter-spacing:0;border:0;padding:0 8px}
.health-focus .system-context,.health-focus .screen-field,.health-focus .holo-corner {display:none!important}
.health-focus .topbar .icon-button {width:34px;height:34px;border-radius:10px;font-size:18px}
.health-focus #content {max-width:1540px;margin:0 auto;padding:24px 28px 30px}
.health-focus .panel {padding:18px;border-radius:16px;border-color:var(--line);background:var(--surface);box-shadow:var(--shadow)}
.health-focus .panel-title {margin-bottom:13px;gap:12px}
.health-focus .panel-title h2 {font-size:16px;line-height:1.35;letter-spacing:-.3px;font-weight:700}
.health-focus .panel-title h3 {font-size:14px;line-height:1.4;letter-spacing:-.2px}
.health-focus .panel-title .subtle {font-size:11px}
.health-focus .subtle {font-size:12px;line-height:1.6}
.health-focus .note {font-size:11px;line-height:1.65;padding:11px 13px;border-radius:10px;margin-top:12px}
.health-focus .badge {font-size:10px;line-height:1.3;padding:5px 8px}
.health-focus .button {font-size:12px;min-height:38px;padding:9px 13px;border-radius:10px!important;line-height:1.5}
.health-focus .button.small {font-size:11px;min-height:34px;padding:7px 11px;border-radius:9px!important}
.health-focus .icon-button {border-radius:10px}
.health-focus .pill {font-size:11px;min-height:31px;padding:6px 10px}
.health-focus .actions {gap:8px;margin-top:12px}
.health-focus .section-tabs {margin-bottom:18px;padding:3px;border-radius:12px;gap:3px}
.health-focus .section-tabs .button {font-size:12px;min-height:35px;padding:8px 12px}
.health-focus .hf-head,.health-focus .page-head {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0;border:0;background:none;margin:0 0 18px}
.health-focus .hf-head>div:first-child,.health-focus .page-head>div:first-of-type {min-width:0}
.health-focus .hf-kicker,.health-focus .page-head .eyebrow {font-family:Manrope,system-ui,sans-serif;font-size:11px;letter-spacing:.3px;color:var(--muted);line-height:1.5;margin-bottom:6px;font-weight:500}
.health-focus .hf-head h1,.health-focus .page-head h1,.health-focus[data-screen=today] .page-head h1 {font-family:Manrope,system-ui,sans-serif;font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:750;margin:0;color:var(--ink);text-wrap:balance}
.health-focus .hf-head p,.health-focus .page-head .subtitle {font-size:12px;line-height:1.65;color:var(--muted);margin-top:7px;max-width:760px}
.health-focus .hf-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.health-focus .head-actions {max-width:270px}
.health-focus .hf-source-line {display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.6}
.health-focus .hf-source-line>span {display:flex;align-items:center;gap:7px;min-width:0}
.health-focus .hf-source-line strong {color:var(--ink);font-weight:600}
.health-focus .hf-source-line button,.health-focus .hf-source-toggle {font:600 11px/1.5 Manrope,system-ui,sans-serif;color:var(--accent);background:transparent;padding:3px 0;border:0;text-align:left}
.health-focus .hf-source-line .button {padding:6px 10px;min-height:31px;border:1px solid var(--line);background:var(--surface);font-size:11px}
.health-focus .hf-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.health-focus .hf-metric {position:relative;display:block;min-width:0;min-height:108px;overflow:hidden;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);text-align:left;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.health-focus .hf-metric:hover {border-color:var(--edge);box-shadow:0 5px 22px rgba(40,104,245,.04)}
.health-focus .hf-metric-label,.health-focus .hf-metric>label {font-size:12px;color:var(--muted);font-weight:500;line-height:1.5;display:flex;align-items:center;gap:7px}
.health-focus .hf-metric-label .icon {width:15px;height:15px;color:var(--accent)}
.health-focus .hf-metric-value {display:flex;align-items:baseline;gap:5px;font-size:29px;line-height:1.3;letter-spacing:-1px;font-weight:750;margin:5px 0 5px;font-variant-numeric:tabular-nums;color:var(--ink)}
.health-focus .hf-metric-value small,.health-focus .hf-metric-unit {font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted)}
.health-focus .hf-metric-source {display:block;font-size:10px;line-height:1.5;color:var(--muted);max-width:calc(100% - 58px)}
.health-focus .hf-metric .spark,.health-focus .hf-metric .hf-spark {position:absolute;width:62px;height:28px;right:14px;bottom:13px;color:var(--accent);opacity:.65;pointer-events:none}
.health-focus .hf-metric .spark path,.health-focus .hf-metric .spark polyline,.health-focus .hf-metric .hf-spark path,.health-focus .hf-metric .hf-spark polyline {fill:none;stroke:currentColor;stroke-width:1.7}
.health-focus .hf-dashboard {display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:start;margin:0 0 16px}
.health-focus .hf-body-card {min-width:0;padding:17px 18px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.health-focus .hf-body-card .panel-title {margin-bottom:7px}
.health-focus .hf-body-card .panel-title h2 {font-size:16px}
.health-focus .hf-body-card .panel-title .button {padding:6px 9px;min-height:31px;font-size:11px}
.health-focus .hf-body-preview {display:block;width:100%;height:310px;background:#fff;border:0;border-radius:12px;overflow:visible;isolation:isolate;margin:0 auto 10px}
.health-focus .hf-body-preview image {filter:none;mix-blend-mode:normal}
.health-focus .hf-body-anchor {cursor:pointer;outline:none}
.health-focus .hf-body-anchor path,.health-focus .hf-body-anchor line {fill:none;stroke:#9eabc0;stroke-width:1;vector-effect:non-scaling-stroke}
.health-focus .hf-body-anchor circle {fill:#2868f5;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.health-focus .hf-body-anchor text {fill:#42506a;font-family:Manrope,system-ui,sans-serif;font-size:57px;font-weight:600;letter-spacing:0;paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round}
.health-focus .hf-body-anchor:hover path,.health-focus .hf-body-anchor:focus-visible path {stroke:#2868f5;stroke-width:1.5}
.health-focus .hf-body-anchor:hover text,.health-focus .hf-body-anchor:focus-visible text {fill:#2868f5}
.health-focus .hf-body-card>.button {width:100%;min-height:36px}
.health-focus .hf-body-foot,.health-focus .hf-body-card>small {font-size:10px;line-height:1.5;color:var(--muted);display:block;text-align:center;margin-top:9px}
.health-focus .hf-main-stack {display:grid;gap:13px;align-content:start;min-width:0}
.health-focus .hf-quick {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border:1px solid var(--line);background:var(--surface);border-radius:15px;min-width:0;box-shadow:var(--shadow)}
.health-focus .hf-quick>div:first-child {min-width:0}
.health-focus .hf-quick h2,.health-focus .hf-quick h3 {font-size:15px;line-height:1.4;font-weight:700;letter-spacing:-.25px;margin:0}
.health-focus .hf-quick p {font-size:12px;color:var(--muted);line-height:1.6;margin-top:4px}
.health-focus .hf-quick small {font-size:11px;line-height:1.5;color:var(--muted)}
.health-focus .hf-quick .actions,.health-focus .hf-quick-actions {display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0;flex-shrink:0;justify-content:flex-end}
.health-focus .hf-quick .button {min-height:35px;font-size:11px;padding:7px 11px}
.health-focus .hf-trend-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;min-width:0}
.health-focus .hf-trend-card {min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:16px 17px 13px;box-shadow:var(--shadow);overflow:hidden}
.health-focus .hf-trend-card .panel-title {margin-bottom:8px;align-items:start}
.health-focus .hf-trend-card h2,.health-focus .hf-trend-card h3 {font-size:14px;line-height:1.4;letter-spacing:-.2px;font-weight:650}
.health-focus .hf-trend-card .badge {font-size:9px;padding:4px 6px}
.health-focus .hf-trend-card .subtle {font-size:11px;line-height:1.55}
.health-focus .hf-trend-value,.health-focus .hf-chart-value {display:flex;align-items:baseline;gap:5px;font-size:26px;line-height:1.3;letter-spacing:-.8px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);margin:4px 0 6px}
.health-focus .hf-trend-value small,.health-focus .hf-chart-value small {font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}
.health-focus .hf-trend-meta,.health-focus .hf-chart-meta {display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:2px 0 6px}
.health-focus .hf-trend-delta,.health-focus .hf-chart-delta {font-size:11px;line-height:1.5;color:var(--accent);background:var(--mint);padding:3px 6px;border-radius:6px;white-space:nowrap}
.health-focus .hf-chart-body {height:135px;min-width:0;position:relative}
.health-focus .hf-mini-chart {display:block;width:100%;height:100%;overflow:visible;touch-action:pan-y;color:var(--accent)}
.health-focus .hf-mini-chart .hf-grid {stroke:var(--line);stroke-width:1;fill:none}
.health-focus .hf-mini-chart .hf-line {fill:none;stroke:var(--accent);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.health-focus .hf-mini-chart .hf-area {fill:var(--accent);opacity:.07;stroke:none}
.health-focus .hf-mini-chart .hf-point {fill:var(--surface);stroke:var(--accent);stroke-width:1.6;cursor:pointer}
.health-focus .hf-mini-chart .hf-point:last-of-type {fill:var(--accent)}
.health-focus .hf-mini-chart .hf-point:hover,.health-focus .hf-mini-chart .hf-point:focus-visible {fill:var(--accent);stroke-width:2.4;outline:none}
.health-focus .hf-mini-chart .hf-axis-label {fill:var(--muted);font-family:Manrope,system-ui,sans-serif;font-size:11px;letter-spacing:0;stroke:none}
.health-focus .hf-mini-chart .hf-chart-cursor {stroke:var(--accent);stroke-width:1;stroke-dasharray:3 5;fill:none;opacity:.5}
.health-focus .hf-chart-caption,.health-focus .hf-trend-foot,.health-focus .hf-trend-card figcaption {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);line-height:1.55;margin:6px 0 0}
.health-focus .hf-trend-card>.button {font-size:11px;min-height:32px;padding:6px 10px;margin-top:9px}
.health-focus .hf-next {min-width:0;padding:15px 17px;border:1px solid var(--line);background:var(--surface);border-radius:15px;box-shadow:var(--shadow)}
.health-focus .hf-next h2,.health-focus .hf-next h3 {font-size:15px;font-weight:700;line-height:1.4;letter-spacing:-.25px}
.health-focus .hf-next p {font-size:12px;line-height:1.65;color:var(--muted);margin-top:5px}
.health-focus .hf-next .actions {margin-top:10px;gap:7px}
.health-focus .hf-next .button {font-size:11px;min-height:33px;padding:6px 10px}
.health-focus .hf-next .eyebrow {font-family:Manrope,system-ui,sans-serif;font-size:10px;letter-spacing:.5px;margin-bottom:6px}
.health-focus .hf-secondary-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 14px}
.health-focus .hf-health-note {font-size:11px;line-height:1.7;color:var(--muted);margin:12px 0 0;max-width:960px}
.health-focus .hf-analytics-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.health-focus .hf-analytics-grid .hf-trend-card {padding:19px 20px 16px}
.health-focus .hf-analytics-grid .hf-chart-body {height:175px}
.health-focus .hf-analytics-grid h2,.health-focus .hf-analytics-grid h3 {font-size:16px}
.health-focus .hf-range {display:flex;align-items:center;gap:4px;flex-wrap:wrap;background:var(--surface2);border-radius:10px;padding:3px;width:fit-content}
.health-focus .hf-range button {border:0;background:transparent;font:600 11px/1.5 Manrope,system-ui,sans-serif;color:var(--muted);min-height:31px;padding:6px 10px;border-radius:8px}
.health-focus .hf-range button.active,.health-focus .hf-range button[aria-pressed=true] {background:var(--surface);color:var(--accent);box-shadow:0 2px 5px rgba(25,40,70,.03)}
/* Expanded morning content stays in flow, with every answer reachable. */
.health-focus .hf-morning-slot {min-width:0;grid-column:1/-1}
.health-focus .hf-morning-slot:empty {display:none}
.health-focus .hf-morning-slot .morning-check {margin:0;padding:17px 19px;border-radius:15px;gap:18px}
.health-focus .hf-morning-slot .morning-visual {width:88px}
.health-focus .hf-morning-slot .morning-visual .become-portrait {width:88px;height:88px}
.health-focus .hf-morning-slot .morning-visual span {font-size:9px;line-height:1.5}
.health-focus .hf-morning-slot .morning-main h2 {font-size:22px;line-height:1.3;margin:9px 0 5px}
.health-focus .hf-morning-slot .morning-main>p {font-size:12px;line-height:1.6}
.health-focus .hf-morning-slot .morning-answer-buttons {margin:14px 0 12px;gap:8px}
.health-focus .hf-morning-slot .morning-answer {min-height:48px;padding:12px 10px;font-size:12px;border-radius:11px}
.health-focus .hf-morning-slot .morning-signals {margin:10px 0}
.health-focus .hf-morning-slot .morning-signals-label {font-size:12px;line-height:1.5}
.health-focus .hf-morning-slot .morning-signal-list button {font-size:11px;min-height:31px;padding:6px 9px}
.health-focus .hf-morning-slot .morning-caption {font-size:11px;line-height:1.6}
.health-focus .hf-morning-slot .morning-footer {font-size:11px;gap:10px;flex-wrap:wrap}
/* Detailed health atlas keeps all layers, views and source controls. */
.health-focus[data-screen=body] .metrics {gap:12px;margin-bottom:17px}
.health-focus[data-screen=body] .metric {min-height:112px;padding:14px 16px;border-radius:14px}
.health-focus[data-screen=body] .metric-label {font-size:12px}
.health-focus[data-screen=body] .metric-value {font-size:29px;margin:7px 0}
.health-focus[data-screen=body] .metric-foot {font-size:10px;line-height:1.5}
.health-focus .atlas-map {background:#fff!important;border-radius:13px}
.health-focus .atlas-controls {gap:7px;margin:10px 0}
.health-focus .atlas-controls .pill {font-size:11px;padding:7px 9px;min-height:32px}
.health-focus .atlas-depth {font-size:12px;padding:5px 8px;gap:10px}
.health-focus .atlas-structure-list {gap:6px}
.health-focus .atlas-structure-list button {font-size:11px;padding:8px 10px;min-height:33px}
.health-focus .map-pain-toolbar {padding:12px 13px;border-radius:11px}
.health-focus .map-pain-toolbar strong {font-size:13px}
.health-focus .map-pain-toolbar p {font-size:11px;line-height:1.6}
.health-focus .organ-detail-nav {gap:6px;margin-bottom:16px}
.health-focus .organ-button {font-size:11px;min-height:34px;padding:8px 11px}
.health-focus .organ-detail-grid,.health-focus .organ-layout {gap:17px}
.health-focus .data-row {font-size:12px;padding:13px 0;line-height:1.6}
.health-focus .data-row small {font-size:11px;line-height:1.6}
.health-focus .data-row strong {font-size:12px;line-height:1.5}
.health-focus .activity-item {font-size:12px;padding:13px 0;line-height:1.7}
.health-focus .activity-item small {font-size:11px}
.health-focus .observation-row {font-size:12px;line-height:1.6;padding:14px 0}
.health-focus .observation-row small {font-size:11px}
/* Settings and import sources share the same compact card structure. */
.health-focus .hf-settings-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}
.health-focus .hf-settings-grid h2 {font-size:17px;letter-spacing:-.3px}
.health-focus .hf-settings-grid h3 {font-size:14px;letter-spacing:-.15px}
.health-focus .hs-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:15px 0 18px}
.health-focus .hs-source-card {min-width:0;padding:19px;border-radius:16px;display:flex;flex-direction:column}
.health-focus .hs-source-head {display:flex;align-items:center;gap:12px;margin-bottom:14px;min-width:0}
.health-focus .hs-source-head>div {min-width:0}
.health-focus .hs-source-head h2,.health-focus .hs-source-head h3 {font-size:16px;line-height:1.4;letter-spacing:-.3px;margin:0}
.health-focus .hs-source-head p,.health-focus .hs-source-head small {font-size:11px;line-height:1.6;color:var(--muted);margin-top:3px}
.health-focus .hs-source-icon {display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:11px;background:var(--mint);color:var(--accent);font-size:16px;font-weight:750;letter-spacing:-.5px}
.health-focus .hs-source-icon .icon {width:20px;height:20px}
.health-focus .hs-source-status {font-size:10px;line-height:1.45;flex-shrink:0;margin-left:auto;max-width:45%;text-align:right;white-space:normal}
.health-focus .hs-source-stats {display:grid;gap:0 18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 14px}
.health-focus .hs-source-stats .data-row {display:block;min-width:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}
.health-focus .hs-source-stats .data-row span {display:block;color:var(--muted);font-size:11px;line-height:1.5}
.health-focus .hs-source-stats .data-row strong {display:block;text-align:left;color:var(--ink);font:600 16px/1.4 Manrope,system-ui,sans-serif;margin-top:4px;overflow-wrap:anywhere}
.health-focus .hs-source-stats .data-row small {font-size:10px;line-height:1.6;color:var(--muted)}
.health-focus .hs-source-actions {margin-top:auto;gap:7px;align-items:center}
.health-focus .hs-source-actions .button {font-size:11px;min-height:35px;padding:7px 10px}
.health-focus .hs-source-card .note {font-size:11px}
.health-focus .hs-summary {display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;margin:14px 0;font-size:12px;color:var(--muted)}
.health-focus .hs-summary>div {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.health-focus .hs-summary .button {font-size:11px;min-height:35px;padding:7px 11px}
.health-focus .hs-steps {padding-left:22px;margin:16px 0;font-size:13px;color:var(--ink);line-height:1.8}
.health-focus .hs-steps li {padding-left:4px;margin:8px 0}
.health-focus .hs-steps li::marker {color:var(--accent);font-weight:600}
.health-focus .hs-notice {font-size:12px;line-height:1.75;margin:14px 0;background:var(--surface2);border-radius:11px;padding:13px 15px}
.health-focus .hs-table-wrap {overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;margin:15px 0;-webkit-overflow-scrolling:touch}
.health-focus .hs-table {width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;text-align:left}
.health-focus .hs-table th,.health-focus .hs-table td {padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;white-space:normal}
.health-focus .hs-table th {background:var(--surface2);color:var(--muted);font-size:11px;font-weight:600}
.health-focus .hs-table tr:last-child td {border-bottom:0}
.health-focus .hs-error {font-size:12px;color:var(--accent);line-height:1.7;margin:10px 0;overflow-wrap:anywhere}
.health-focus .hs-error:empty {display:none}
.health-focus .hs-import-totals {display:flex;gap:10px 18px;flex-wrap:wrap;font-size:12px;line-height:1.6;margin:14px 0;color:var(--muted)}
.health-focus .hs-import-totals strong {color:var(--ink);font-weight:650}
.health-focus .hs-file-input {display:block;width:100%;max-width:100%;font-size:12px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink)}
.health-focus .hs-file-input::file-selector-button {border:0;border-radius:7px;background:var(--mint);color:var(--accent);font:600 11px Manrope,system-ui,sans-serif;padding:8px 11px;margin-right:12px;cursor:pointer}
/* Compact, readable forms and sport controls on all destinations. */
.health-focus .sport-selector {margin-bottom:17px}
.health-focus .sport-selector .panel-title h2 {font-size:17px}
.health-focus .sport-cards {gap:10px}
.health-focus .sport-card {padding:15px;min-height:156px;border-radius:13px;gap:9px}
.health-focus .sport-card>strong {font-size:18px}
.health-focus .sport-card>small,.health-focus .sport-card>span small {font-size:11px;line-height:1.6}
.health-focus .sport-card>b {font-size:21px}
.health-focus .sport-detail-grid {gap:17px}
.health-focus .sport-detail-grid>.stack {gap:17px}
.health-focus .sport-primary h2 {font-size:27px}
.health-focus .sport-goal {font-size:13px}
.health-focus .sport-day {min-height:78px}
.health-focus .sport-day small,.health-focus .sport-day span {font-size:11px}
.health-focus .sport-week-summary span,.health-focus .sport-entry small {font-size:11px;line-height:1.6}
.health-focus .sport-chart-empty {padding:20px 15px}
.health-focus .sport-empty-lines {height:70px}
.health-focus .sport-examples {margin-top:18px}
.health-focus .sport-examples>summary {padding:17px 19px}
.health-focus .sport-examples>summary span {font-size:13px}
.health-focus .sport-examples>summary small {font-size:11px}
.health-focus .sport-example-content {padding:18px}
.health-focus .hf-settings-grid .toggle-row {padding:15px 0}
.health-focus .toggle-row p {font-size:13px}
.health-focus .toggle-row small {font-size:11px;line-height:1.65}
.health-focus dialog {padding:23px;border-radius:19px;width:min(610px,calc(100vw - 28px));max-height:90dvh}
.health-focus dialog.wide-modal {width:min(920px,calc(100vw - 28px))}
.health-focus .modal-head {margin-bottom:19px}
.health-focus .modal-head h2 {font-size:24px;line-height:1.25;letter-spacing:-.7px}
.health-focus .modal-head p {font-size:12px;line-height:1.7;margin-top:8px}
.health-focus .dialog-system-label {font-size:10px;letter-spacing:.1px;padding-bottom:12px;margin-bottom:16px}
.health-focus .field {gap:7px;margin:16px 0}
.health-focus .field label {font-size:12px;line-height:1.5}
.health-focus input,.health-focus select,.health-focus textarea {font-size:14px;min-height:43px;border-radius:10px}
.health-focus input[type=range] {min-height:24px}
.health-focus input[type=checkbox],.health-focus input[type=radio] {min-height:18px}
.health-focus .option-grid {gap:8px;margin:16px 0}
.health-focus .option-grid button {font-size:12px;min-height:54px;padding:14px}
.health-focus .quick-fab {font-size:16px;padding:12px 16px;bottom:20px;right:24px;border-radius:13px}
.health-focus .quick-fab span {font-size:11px}
.health-focus #coach-panel {right:24px;bottom:78px;border-radius:17px;width:395px;max-height:calc(100dvh - 98px)}
.health-focus #coach-content {max-height:calc(100dvh - 98px)}
.health-focus .coach-head {padding:15px 17px}
.health-focus .coach-head strong {font-size:16px}
.health-focus .coach-context,.health-focus .coach-disclaimer {font-size:11px;line-height:1.5}
.health-focus .coach-message {font-size:13px;line-height:1.7;border-radius:12px}
.health-focus #coach-content>.dialog-system-label {font-size:9px}
.health-focus .app-footer {padding:17px 28px 80px;font-size:10px;letter-spacing:0;line-height:1.6;border-color:var(--line)}
.health-focus.dark .hf-body-preview {background:#fff}
.health-focus.dark .hf-metric:hover {box-shadow:0 5px 22px rgba(0,0,0,.08)}
@media(max-width:1250px) {
  .health-focus .app {grid-template-columns:190px minmax(0,1fr)}
  .health-focus #content {padding:22px 23px 28px}
  .health-focus .topbar {padding:0 23px}
  .health-focus .sidebar {padding-left:12px;padding-right:12px}
  .health-focus .brand {font-size:20px;gap:8px}
  .health-focus .brand small {font-size:5px}
  .health-focus .hf-dashboard {grid-template-columns:285px minmax(0,1fr);gap:14px}
  .health-focus .hf-body-card {padding:16px 15px}
  .health-focus .hf-body-preview {height:300px}
  .health-focus .hf-trend-card {padding:15px 14px 12px}
  .health-focus .hf-chart-body {height:130px}
  .health-focus .hf-quick {padding:14px;gap:10px;flex-wrap:wrap}
  .health-focus .hf-quick .actions,.health-focus .hf-quick-actions {justify-content:flex-start}
  .health-focus .hf-next {padding:14px}
  .health-focus .hf-metric {padding:13px 14px}
  .health-focus .hf-metric-value {font-size:27px}
  .health-focus .hs-source-head {gap:9px;flex-wrap:wrap}
  .health-focus .hs-source-status {margin-left:0;max-width:none}
}
@media(max-width:1050px) {
  .health-focus .app {grid-template-columns:176px minmax(0,1fr)}
  .health-focus .sidebar {padding:22px 10px 16px}
  .health-focus .brand {font-size:19px;gap:6px}
  .health-focus .become-mark {width:30px;height:30px}
  .health-focus .nav-item {font-size:12px;padding:12px 10px}
  .health-focus .hf-head h1,.health-focus .page-head h1 {font-size:27px}
  .health-focus .hf-dashboard {grid-template-columns:245px minmax(0,1fr)}
  .health-focus .hf-body-preview {height:292px}
  .health-focus .hf-trend-pair {grid-template-columns:1fr}
  .health-focus .hf-trend-pair .hf-chart-body {height:115px}
  .health-focus .hf-secondary-grid {gap:12px}
  .health-focus .hf-metric {min-height:110px}
  .health-focus .hf-metric-source {max-width:100%;font-size:10px}
  .health-focus .hf-metric .spark,.health-focus .hf-metric .hf-spark {width:40px;height:20px;bottom:38px;right:10px;opacity:.5}
  .health-focus .hf-head {gap:14px}
  .health-focus .hf-actions {max-width:220px}
}
@media(max-width:800px) {
  .health-focus .app {display:block}
  .health-focus .sidebar {display:contents;position:static;transform:none!important;box-shadow:none;padding:0;border:0;width:auto;height:auto}
  .health-focus .sidebar>.brand,.health-focus .sidebar>.side-label,.health-focus .sidebar>.side-bottom,.health-focus .sidebar>.profile {display:none}
  .health-focus #navigation {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;position:fixed;z-index:40;left:0;right:0;bottom:0;padding:8px 12px calc(9px + env(safe-area-inset-bottom,0px));background:var(--shell);backdrop-filter:blur(20px);border-top:1px solid var(--line);box-shadow:0 -5px 24px rgba(20,39,73,.035)}
  .health-focus #navigation .nav-item {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 3px 6px;margin:0;border:0!important;border-radius:10px!important;font-size:11px;line-height:1.3;font-weight:600;min-height:51px;text-align:center;white-space:nowrap;transform:none}
  .health-focus #navigation .nav-item .icon {width:20px;height:20px;stroke-width:1.6}
  .health-focus #navigation .nav-item.active {background:var(--mint);color:var(--accent)}
  .health-focus .mobile-menu {display:none!important}
  .health-focus .topbar {height:58px;padding:0 20px;gap:10px}
  .health-focus .topbar .breadcrumb {font-size:12px;margin-right:auto}
  .health-focus .top-actions {margin-left:0}
  .health-focus #content {padding:21px 20px 28px}
  .health-focus .hf-head {gap:15px;margin-bottom:16px}
  .health-focus .hf-head h1,.health-focus .page-head h1 {font-size:28px}
  .health-focus .hf-dashboard {grid-template-columns:265px minmax(0,1fr);gap:14px}
  .health-focus .hf-metrics {gap:10px}
  .health-focus .hf-settings-grid,.health-focus .hs-cards {gap:14px}
  .health-focus .hf-secondary-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .health-focus .hf-secondary-grid>.hf-trend-card:last-child {grid-column:1/-1}
  .health-focus .quick-fab {right:18px;bottom:91px;padding:11px 15px}
  .health-focus #coach-panel {right:14px;bottom:148px;max-height:calc(100dvh - 170px);width:min(395px,calc(100vw - 28px))}
  .health-focus #coach-content {max-height:calc(100dvh - 170px)}
  .health-focus .app-footer {padding:17px 20px 155px;font-size:10px}
  .health-focus #toast {bottom:92px}
}
@media(max-width:650px) {
  .health-focus #content {padding:19px 16px 24px}
  .health-focus .topbar {height:57px;padding:0 16px}
  .health-focus .topbar .breadcrumb {font-size:11px}
  .health-focus .topbar .breadcrumb:before {font-size:10px;letter-spacing:1px;margin-bottom:2px}
  .health-focus .topbar .icon-button {width:33px;height:33px}
  .health-focus .top-actions {gap:6px}
  .health-focus .hf-head,.health-focus .page-head {display:block;margin-bottom:15px}
  .health-focus .hf-head h1,.health-focus .page-head h1,.health-focus[data-screen=today] .page-head h1 {font-size:28px;line-height:1.2;letter-spacing:-.8px}
  .health-focus .hf-kicker,.health-focus .page-head .eyebrow {font-size:11px;margin-bottom:5px}
  .health-focus .hf-head p,.health-focus .page-head .subtitle {font-size:12px;line-height:1.65;margin-top:6px}
  .health-focus .hf-actions,.health-focus .head-actions {justify-content:flex-start;max-width:none;gap:7px;margin-top:12px}
  .health-focus .hf-actions .button {font-size:11px;min-height:34px;padding:7px 10px}
  .health-focus .hf-source-line {margin-bottom:12px;gap:6px 12px;font-size:11px}
  .health-focus .hf-source-line>span {flex-wrap:wrap;gap:4px 6px}
  .health-focus .hf-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
  .health-focus .hf-metric {padding:13px 14px;min-height:108px;border-radius:14px}
  .health-focus .hf-metric-label {font-size:12px;gap:6px}
  .health-focus .hf-metric-value {font-size:28px;margin:5px 0}
  .health-focus .hf-metric-value small,.health-focus .hf-metric-unit {font-size:11px}
  .health-focus .hf-metric-source {font-size:10px;max-width:calc(100% - 38px);line-height:1.45}
  .health-focus .hf-metric .spark,.health-focus .hf-metric .hf-spark {width:39px;height:20px;right:11px;bottom:14px;opacity:.6}
  .health-focus .hf-dashboard {grid-template-columns:1fr;gap:13px;margin-bottom:14px}
  .health-focus .hf-body-card {padding:16px;border-radius:15px}
  .health-focus .hf-body-preview {height:250px;margin-bottom:8px}
  .health-focus .hf-body-anchor text {font-size:67px;stroke-width:7px}
  .health-focus .hf-body-card .panel-title {margin-bottom:5px}
  .health-focus .hf-body-card .panel-title h2 {font-size:16px}
  .health-focus .hf-body-card>.button {min-height:37px}
  .health-focus .hf-body-foot,.health-focus .hf-body-card>small {font-size:10px;line-height:1.5;margin-top:7px}
  .health-focus .hf-main-stack {gap:13px}
  .health-focus .hf-quick {padding:15px 16px;display:flex;gap:12px;border-radius:14px}
  .health-focus .hf-quick h2,.health-focus .hf-quick h3 {font-size:16px}
  .health-focus .hf-quick p {font-size:12px;line-height:1.65}
  .health-focus .hf-quick .actions,.health-focus .hf-quick-actions {justify-content:flex-start;gap:7px}
  .health-focus .hf-quick .button {min-height:36px;font-size:11px}
  .health-focus .hf-trend-pair,.health-focus .hf-secondary-grid,.health-focus .hf-analytics-grid {grid-template-columns:1fr;gap:13px}
  .health-focus .hf-secondary-grid>.hf-trend-card:last-child {grid-column:auto}
  .health-focus .hf-trend-card,.health-focus .hf-analytics-grid .hf-trend-card {padding:16px;border-radius:14px}
  .health-focus .hf-trend-card h2,.health-focus .hf-trend-card h3 {font-size:15px}
  .health-focus .hf-chart-body,.health-focus .hf-trend-pair .hf-chart-body {height:145px}
  .health-focus .hf-analytics-grid .hf-chart-body {height:165px}
  .health-focus .hf-chart-caption,.health-focus .hf-trend-foot,.health-focus .hf-trend-card figcaption {font-size:11px;line-height:1.5;flex-wrap:wrap}
  .health-focus .hf-next {padding:16px;border-radius:14px}
  .health-focus .hf-next h2,.health-focus .hf-next h3 {font-size:16px}
  .health-focus .hf-next p {font-size:12px}
  .health-focus .hf-next .button {min-height:35px;font-size:11px}
  .health-focus .hf-health-note {font-size:11px;line-height:1.7;margin-top:12px}
  .health-focus .hf-morning-slot .morning-check {display:block;padding:16px;border-radius:14px}
  .health-focus .hf-morning-slot .morning-visual {display:flex;align-items:center;width:auto;gap:10px;margin-bottom:10px}
  .health-focus .hf-morning-slot .morning-visual .become-portrait {width:52px;height:52px;border-radius:10px}
  .health-focus .hf-morning-slot .morning-visual span {font-size:10px;margin:0;letter-spacing:.5px}
  .health-focus .hf-morning-slot .morning-main h2 {font-size:22px;margin:10px 0 5px}
  .health-focus .hf-morning-slot .morning-answer-buttons {gap:7px;margin:14px 0 12px}
  .health-focus .hf-morning-slot .morning-answer {display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 7px;min-height:72px;font-size:12px;line-height:1.35}
  .health-focus .hf-morning-slot .morning-answer span {font-size:20px}
  .health-focus .hf-morning-slot .morning-footer {font-size:11px;line-height:1.6;gap:8px}
  .health-focus .hf-morning-slot .morning-signal-list {gap:6px}
  .health-focus .hf-morning-slot .morning-signal-list button {font-size:11px;min-height:33px}
  .health-focus .hf-settings-grid,.health-focus .hs-cards {grid-template-columns:1fr;gap:14px}
  .health-focus .hs-source-card {padding:17px;border-radius:15px}
  .health-focus .hs-source-head {gap:10px;flex-wrap:nowrap;align-items:center;margin-bottom:13px}
  .health-focus .hs-source-head h2,.health-focus .hs-source-head h3 {font-size:16px}
  .health-focus .hs-source-head p,.health-focus .hs-source-head small {font-size:11px}
  .health-focus .hs-source-status {margin-left:auto;max-width:43%;font-size:10px}
  .health-focus .hs-source-stats {gap:0 15px;margin-bottom:12px}
  .health-focus .hs-source-stats .data-row {font-size:11px}
  .health-focus .hs-source-stats .data-row strong {font-size:17px}
  .health-focus .hs-source-actions .button {min-height:37px;font-size:11px;padding:8px 11px}
  .health-focus .hs-summary {align-items:flex-start;font-size:12px}
  .health-focus .hs-summary .button {min-height:37px;font-size:11px}
  .health-focus .hs-table th,.health-focus .hs-table td {font-size:11px;padding:10px}
  .health-focus .hs-steps {font-size:12px;line-height:1.8}
  .health-focus .hs-notice {font-size:12px;padding:12px 13px}
  .health-focus .hs-import-totals {font-size:12px;gap:8px 14px}
  .health-focus .hs-file-input {font-size:12px;padding:9px}
  .health-focus .hs-file-input::file-selector-button {font-size:11px;padding:8px 9px;margin-right:8px}
  .health-focus .panel {padding:16px;border-radius:15px}
  .health-focus .panel-title h2 {font-size:16px}
  .health-focus .section-tabs {max-width:100%;gap:2px;padding:3px;margin-bottom:15px}
  .health-focus .section-tabs .button {font-size:11px;padding:8px 10px;min-height:34px}
  .health-focus .atlas-controls .pill {font-size:11px;min-height:33px;padding:6px 8px}
  .health-focus .atlas-depth {font-size:11px}
  .health-focus .atlas-structure-list button {font-size:11px;min-height:33px}
  .health-focus .map-pain-toolbar {padding:11px 12px}
  .health-focus .organ-button {font-size:11px;padding:8px 10px}
  .health-focus .sport-card {min-height:158px;padding:13px 12px}
  .health-focus .sport-card>strong {font-size:17px}
  .health-focus .sport-card>b {font-size:19px}
  .health-focus .sport-card>small,.health-focus .sport-card>span small {font-size:10px;line-height:1.6}
  .health-focus .sport-primary h2 {font-size:25px}
  .health-focus .sport-day {min-height:78px}
  .health-focus .sport-day small,.health-focus .sport-day span {font-size:10px}
  .health-focus .sport-stats b {font-size:28px}
  .health-focus .sport-stats small {font-size:11px;line-height:1.5}
  .health-focus .sport-week-summary span {font-size:11px}
  .health-focus .sport-entry small {font-size:11px}
  .health-focus dialog,.health-focus dialog.wide-modal {width:calc(100vw - 24px);padding:21px 18px;max-height:90dvh;border-radius:17px}
  .health-focus .modal-head h2 {font-size:23px}
  .health-focus .modal-head p {font-size:12px}
  .health-focus .dialog-system-label {font-size:9px;line-height:1.6;letter-spacing:0}
  .health-focus .field label {font-size:12px}
  .health-focus input,.health-focus select,.health-focus textarea,.health-focus #coach-input {font-size:16px;min-height:44px}
  .health-focus input[type=range] {min-height:24px}
  .health-focus input[type=checkbox],.health-focus input[type=radio] {min-height:18px}
  .health-focus .option-grid button {font-size:12px;padding:14px;min-height:56px}
  .health-focus #navigation {padding-left:8px;padding-right:8px;gap:2px}
  .health-focus #navigation .nav-item {font-size:11px;padding:7px 2px 6px}
  .health-focus .quick-fab {right:15px;bottom:88px;padding:11px 14px;border-radius:12px}
  .health-focus .quick-fab span {font-size:11px}
  .health-focus #coach-panel {right:12px;width:calc(100vw - 24px);bottom:145px;max-height:calc(100dvh - 165px)}
  .health-focus #coach-content {max-height:calc(100dvh - 165px)}
  .health-focus .coach-head {padding:14px 16px}
  .health-focus .coach-message {font-size:13px;line-height:1.7}
  .health-focus .app-footer {padding:15px 16px 152px;font-size:10px;line-height:1.6;gap:8px}
}
@media(prefers-reduced-motion:reduce) {
  .health-focus *, .health-focus *::before, .health-focus *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Match the compact renderer's concrete SVG and readout markup. */
.health-focus .hf-metric>svg {position:absolute;width:76px;height:26px;right:14px;bottom:13px;display:block;color:var(--accent);fill:none;pointer-events:none;opacity:.72}
.health-focus .hf-metric>svg polyline {fill:none;stroke:currentColor;stroke-width:1.6}
.health-focus .hf-metric>svg circle {fill:currentColor;stroke:none}
.health-focus .hf-no-spark {position:absolute;right:14px;bottom:13px;font-size:10px;color:var(--muted);max-width:76px;text-align:right;line-height:1.5}
.health-focus .hf-metric-label>span:last-child {margin-left:auto;color:var(--muted);font-size:12px}
.health-focus .hf-trend-readout {display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 9px;min-height:36px}
.health-focus .hf-trend-readout>strong {font:750 27px/1.3 Manrope,system-ui,sans-serif;letter-spacing:-.8px;color:var(--ink);white-space:nowrap}
.health-focus .hf-trend-readout>strong>small {font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:3px}
.health-focus .hf-trend-readout>span {display:block;text-align:right;font:600 12px/1.5 Manrope,system-ui,sans-serif;color:var(--accent)}
.health-focus .hf-trend-readout>span>small {display:block;font-size:10px;line-height:1.4;font-weight:400;color:var(--muted);margin-top:2px}
.health-focus .hf-text-link,.health-focus .hs-source-card>.text-link {display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:3px 0;font:600 11px/1.6 Manrope,system-ui,sans-serif;letter-spacing:0;color:var(--accent);text-align:left;text-decoration:none;min-height:25px;cursor:pointer}
.health-focus .hf-text-link:hover,.health-focus .hs-source-card>.text-link:hover {text-decoration:underline;text-underline-offset:3px;background:transparent}
.health-focus .hf-mini-chart {height:auto}
.health-focus .hf-chart-body>.hf-mini-chart {height:100%}
.health-focus .hf-mini-chart .hf-point {fill:none;stroke:none;cursor:pointer;outline:none}
.health-focus .hf-mini-chart .hf-hit {fill:transparent!important;stroke:none!important;pointer-events:all}
.health-focus .hf-mini-chart .hf-dot {fill:var(--surface);stroke:var(--accent);stroke-width:1.6;pointer-events:none}
.health-focus .hf-mini-chart .hf-point:last-of-type .hf-dot {fill:var(--accent)}
.health-focus .hf-mini-chart .hf-point:hover .hf-dot,.health-focus .hf-mini-chart .hf-point:focus-visible .hf-dot {fill:var(--accent);stroke-width:2;r:3.8}
.health-focus .hf-mini-chart .hf-scatter-dot {fill:var(--accent);stroke:var(--surface);stroke-width:1;opacity:.65}
.health-focus .hf-chart-empty {height:100%;min-height:110px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;background:var(--surface2);border-radius:10px;padding:15px;color:var(--muted);font-size:12px;line-height:1.6}
.health-focus .hf-chart-empty .button {min-height:32px;font-size:11px}
.health-focus .hf-section-label {display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0 12px}
.health-focus .hf-section-label h2 {font-size:16px;font-weight:700;line-height:1.5;letter-spacing:-.3px;color:var(--ink)}
.health-focus .hf-section-label .pill {font-size:11px;min-height:30px}
.health-focus .hf-body-layout {display:grid;grid-template-columns:minmax(350px,1.1fr) minmax(280px,.9fr);gap:17px;align-items:start}
.health-focus .hf-body-layout>.stack {gap:17px}
.health-focus .hf-sport-card {min-width:0;padding:16px 17px 13px}
.health-focus .hf-sport-card .panel-title {margin-bottom:8px}
.health-focus .hf-sport-card h3 {font-size:14px;line-height:1.4;letter-spacing:-.2px;font-weight:650}
.health-focus .hf-sport-card .sport-chart-empty {margin:8px 0 0;padding:13px;min-height:199px}
.health-focus .hf-sport-card .sport-chart-empty>span {font-size:9px}
.health-focus .hf-sport-card .sport-chart-empty h3 {font-size:14px;line-height:1.4}
.health-focus .hf-sport-card .sport-chart-empty p {font-size:11px;line-height:1.6;margin:7px 0 12px}
.health-focus .hf-sport-card .sport-empty-lines {height:24px;margin:8px 0 11px;opacity:.35}
.health-focus .hf-sport-card .sport-chart {margin:9px 0 0;padding:8px 0 0;border:0;background:transparent}
.health-focus .hf-sport-card .sport-chart .chart-svg {height:132px;width:100%}
.health-focus .hf-sport-card .sport-chart .chart-console {margin-bottom:4px}
.health-focus .hf-sport-card .sport-readout b {font-size:23px}
.health-focus .hf-sport-card .sport-chart figcaption {padding:9px 0;margin-bottom:7px;font-size:9px}
.health-focus .hf-sport-card .sport-chart>.subtle {font-size:10px;line-height:1.5}
.health-focus .hf-analytics-grid .hf-sport-card .sport-chart .chart-svg {height:175px}
.health-focus .hf-relationship {min-width:0}
.health-focus .hf-relationship>.hf-mini-chart {display:block;width:100%;height:195px;margin:10px 0}
.health-focus .hf-relationship>p {font-size:12px;line-height:1.75}
.health-focus .hf-relationship h2 {font-size:16px}
.health-focus .hf-point-value {font:750 38px/1.3 Manrope,system-ui,sans-serif;letter-spacing:-1.3px;color:var(--ink);margin:16px 0}
.health-focus .hf-point-value small {font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}
.health-focus dialog .hf-range {margin-bottom:15px}
.health-focus dialog #modal-content>.hf-mini-chart {display:block;width:100%;height:205px;margin:10px 0}
.health-focus .hf-source-line .hs-summary {display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0;flex-wrap:wrap}
.health-focus .hs-summary>button {display:flex;align-items:center;gap:9px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);min-width:0;min-height:39px;text-align:left;font-family:Manrope,system-ui,sans-serif}
.health-focus .hs-summary>button:hover {border-color:var(--edge);background:var(--mint)}
.health-focus .hs-summary>button>.icon {width:17px;height:17px;flex:none;color:var(--accent)}
.health-focus .hs-summary>button>span:not([aria-hidden]) {min-width:0;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.health-focus .hs-summary>button b {font-size:11px;font-weight:650;line-height:1.5;color:var(--ink)}
.health-focus .hs-summary>button small {font-size:10px;line-height:1.5;color:var(--muted)}
.health-focus .hs-summary>button>span[aria-hidden] {color:var(--muted);font-size:11px;margin-left:auto}
.health-focus .hf-next>.hf-actions {justify-content:flex-start;margin-top:10px;max-width:none}
.health-focus .hf-body-card>.hf-health-note {font-size:10px;line-height:1.5;text-align:center;margin-top:8px}
/* Keep today's first screen focused on the body and its two main trends. */
@media(min-width:1051px) {
  .health-focus[data-screen=today] .hf-head {margin-bottom:14px}
  .health-focus[data-screen=today] .hf-head .hf-kicker {margin-bottom:4px}
  .health-focus[data-screen=today] .hf-head p {margin-top:5px}
  .health-focus[data-screen=today] .hs-summary>button {min-height:34px;padding:4px 10px}
  .health-focus[data-screen=today] .hf-source-line {margin-bottom:12px}
  .health-focus[data-screen=today] .hf-metric {padding:12px 16px;min-height:107px}
  .health-focus[data-screen=today] .hf-metrics {margin-bottom:14px}
  .health-focus[data-screen=today] .hf-main-stack {gap:11px}
  .health-focus[data-screen=today] .hf-quick {padding:13px 15px}
  .health-focus[data-screen=today] .hf-quick .hf-kicker {margin-bottom:3px;font-size:10px}
  .health-focus[data-screen=today] .hf-trend-pair .hf-trend-card {padding:14px 15px 11px}
  .health-focus[data-screen=today] .hf-trend-pair .panel-title {margin-bottom:6px}
  .health-focus[data-screen=today] .hf-trend-pair .hf-chart-body {height:118px}
  .health-focus[data-screen=today] .hf-next {padding:13px 15px}
  .health-focus[data-screen=today] .hf-next .hf-kicker {margin-bottom:4px;font-size:10px}
  .health-focus[data-screen=today] .hf-next p {margin-top:3px}
  .health-focus[data-screen=today] .hf-next>.hf-actions {margin-top:8px}
}
@media(max-width:1050px) {
  .health-focus .hf-metric>svg {width:43px;height:21px;bottom:13px;right:10px}
  .health-focus .hf-body-layout {grid-template-columns:1fr}
}
@media(max-width:650px) {
  .health-focus .hf-metric {padding:11px 13px;min-height:104px}
  .health-focus .hf-metric-value {margin:3px 0}
  .health-focus .hf-metric>svg {width:44px;height:22px;right:11px;bottom:13px}
  .health-focus .hf-metric-source {max-width:calc(100% - 43px)}
  .health-focus .hf-no-spark {font-size:9px;max-width:48px;right:10px}
  .health-focus .hf-trend-readout {margin:4px 0 8px;gap:10px;min-height:36px}
  .health-focus .hf-trend-readout>strong {font-size:27px}
  .health-focus .hf-trend-readout>span {font-size:12px}
  .health-focus .hf-trend-readout>span>small {font-size:10px}
  .health-focus .hf-text-link {font-size:11px;line-height:1.6;min-height:29px}
  .health-focus .hf-section-label {margin:18px 0 12px;gap:10px;flex-wrap:wrap}
  .health-focus .hf-section-label h2 {font-size:16px}
  .health-focus .hf-sport-card {padding:16px}
  .health-focus .hf-sport-card h3 {font-size:15px}
  .health-focus .hf-sport-card .sport-chart-empty {min-height:190px;padding:14px}
  .health-focus .hf-sport-card .sport-chart-empty h3 {font-size:15px}
  .health-focus .hf-sport-card .sport-chart-empty p {font-size:12px}
  .health-focus .hf-sport-card .sport-chart .chart-svg {height:145px}
  .health-focus .hf-relationship>.hf-mini-chart {height:180px}
  .health-focus .hf-point-value {font-size:35px}
  .health-focus .hf-source-line .hs-summary {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .health-focus .hs-summary>button {padding:8px 9px;gap:7px;min-height:48px;border-radius:10px}
  .health-focus .hs-summary>button>.icon {width:16px;height:16px}
  .health-focus .hs-summary>button>span:not([aria-hidden]) {display:block}
  .health-focus .hs-summary>button b {display:block;font-size:11px;line-height:1.5}
  .health-focus .hs-summary>button small {display:block;font-size:10px;line-height:1.4;margin-top:2px}
  .health-focus .hs-summary>button>span[aria-hidden] {display:none}
  .health-focus .hf-source-line .hf-source-toggle {margin-left:auto;font-size:11px;min-height:25px}
  .health-focus .hf-next>.hf-actions {margin-top:10px;gap:8px}
  .health-focus .hf-body-card>.hf-health-note {font-size:10px;margin-top:7px}
}

/* BECOME · workout ledger. Actual sets, comparable sessions, clear progress. */
.health-focus .wo-workspace {min-width:0;color:var(--ink)}
.health-focus .wo-workspace button,.health-focus [class^="wo-"] button {font-family:Manrope,system-ui,sans-serif}
.health-focus .wo-tabs {display:flex;align-items:center;gap:4px;flex-wrap:wrap;width:fit-content;max-width:100%;padding:4px;margin:0 0 17px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}
.health-focus .wo-tabs button {border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:650;line-height:1.5;padding:9px 15px;min-height:37px;border-radius:8px;cursor:pointer}
.health-focus .wo-tabs button.active,.health-focus .wo-tabs button[aria-selected=true] {background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(20,39,73,.07)}
.health-focus .wo-tabs button:hover {color:var(--accent)}
.health-focus .wo-head-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 17px}
.health-focus .wo-head-summary>:is(div,span) {display:flex;align-items:baseline;gap:9px;min-width:0;min-height:64px;padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.health-focus .wo-head-summary b,.health-focus .wo-head-summary strong {font-size:26px;line-height:1.3;font-weight:750;letter-spacing:-.8px;color:var(--ink);font-variant-numeric:tabular-nums}
.health-focus .wo-head-summary span,.health-focus .wo-head-summary small {color:var(--muted);font-size:12px;line-height:1.5}
.health-focus .wo-layout {display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:16px}
.health-focus .wo-sidebar {min-width:0;padding:16px}
.health-focus .wo-sidebar .panel-title {margin-bottom:12px;align-items:center;gap:8px}
.health-focus .wo-sidebar .panel-title h2,.health-focus .wo-sidebar .panel-title h3 {font-size:15px;line-height:1.5;letter-spacing:-.25px}
.health-focus .wo-sidebar .panel-title .button {padding:5px 8px;min-height:30px;font-size:11px;flex-shrink:0}
.health-focus .wo-sidebar>.button {width:100%;margin-top:13px}
.health-focus .wo-exercise-list {display:grid;gap:7px;min-width:0}
.health-focus .wo-exercise-item {display:flex;align-items:center;gap:10px;width:100%;min-height:74px;min-width:0;padding:12px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
.health-focus .wo-exercise-item:hover {border-color:var(--edge);background:var(--surface2)}
.health-focus .wo-exercise-item.active,.health-focus .wo-exercise-item.selected,.health-focus .wo-exercise-item[aria-pressed=true],.health-focus .wo-exercise-item[aria-current=true],.health-focus .wo-exercise-item[aria-selected=true] {border-color:var(--edge);background:var(--mint);box-shadow:inset 3px 0 0 var(--accent)}
.health-focus .wo-category {display:inline-grid;place-items:center;flex:none;min-width:32px;height:32px;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--surface2);color:var(--muted);font:750 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.4px}
.health-focus .wo-category .icon {width:17px;height:17px}
.health-focus .wo-exercise-item.active .wo-category,.health-focus .wo-exercise-item.selected .wo-category {border-color:var(--edge);background:var(--surface);color:var(--accent)}
.health-focus .wo-exercise-copy {display:block;min-width:0;flex:1}
.health-focus .wo-exercise-copy strong {display:block;font-size:12px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}
.health-focus .wo-exercise-copy small {display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}
.health-focus .wo-exercise-value {display:block;flex:none;text-align:right;max-width:65px;font-variant-numeric:tabular-nums}
.health-focus .wo-exercise-value b {display:block;font-size:18px;font-weight:750;line-height:1.25;letter-spacing:-.5px;color:var(--ink)}
.health-focus .wo-exercise-value small {display:block;font-size:9px;line-height:1.45;font-weight:400;color:var(--muted);margin-top:3px}
.health-focus .wo-main {display:grid;gap:16px;min-width:0;align-content:start}
.health-focus .wo-toolbar {display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 13px;min-width:0}
.health-focus .wo-toolbar .pill {min-height:29px;font-size:10px;line-height:1.4;padding:6px 9px;white-space:nowrap}
.health-focus .wo-toolbar .pill.active {color:var(--accent);background:var(--mint);border-color:var(--edge)}
.health-focus .wo-detail {min-width:0;padding:20px}
.health-focus .wo-detail>header,.health-focus .wo-detail>.panel-title,.health-focus .wo-detail-head {display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:0 0 19px}
.health-focus .wo-detail>header>div:first-child,.health-focus .wo-detail-head>div:first-child {min-width:0}
.health-focus .wo-detail h2 {font-size:23px;line-height:1.25;letter-spacing:-.65px;font-weight:750;margin:0}
.health-focus .wo-detail h3 {font-size:15px;line-height:1.45;font-weight:700;letter-spacing:-.2px}
.health-focus .wo-detail>header p,.health-focus .wo-detail-head p {color:var(--muted);font-size:12px;line-height:1.6;margin-top:6px;max-width:540px}
.health-focus .wo-detail>header .actions,.health-focus .wo-detail-head .actions {margin-top:0;flex-shrink:0;gap:7px}
.health-focus .wo-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:0 0 17px;overflow:hidden}
.health-focus .wo-stats>div {padding:14px 16px;min-width:0;border-right:1px solid var(--line)}
.health-focus .wo-stats>div:last-child {border-right:0}
.health-focus .wo-stats b,.health-focus .wo-stats strong {display:block;font-size:27px;font-weight:750;line-height:1.3;letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:var(--ink)}
.health-focus .wo-stats b small,.health-focus .wo-stats strong small {display:inline;font-size:12px;font-weight:500;letter-spacing:0;margin:0 0 0 3px;color:var(--muted)}
.health-focus .wo-stats>div>span,.health-focus .wo-stats>div>small {display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:4px}
.health-focus .wo-protocol {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 15px;font-size:12px;line-height:1.6;color:var(--muted)}
.health-focus .wo-protocol strong {font-size:12px;color:var(--ink);font-weight:650}
.health-focus .wo-protocol small {font-size:10px;line-height:1.6;color:var(--muted)}
.health-focus .wo-protocol select {width:auto;max-width:100%;min-height:34px;padding:6px 30px 6px 9px;background:var(--surface);border-color:var(--line);font-size:11px;flex-shrink:1;border-radius:7px}
.health-focus .wo-protocol .pill {min-height:29px;font-size:11px;padding:5px 8px}
.health-focus .wo-chart {margin:0;min-width:0;width:100%}
.health-focus .wo-chart>svg {display:block;width:100%;height:205px;overflow:visible;touch-action:pan-y;color:var(--accent)}
.health-focus .wo-chart .wo-grid {fill:none;stroke:var(--line);stroke-width:1}
.health-focus .wo-chart .wo-line {fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.health-focus .wo-chart .wo-area {fill:var(--accent);fill-opacity:.075;stroke:none}
.health-focus .wo-chart .wo-hit {fill:transparent!important;stroke:none!important;pointer-events:all;cursor:pointer}
.health-focus .wo-chart .wo-dot {fill:var(--surface);stroke:var(--accent);stroke-width:1.7;pointer-events:none}
.health-focus .wo-chart .wo-dot:last-child {fill:var(--accent)}
.health-focus .wo-chart g[tabindex] {outline:none;cursor:pointer}
.health-focus .wo-chart g[tabindex]:hover .wo-dot,.health-focus .wo-chart g[tabindex]:focus-visible .wo-dot {fill:var(--accent);stroke-width:2.8}
.health-focus .wo-chart .wo-axis {fill:var(--muted);stroke:none;font-family:Manrope,system-ui,sans-serif;font-size:14px;letter-spacing:0}
.health-focus .wo-chart .wo-target-line {fill:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:4 5;opacity:.4}
.health-focus .wo-chart figcaption {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:10px;line-height:1.65;border-top:1px solid var(--line);padding-top:9px;margin-top:9px}
.health-focus .wo-insight {padding:13px 15px;border:1px solid var(--edge);border-left:3px solid var(--accent);border-radius:10px;background:var(--mint);margin-top:17px;color:var(--ink);font-size:13px;line-height:1.65}
.health-focus .wo-insight strong {display:block;font-size:13px;line-height:1.6;font-weight:650}
.health-focus .wo-insight p {margin:5px 0 0;font-size:12px;line-height:1.7}
.health-focus .wo-insight small,.health-focus .wo-insight-source {display:block;color:var(--muted);font-size:10px;line-height:1.65;margin-top:6px}
.health-focus .wo-history {min-width:0}
.health-focus .wo-history .panel-title {align-items:center;margin-bottom:7px}
.health-focus .wo-history h2,.health-focus .wo-history h3 {font-size:16px;line-height:1.4;font-weight:700;letter-spacing:-.3px}
.health-focus .wo-entry {display:flex;align-items:center;gap:14px;justify-content:space-between;width:100%;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;padding:13px 2px;min-height:62px;cursor:pointer;transition:background .16s}
.health-focus .wo-entry:last-child {border-bottom:0}
.health-focus .wo-entry:hover {background:var(--surface2)}
.health-focus .wo-entry>span,.health-focus .wo-entry>div {min-width:0}
.health-focus .wo-entry strong,.health-focus .wo-entry b {display:block;font-size:12px;font-weight:650;line-height:1.5;font-variant-numeric:tabular-nums}
.health-focus .wo-entry small {display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:3px}
.health-focus .wo-entry>span:last-child {color:var(--accent);font-size:12px;text-align:right}
.health-focus .wo-target-track {height:5px;background:var(--surface2);border-radius:2px;overflow:hidden;margin:11px 0 8px;width:100%}
.health-focus .wo-target-track>span,.health-focus .wo-target-track>i,.health-focus .wo-target-track>div {display:block;height:100%;max-width:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}
.health-focus .wo-settings {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}
.health-focus .wo-settings .button {min-height:33px;font-size:11px;padding:7px 10px}
.health-focus .wo-editor-note {font-size:11px;line-height:1.7;color:var(--muted);margin-top:11px;max-width:760px}
.health-focus .wo-empty {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-width:0;min-height:170px;padding:24px;border:1px dashed var(--edge);border-radius:12px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0}
.health-focus .wo-empty h2,.health-focus .wo-empty h3,.health-focus .wo-empty strong {font-size:16px;line-height:1.4;letter-spacing:-.25px;color:var(--ink);font-weight:700;margin:0}
.health-focus .wo-empty p {font-size:12px;line-height:1.7;margin:0;max-width:520px}
.health-focus .wo-empty>.icon {color:var(--accent);width:24px;height:24px;margin-bottom:3px}
.health-focus .wo-empty .button {margin-top:3px}
.health-focus .wo-sidebar .wo-empty {min-height:150px;padding:17px;font-size:11px;margin:0}
.health-focus .wo-sidebar .wo-empty h3 {font-size:14px}
.health-focus .wo-sidebar .wo-empty p {font-size:11px}
/* Exercise picker: every row is a labelled, keyboard-operable checkbox. */
.health-focus .wo-library-controls {display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 14px}
.health-focus .wo-library-controls>input {min-width:160px;flex:1;background:var(--surface);font-size:13px}
.health-focus .wo-library-controls>select {width:auto;max-width:45%;font-size:12px;background:var(--surface)}
.health-focus .wo-library-controls .wo-toolbar {width:100%;margin:0}
.health-focus .wo-library {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;margin:0 0 16px;max-height:min(440px,44dvh);overflow-y:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}
.health-focus .wo-library-item {display:flex;align-items:flex-start;gap:10px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);cursor:pointer;color:var(--ink);transition:border-color .16s,background .16s}
.health-focus .wo-library-item:hover {border-color:var(--edge);background:var(--surface2)}
.health-focus .wo-library-item:has(input:checked) {background:var(--mint);border-color:var(--edge)}
.health-focus .wo-library-item:has(input:focus-visible) {outline:2px solid var(--accent);outline-offset:2px}
.health-focus .wo-library-item:has(input:disabled) {cursor:default;opacity:.6}
.health-focus .wo-library-item input[type=checkbox] {width:17px;height:17px;min-height:17px;padding:0;flex:none;margin:2px 0 0;accent-color:var(--accent);border-radius:4px}
.health-focus .wo-library-copy {display:block;min-width:0;flex:1}
.health-focus .wo-library-copy strong {display:block;font-size:12px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.health-focus .wo-library-copy small {display:block;font-size:10px;line-height:1.65;color:var(--muted);margin-top:4px}
.health-focus .wo-library-tag {display:inline-block;max-width:100%;font-size:9px;line-height:1.4;font-weight:550;color:var(--muted);background:var(--surface2);border:1px solid var(--line);border-radius:5px;padding:3px 5px;margin-top:7px}
/* Session entry stays tabular at phone width; fields retain usable hit targets. */
.health-focus .wo-session-header {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.health-focus .wo-session-header>div,.health-focus .wo-session-header .field {min-width:0;flex:1;margin:0}
.health-focus .wo-session-header label {display:block;font-size:12px;font-weight:550;line-height:1.5;color:var(--muted);margin-bottom:6px}
.health-focus .wo-session-header input {max-width:100%;background:var(--surface);font-size:14px}
.health-focus .wo-set-table {width:100%;min-width:0;margin:12px 0 14px;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:12px;line-height:1.5}
.health-focus .wo-set-table table {width:100%;border-collapse:collapse;table-layout:fixed}
.health-focus .wo-set-table th {color:var(--muted);font-size:10px;font-weight:550;line-height:1.5;padding:0 5px 9px;border-bottom:1px solid var(--line);vertical-align:bottom}
.health-focus .wo-set-table td {padding:9px 5px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:12px;font-variant-numeric:tabular-nums}
.health-focus .wo-set-table tr:last-child td {border-bottom:0}
.health-focus .wo-set-table th:first-child,.health-focus .wo-set-table td:first-child {width:30px;padding-left:0;color:var(--muted);font-size:11px}
.health-focus .wo-set-table th:last-child,.health-focus .wo-set-table td:last-child {width:37px;padding-right:0;text-align:right}
.health-focus .wo-set-input,.health-focus .wo-set-table input {display:block;width:100%;min-width:0;max-width:100%;min-height:42px;padding:8px 9px;font-size:15px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;box-sizing:border-box}
.health-focus .wo-set-table input:focus-visible {border-color:var(--accent);outline:2px solid var(--edge);outline-offset:1px}
.health-focus .wo-set-table .icon-button,.health-focus .wo-set-table td:last-child>button {display:inline-grid;place-items:center;width:32px;height:36px;min-height:36px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}
.health-focus .wo-set-table td:last-child>button:hover {background:var(--surface2);color:var(--ink);border-color:var(--edge)}
.health-focus .wo-set-table button:disabled {opacity:.35;cursor:default}
.health-focus .wo-form-summary {display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:1.7;border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:12px 14px;margin:16px 0}
.health-focus .wo-form-summary strong,.health-focus .wo-form-summary b {font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}
.health-focus .wo-form-error {margin:12px 0;padding:10px 12px;border:1px solid var(--edge);border-left:3px solid var(--accent);border-radius:8px;background:var(--mint);font-size:12px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}
.health-focus .wo-form-error:empty {display:none}
/* A small exercise ledger can appear on Today without another large hero. */
.health-focus .wo-home-rows {display:grid;gap:0;margin:5px 0 0}
.health-focus .wo-home-row {display:flex;align-items:center;gap:11px;justify-content:space-between;min-height:65px;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.health-focus .wo-home-row:last-child {border-bottom:0}
.health-focus .wo-home-row:hover {color:var(--accent)}
.health-focus .wo-home-row>span:first-child {min-width:0;flex:1}
.health-focus .wo-home-row strong {display:block;font-size:12px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.health-focus .wo-home-row small {display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:3px}
.health-focus .wo-home-row>svg {width:65px;height:25px;flex:none;fill:none;color:var(--accent)}
.health-focus .wo-home-row>svg path,.health-focus .wo-home-row>svg polyline {fill:none;stroke:currentColor;stroke-width:1.6}
.health-focus .wo-home-row>svg circle {fill:currentColor;stroke:none}
.health-focus .wo-home-number {font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.5px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:var(--ink)}
.health-focus .wo-home-number small {font-size:9px;font-weight:500;letter-spacing:0;color:var(--muted)}
.health-focus :is(.wo-exercise-item,.wo-entry,.wo-home-row,.wo-tabs button):focus-visible {outline:2px solid var(--accent);outline-offset:3px}
/* The exercise list contains a category label and an optional real-data spark. */
.health-focus .wo-exercise-item {display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"category value" "copy value" "copy spark";column-gap:9px;row-gap:3px;min-height:100px}
.health-focus .wo-category {grid-area:category;display:block;place-items:normal;width:auto;min-width:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:9px;font-weight:550;line-height:1.5;letter-spacing:.2px}
.health-focus .wo-exercise-item.active .wo-category,.health-focus .wo-exercise-item.selected .wo-category {border:0;background:transparent;color:var(--accent)}
.health-focus .wo-exercise-copy {grid-area:copy;align-self:start}
.health-focus .wo-exercise-value {grid-area:value;align-self:start;margin:0}
.health-focus .wo-exercise-item>svg {grid-area:spark;display:block;width:51px;height:20px;justify-self:end;align-self:end;color:var(--accent);fill:none;opacity:.8;pointer-events:none}
.health-focus .wo-exercise-item>svg polyline,.health-focus .wo-exercise-item>svg path {fill:none;stroke:currentColor;stroke-width:1.6}
.health-focus .wo-exercise-item>svg circle {fill:currentColor;stroke:none}
.health-focus .wo-no-data {grid-area:spark;align-self:end;color:var(--muted);font-size:9px;font-weight:400;line-height:1.4;text-align:right}
.health-focus .wo-sidebar>.hf-text-link {margin-top:11px;font-size:11px}
.health-focus .wo-toolbar select {width:100%;min-width:0;min-height:35px;padding:8px 30px 8px 10px;font-size:11px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px}
.health-focus .wo-toolbar select,.health-focus .wo-library-controls select {appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 9px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;padding-right:29px}
.health-focus .wo-detail>.panel-title .actions {margin-top:0;flex-shrink:0;gap:7px}
.health-focus .wo-stats strong em {font-size:12px;font-style:normal;font-weight:500;letter-spacing:0;color:var(--muted)}
.health-focus .wo-stats>div>small:first-child {margin-top:0;margin-bottom:5px;font-size:10px}
.health-focus .wo-main>.wo-insight {margin-top:0}
.health-focus .wo-insight h3 {font-size:15px;line-height:1.45;font-weight:700;letter-spacing:-.2px;margin:0}
.health-focus .wo-insight .hf-kicker {font-size:9px;letter-spacing:.3px;margin-bottom:5px}
.health-focus .wo-entry>b {flex:0 1 50%;text-align:right;overflow-wrap:anywhere}
.health-focus .wo-library-actions {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.health-focus .wo-library-actions>span {color:var(--muted);font-size:11px;line-height:1.5}
.health-focus .wo-empty>span:first-child {color:var(--muted);font-size:10px;line-height:1.5;letter-spacing:.4px}
.health-focus .wo-set-table-wrap {max-width:100%;min-width:0}
@media(max-width:1150px) {
  .health-focus .wo-layout {grid-template-columns:230px minmax(0,1fr);gap:14px}
  .health-focus .wo-sidebar {padding:13px}
  .health-focus .wo-exercise-item {gap:8px;padding:11px 9px}
  .health-focus .wo-category {width:auto;min-width:0;height:auto;font-size:9px}
  .health-focus .wo-exercise-value {max-width:54px}
  .health-focus .wo-exercise-value b {font-size:17px}
  .health-focus .wo-detail {padding:17px}
  .health-focus .wo-detail>header,.health-focus .wo-detail-head {flex-wrap:wrap;gap:12px}
  .health-focus .wo-stats>div {padding:12px}
  .health-focus .wo-stats b,.health-focus .wo-stats strong {font-size:24px}
  .health-focus .wo-head-summary>:is(div,span) {padding:12px 14px;gap:8px}
}
@media(max-width:950px) and (min-width:701px) {
  .health-focus .wo-layout {grid-template-columns:210px minmax(0,1fr)}
  .health-focus .wo-category {display:block}
  .health-focus .wo-exercise-item {padding:11px 10px}
  .health-focus .wo-head-summary>:is(div,span) {display:block;padding:12px 14px}
  .health-focus .wo-head-summary span,.health-focus .wo-head-summary small {display:block;font-size:11px;margin-top:3px}
  .health-focus .wo-detail h2 {font-size:21px}
  .health-focus .wo-stats>div {padding:11px 10px}
  .health-focus .wo-stats b,.health-focus .wo-stats strong {font-size:22px}
  .health-focus .wo-stats>div>small,.health-focus .wo-stats>div>span {font-size:10px}
  .health-focus .wo-chart>svg {height:180px}
}
@media(max-width:700px) {
  .health-focus .wo-tabs {margin-bottom:13px;gap:3px;padding:3px}
  .health-focus .wo-tabs button {font-size:12px;min-height:36px;padding:8px 12px}
  .health-focus .wo-head-summary {gap:8px;margin-bottom:13px}
  .health-focus .wo-head-summary>:is(div,span) {display:block;padding:11px 12px;min-height:76px;border-radius:10px}
  .health-focus .wo-head-summary b,.health-focus .wo-head-summary strong {font-size:24px}
  .health-focus .wo-head-summary>span>b {display:block;margin-bottom:4px}
  .health-focus .wo-head-summary span,.health-focus .wo-head-summary small {display:block;font-size:10px;line-height:1.5;margin-top:4px}
  .health-focus .wo-layout {grid-template-columns:1fr;gap:13px}
  .health-focus .wo-sidebar {padding:14px}
  .health-focus .wo-sidebar .panel-title h2 {font-size:15px}
  .health-focus .wo-sidebar>.button {margin-top:11px;min-height:36px}
  .health-focus .wo-exercise-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .health-focus .wo-exercise-item {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"category category" "copy copy" "value spark";align-items:start;column-gap:5px;row-gap:4px;min-height:124px;padding:12px;align-content:space-between}
  .health-focus .wo-category {display:block;width:auto;min-width:0;height:auto}
  .health-focus .wo-exercise-copy {flex:none;max-width:100%;width:100%}
  .health-focus .wo-exercise-copy strong {font-size:12px;line-height:1.45;min-height:17px}
  .health-focus .wo-exercise-copy small {font-size:10px;margin-top:3px}
  .health-focus .wo-exercise-value {display:flex;align-items:baseline;gap:5px;max-width:100%;width:100%;text-align:left;margin-top:9px}
  .health-focus .wo-exercise-value b {font-size:21px;line-height:1.3}
  .health-focus .wo-exercise-value small {font-size:9px;line-height:1.4;margin-top:0}
  .health-focus .wo-exercise-item>svg {width:40px;height:19px;align-self:center}
  .health-focus .wo-no-data {font-size:8px;max-width:44px;align-self:center}
  .health-focus .wo-toolbar {gap:5px;margin-bottom:11px}
  .health-focus .wo-toolbar .pill {font-size:11px;min-height:30px;padding:6px 9px}
  .health-focus .wo-toolbar select {font-size:13px;min-height:38px}
  .health-focus .wo-main {gap:13px}
  .health-focus .wo-detail {padding:16px}
  .health-focus .wo-detail>header,.health-focus .wo-detail>.panel-title,.health-focus .wo-detail-head {display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
  .health-focus .wo-detail h2 {font-size:22px;line-height:1.25;letter-spacing:-.5px}
  .health-focus .wo-detail>header p,.health-focus .wo-detail-head p {font-size:12px;line-height:1.65}
  .health-focus .wo-detail>header .actions,.health-focus .wo-detail-head .actions {flex-shrink:1;flex-wrap:wrap;margin:0;gap:7px}
  .health-focus .wo-stats {margin-bottom:13px;border-radius:10px}
  .health-focus .wo-stats>div {padding:11px 9px}
  .health-focus .wo-stats b,.health-focus .wo-stats strong {font-size:24px;letter-spacing:-.7px;overflow-wrap:anywhere}
  .health-focus .wo-stats b small,.health-focus .wo-stats strong small {font-size:10px;margin-left:2px}
  .health-focus .wo-stats strong em {font-size:10px}
  .health-focus .wo-stats>div>span,.health-focus .wo-stats>div>small {font-size:10px;line-height:1.5}
  .health-focus .wo-protocol {font-size:11px;padding:10px;gap:7px 10px}
  .health-focus .wo-protocol select {min-height:38px;font-size:13px;max-width:100%}
  .health-focus .wo-chart>svg {height:170px}
  .health-focus .wo-chart .wo-axis {font-size:20px}
  .health-focus .wo-chart .wo-dot {stroke-width:2.5;r:4.2}
  .health-focus .wo-chart .wo-hit {r:22}
  .health-focus .wo-chart figcaption {font-size:10px;line-height:1.7;margin-top:7px;padding-top:8px}
  .health-focus .wo-insight {padding:12px 13px;margin-top:14px}
  .health-focus .wo-insight strong {font-size:13px}
  .health-focus .wo-insight p {font-size:12px}
  .health-focus .wo-history h2,.health-focus .wo-history h3 {font-size:16px}
  .health-focus .wo-entry {gap:10px;padding:12px 0;min-height:62px}
  .health-focus .wo-entry strong,.health-focus .wo-entry b {font-size:12px}
  .health-focus .wo-entry small {font-size:10px;line-height:1.6}
  .health-focus .wo-settings {gap:7px;margin-top:13px;padding-top:12px}
  .health-focus .wo-settings .button {min-height:35px;font-size:11px;padding:7px 10px}
  .health-focus .wo-empty {padding:19px;min-height:155px;gap:9px;margin:10px 0}
  .health-focus .wo-empty h2,.health-focus .wo-empty h3,.health-focus .wo-empty strong {font-size:16px}
  .health-focus .wo-library-controls {gap:8px}
  .health-focus .wo-library-controls>input {width:100%;flex-basis:100%;font-size:16px;min-height:44px}
  .health-focus .wo-library-controls>select {width:100%;max-width:100%;font-size:16px;min-height:44px}
  .health-focus .wo-library {grid-template-columns:1fr;gap:8px;max-height:32dvh}
  .health-focus .wo-library-item {padding:13px;gap:11px;min-height:70px}
  .health-focus .wo-library-copy strong {font-size:13px}
  .health-focus .wo-library-copy small {font-size:11px}
  .health-focus .wo-library-tag {font-size:10px;margin-top:6px}
  .health-focus .wo-session-header {gap:10px;margin-bottom:14px}
  .health-focus .wo-session-header input {min-height:44px;font-size:16px;width:100%;padding:9px 10px}
  .health-focus .wo-set-table {margin:11px 0 13px}
  .health-focus .wo-set-table th {font-size:10px;padding:0 4px 8px}
  .health-focus .wo-set-table td {padding:8px 4px}
  .health-focus .wo-set-table th:first-child,.health-focus .wo-set-table td:first-child {width:23px}
  .health-focus .wo-set-table th:last-child,.health-focus .wo-set-table td:last-child {width:34px}
  .health-focus .wo-set-input,.health-focus .wo-set-table input {min-height:44px;font-size:16px;padding:9px 7px;border-radius:8px}
  .health-focus .wo-set-table .icon-button,.health-focus .wo-set-table td:last-child>button {width:30px;height:40px;min-height:40px}
  .health-focus .wo-form-summary {padding:11px 12px;font-size:12px;gap:6px 12px;margin:14px 0}
  .health-focus .wo-form-error {font-size:12px;padding:10px 11px}
  .health-focus .wo-editor-note {font-size:11px;line-height:1.75}
  .health-focus .wo-home-row {min-height:65px;gap:10px}
  .health-focus .wo-home-row strong {font-size:12px}
  .health-focus .wo-home-row>svg {width:55px;height:25px}
  .health-focus .wo-home-number {font-size:21px}
}
@media(max-width:600px) {
  .health-focus .wo-head-summary {gap:0;border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden;margin-bottom:12px}
  .health-focus .wo-head-summary>span {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-height:55px;padding:8px 10px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:var(--muted);font-size:9px;line-height:1.4}
  .health-focus .wo-head-summary>span:last-child {border-right:0}
  .health-focus .wo-head-summary>span>b {display:block;font-size:22px;line-height:1.2;margin:0;letter-spacing:-.6px}
  .health-focus .wo-sidebar {display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px 9px;padding:13px;min-width:0}
  .health-focus .wo-sidebar>.panel-title {grid-column:1;margin:0;align-self:center;gap:7px}
  .health-focus .wo-sidebar>.panel-title h2 {font-size:14px;line-height:1.4;letter-spacing:-.3px}
  .health-focus .wo-sidebar>.panel-title .badge {font-size:9px;padding:4px 6px}
  .health-focus .wo-sidebar>.wo-toolbar {grid-column:2;width:112px;margin:0}
  .health-focus .wo-sidebar>.wo-toolbar select {min-height:32px;height:32px;padding:6px 23px 6px 8px;font-size:10px;line-height:1.4;background-position:calc(100% - 11px) 50%,calc(100% - 7px) 50%}
  .health-focus .wo-exercise-list {grid-column:1/-1;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;min-width:0;padding:2px 1px 6px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;-webkit-overflow-scrolling:touch}
  .health-focus .wo-exercise-item {display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy copy" "value spark";align-content:space-between;align-items:start;column-gap:5px;row-gap:5px;flex:0 0 148px;width:148px;height:90px;min-height:90px;max-height:90px;padding:11px;scroll-snap-align:start;border-radius:10px;box-sizing:border-box}
  .health-focus .wo-exercise-item .wo-category,.health-focus .wo-exercise-copy small,.health-focus .wo-no-data {display:none}
  .health-focus .wo-exercise-copy {width:100%;min-width:0}
  .health-focus .wo-exercise-copy strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.4;min-height:0;max-height:34px}
  .health-focus .wo-exercise-value {display:flex;align-items:baseline;gap:4px;width:auto;max-width:none;margin:0;align-self:end}
  .health-focus .wo-exercise-value b {font-size:21px;line-height:1.2}
  .health-focus .wo-exercise-value small {font-size:9px;line-height:1.4;margin:0}
  .health-focus .wo-exercise-item>svg {width:42px;height:20px;align-self:end;justify-self:end}
  .health-focus .wo-sidebar>.button {grid-column:1;justify-self:start;width:auto;margin:0;min-height:31px;padding:6px 9px;font-size:10px;white-space:nowrap}
  .health-focus .wo-sidebar>.hf-text-link {grid-column:2;align-self:center;justify-self:end;margin:0;min-height:31px;font-size:10px;line-height:1.4;text-align:right}
  .health-focus .wo-sidebar>.wo-exercise-list>.subtle {min-width:100%;font-size:11px;line-height:1.6;padding:5px 0}
  .health-focus .wo-detail>.panel-title {gap:10px;margin-bottom:13px}
  .health-focus .wo-detail>.panel-title .actions {gap:6px}
  .health-focus .wo-detail>.panel-title .actions .button {min-height:34px;padding:7px 10px;font-size:11px}
  .health-focus .wo-stats>div {padding:10px 8px}
  .health-focus .wo-stats>div>small:first-child {margin-bottom:4px;font-size:9px;line-height:1.4}
  .health-focus .wo-stats>div>span {font-size:9px;line-height:1.5;margin-top:3px}
  .health-focus .wo-stats strong {font-size:23px;line-height:1.25}
  .health-focus .wo-protocol {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;padding:9px;margin-bottom:12px}
  .health-focus .wo-protocol>span {grid-column:1;font-size:10px;line-height:1.4}
  .health-focus .wo-protocol>.pill-group:nth-child(2) {grid-column:2;gap:2px}
  .health-focus .wo-protocol>.pill-group:last-child {grid-column:1/-1;justify-self:start;gap:3px}
  .health-focus .wo-protocol .pill {font-size:10px;min-height:26px;padding:5px 7px}
}
/* During a session, one movement and one next set take priority. */
.health-focus .wo-live-page {width:100%;max-width:960px;min-width:0;margin:0 auto;color:var(--ink)}
.health-focus .wo-live-header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.health-focus .wo-live-header h1 {font:750 28px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.8px;color:var(--ink);margin:0}
.health-focus .wo-live-header small,.health-focus .wo-live-header p {display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}
.health-focus .wo-live-topline {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted)}
.health-focus .wo-live-topline strong,.health-focus .wo-live-topline b {font-size:20px;line-height:1.3;font-weight:750;letter-spacing:-.4px;color:var(--ink);font-variant-numeric:tabular-nums}
.health-focus .wo-live-topline .button {min-height:44px;padding:10px 13px;font-size:12px}
.health-focus .wo-live-layout {display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start;min-width:0}
.health-focus .wo-live-main,.health-focus .wo-live-layout>main,.health-focus .wo-live-layout>aside {display:grid;gap:13px;min-width:0;align-content:start}
.health-focus .wo-live-exercise {min-width:0;padding:17px}
.health-focus .wo-live-exercise>label {display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:7px}
.health-focus .wo-live-exercise select {display:block;width:100%;min-width:0;min-height:46px;padding:10px 34px 10px 12px;border:1px solid var(--line);border-radius:10px;background-color:var(--surface);color:var(--ink);font:650 16px/1.45 Manrope,system-ui,sans-serif;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.health-focus .wo-live-previous {color:var(--muted);font-size:11px;line-height:1.6;margin:9px 0 0;overflow-wrap:anywhere}
.health-focus .wo-live-previous strong {color:var(--ink);font-weight:650}
.health-focus .wo-live-current-sets {display:flex;align-items:center;gap:6px;overflow:auto;min-width:0;max-width:100%;max-height:88px;padding:1px 1px 4px;margin-top:10px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;overscroll-behavior-x:contain}
.health-focus .wo-live-current-sets:empty {display:none}
.health-focus .wo-live-current-sets>span,.health-focus .wo-live-current-sets>button {display:flex;align-items:center;justify-content:center;gap:4px;flex:none;min-width:44px;height:44px;padding:6px 10px;border:1px solid var(--edge);border-radius:9px;background:var(--mint);color:var(--accent);font:650 12px/1.4 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.health-focus .wo-live-current-sets small {color:var(--muted);font-size:9px;font-weight:400}
.health-focus .wo-live-input {padding:18px;min-width:0;margin:0}
.health-focus .wo-live-input h3 {font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.3px;margin:0 0 13px}
.health-focus .wo-live-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0 0 15px}
.health-focus .wo-live-field {min-width:0}
.health-focus .wo-live-field:only-child {grid-column:1/-1}
.health-focus .wo-live-field>label {display:block;font-size:12px;font-weight:550;line-height:1.5;color:var(--muted);margin-bottom:7px}
.health-focus .wo-live-field>small {display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:6px}
.health-focus .wo-live-stepper {display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:5px;min-width:0;border:1px solid var(--line);border-radius:11px;padding:4px;background:var(--surface2)}
.health-focus .wo-live-stepper>button {display:grid;place-items:center;min-width:44px;min-height:48px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:500 24px/1 Manrope,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.health-focus .wo-live-stepper>button:hover {color:var(--accent);border-color:var(--edge);background:var(--mint)}
.health-focus .wo-live-stepper>input {width:100%;min-width:0;height:48px;min-height:48px;padding:2px;border:0;border-radius:5px;background:transparent;box-shadow:none;color:var(--ink);font:750 36px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-1px;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.health-focus .wo-live-stepper>input::-webkit-inner-spin-button,.health-focus .wo-live-stepper>input::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
.health-focus .wo-live-stepper>input:focus-visible {outline:2px solid var(--accent);outline-offset:1px}
.health-focus .wo-live-save {display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;padding:13px 16px;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:var(--surface);font:700 14px/1.5 Manrope,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.health-focus.dark .wo-live-save {color:#13181f}
.health-focus .wo-live-save:hover {filter:brightness(.97)}
.health-focus .wo-live-save:disabled {opacity:.55;cursor:default;filter:none}
.health-focus .wo-live-rest {min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.health-focus .wo-live-rest-head {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--muted);font-size:12px;line-height:1.5}
.health-focus .wo-live-rest-head strong {color:var(--ink);font:750 29px/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.health-focus .wo-live-rest-track {height:4px;width:100%;overflow:hidden;background:var(--surface2);border-radius:2px}
.health-focus .wo-live-rest-track>span {display:block;height:100%;max-width:100%;background:var(--accent);border-radius:inherit;transition:width .3s linear}
.health-focus .wo-live-rest-actions {display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}
.health-focus .wo-live-rest-actions>button {min-height:44px;padding:9px 10px;font:600 11px/1.5 Manrope,system-ui,sans-serif;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);cursor:pointer;touch-action:manipulation}
.health-focus .wo-live-rest-actions>.button {min-height:44px}
.health-focus .wo-live-rest-actions>button:hover {background:var(--surface2);border-color:var(--edge)}
.health-focus .wo-live-rest-options {display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px}
.health-focus .wo-live-rest-options>button {display:grid;place-items:center;min-width:44px;min-height:44px;padding:6px;font:600 11px/1.3 Manrope,system-ui,sans-serif;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:9px;cursor:pointer;touch-action:manipulation}
.health-focus .wo-live-rest-options>button.active,.health-focus .wo-live-rest-options>button[aria-pressed=true] {background:var(--mint);border-color:var(--edge);color:var(--accent)}
.health-focus .wo-live-actions {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0}
.health-focus .wo-live-actions>button {min-height:44px;padding:10px 12px;font-size:12px;line-height:1.4;touch-action:manipulation}
.health-focus .wo-live-roster {display:grid;gap:7px;min-width:0;padding:15px}
.health-focus .wo-live-roster h2,.health-focus .wo-live-roster h3 {font-size:14px;line-height:1.5;font-weight:700;margin:0 0 4px}
.health-focus .wo-live-roster>button {display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:49px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:600 12px/1.5 Manrope,system-ui,sans-serif;text-align:left;cursor:pointer;touch-action:manipulation}
.health-focus .wo-live-roster>button>span:first-child {min-width:0;overflow-wrap:anywhere}
.health-focus .wo-live-roster>button small {color:var(--muted);font-size:10px;line-height:1.5;font-weight:400;white-space:nowrap}
.health-focus .wo-live-roster>button b {font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.health-focus .wo-live-roster>button.active,.health-focus .wo-live-roster>button.selected,.health-focus .wo-live-roster>button[aria-pressed=true] {background:var(--mint);border-color:var(--edge);color:var(--accent)}
.health-focus .wo-live-ready,.health-focus .wo-live-complete {min-width:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.health-focus .wo-live-ready h2,.health-focus .wo-live-complete h2 {font:750 25px/1.25 Manrope,system-ui,sans-serif;letter-spacing:-.7px;color:var(--ink);margin:0 0 10px}
.health-focus .wo-live-ready p,.health-focus .wo-live-complete p {font-size:13px;line-height:1.7;color:var(--muted);max-width:550px;margin:0 0 17px}
.health-focus .wo-live-ready .button,.health-focus .wo-live-complete .button {min-height:48px;font-size:13px;padding:12px 16px}
.health-focus .wo-live-ready>.button.primary {min-height:54px;width:100%}
.health-focus .wo-live-complete .wo-head-summary {margin:16px 0}
.health-focus .wo-live-header>div>small:first-child {margin:0 0 4px;font-size:10px;letter-spacing:.3px}
.health-focus .wo-live-header>.badge {font-size:10px;line-height:1.4;white-space:normal;text-align:right;max-width:135px}
.health-focus .wo-live-exercise>.wo-live-input {padding:13px 0 0;margin:12px 0 0;border-top:1px solid var(--line)}
.health-focus .wo-live-input h3>small {display:inline-block;font-size:10px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:8px}
.health-focus .wo-live-exercise>.wo-live-actions {margin-top:9px}
.health-focus .wo-live-current-sets>small {color:var(--muted);font-size:10px;line-height:1.5}
.health-focus .wo-live-current-sets strong {font-size:13px;line-height:1.4;font-weight:700}
.health-focus .wo-live-previous>small {font-size:10px;color:var(--muted);margin-right:4px}
.health-focus .wo-live-rest-actions[hidden] {display:none!important}
.health-focus .wo-live-rest-options>span {font-size:10px;line-height:1.5;color:var(--muted);width:100%}
.health-focus .wo-live-topline>button {min-height:44px}
.health-focus .wo-live-roster>.panel-title {margin:0 0 3px;gap:8px}
.health-focus .wo-live-roster>.panel-title h2 {font-size:14px}
.health-focus .wo-live-roster>button>span {display:block;min-width:0}
.health-focus .wo-live-roster>button strong {display:block;font-size:12px;line-height:1.5;font-weight:650}
.health-focus .wo-live-roster>button small {display:block;margin-top:3px;white-space:normal}
.health-focus .wo-live-roster>button>b {flex:none;color:var(--accent);font-size:14px}
.health-focus .wo-live-page>.wo-live-roster {margin-top:14px}
.health-focus .wo-live-ready>small {display:block;margin-top:11px;color:var(--muted);font-size:10px;line-height:1.6}
.health-focus .wo-live-complete {display:grid;gap:5px;margin-bottom:14px;padding:17px}
.health-focus .wo-live-complete>strong {font-size:16px;line-height:1.4;font-weight:700}
.health-focus .wo-live-complete>span {font-size:11px;line-height:1.6;color:var(--muted)}
.health-focus .wo-live-stale {padding:14px 16px;margin:0 0 14px;border:1px solid var(--edge);border-radius:12px;background:var(--mint);color:var(--ink)}
.health-focus .wo-live-stale>strong {display:block;font-size:14px;font-weight:650;line-height:1.5}
.health-focus .wo-live-stale>p {font-size:12px;line-height:1.7;color:var(--muted);margin:5px 0 11px}
.health-focus .wo-live-stale>.button {min-height:44px;font-size:12px;padding:10px 12px}
.health-focus .wo-live-exercise,.health-focus .wo-live-ready {scroll-margin-top:70px}
@media(max-width:700px) {
  .health-focus.wo-in-session .quick-fab {display:none}
  .health-focus.wo-in-session #toast {top:64px;bottom:auto;max-width:calc(100vw - 32px)}
  .health-focus.wo-in-session #content {padding-top:14px}
  .health-focus .wo-live-header {align-items:flex-start;margin-bottom:10px;gap:10px}
  .health-focus .wo-live-header h1 {font-size:24px;line-height:1.2;letter-spacing:-.6px}
  .health-focus .wo-live-header small,.health-focus .wo-live-header p {font-size:11px;line-height:1.5;margin-top:4px}
  .health-focus.wo-in-session .wo-live-header>.badge {display:none}
  .health-focus.wo-in-session .wo-live-header h1 {font-size:24px}
  .health-focus.wo-in-session .wo-tabs {margin-bottom:10px}
  .health-focus.wo-in-session .wo-tabs button {min-height:32px;padding:6px 10px;font-size:11px}
  .health-focus .wo-live-topline {margin-bottom:11px;padding-bottom:10px;gap:10px;font-size:11px}
  .health-focus .wo-live-topline strong,.health-focus .wo-live-topline b {font-size:21px}
  .health-focus .wo-live-topline .button {min-height:44px;padding:9px 11px;font-size:11px}
  .health-focus .wo-live-layout {grid-template-columns:1fr;gap:11px}
  .health-focus .wo-live-main,.health-focus .wo-live-layout>main,.health-focus .wo-live-layout>aside {gap:11px}
  .health-focus .wo-live-exercise {padding:13px}
  .health-focus .wo-live-exercise>label {font-size:10px;margin-bottom:6px}
  .health-focus .wo-live-exercise select {font-size:16px;min-height:44px;padding:9px 32px 9px 11px}
  .health-focus .wo-live-previous {font-size:10px;line-height:1.5;margin-top:7px}
  .health-focus .wo-live-current-sets {margin-top:8px;gap:5px;padding-bottom:2px}
  .health-focus .wo-live-current-sets>span,.health-focus .wo-live-current-sets>button {height:44px;min-width:44px;padding:6px 9px;font-size:12px}
  .health-focus .wo-live-input {padding:14px}
  .health-focus .wo-live-input h3 {font-size:15px;margin-bottom:10px}
  .health-focus .wo-live-input h3>small {font-size:10px;line-height:1.5;margin-left:7px}
  .health-focus .wo-live-exercise>.wo-live-input {padding-top:11px;margin-top:10px}
  .health-focus .wo-live-exercise>.wo-live-actions {margin-top:5px}
  .health-focus .wo-live-fields {gap:8px;margin-bottom:12px}
  .health-focus .wo-live-field>label {font-size:11px;line-height:1.5;margin-bottom:5px}
  .health-focus .wo-live-stepper {grid-template-columns:44px minmax(0,1fr) 44px;gap:0;padding:3px;border-radius:10px}
  .health-focus .wo-live-stepper>button {min-width:44px;min-height:48px;border-radius:7px;font-size:23px}
  .health-focus .wo-live-stepper>input {height:48px;min-height:48px;font-size:32px;letter-spacing:-1px;padding:0}
  .health-focus .wo-live-field:only-child .wo-live-stepper>input {font-size:36px}
  .health-focus .wo-live-save {min-height:56px;font-size:14px;padding:13px 12px;border-radius:10px}
  .health-focus .wo-live-rest {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;border-radius:13px}
  .health-focus .wo-live-rest-head {grid-column:1/-1;font-size:11px;margin:0}
  .health-focus .wo-live-rest-head strong {font-size:27px;line-height:1.1}
  .health-focus .wo-live-rest-track {grid-column:1/-1}
  .health-focus .wo-live-rest-actions {grid-column:1;margin:0;gap:5px;flex-wrap:nowrap}
  .health-focus .wo-live-rest-actions>button,.health-focus .wo-live-rest-actions>.button {min-height:44px;padding:8px 7px;font-size:10px;white-space:nowrap}
  .health-focus .wo-live-rest-options {grid-column:2;min-width:138px;margin:0;gap:3px;flex-wrap:nowrap}
  .health-focus .wo-live-rest-options>button {min-width:44px;min-height:44px;padding:5px;font-size:10px}
  .health-focus .wo-live-rest-options>span {display:none}
  .health-focus .wo-live-rest-actions[hidden]+.wo-live-rest-options {grid-column:1/-1;justify-self:start}
  .health-focus .wo-live-actions {gap:7px}
  .health-focus .wo-live-actions>button {font-size:11px;min-height:44px;padding:9px 10px}
  .health-focus .wo-live-roster {padding:13px;gap:6px}
  .health-focus .wo-live-roster h2,.health-focus .wo-live-roster h3 {font-size:14px;margin-bottom:3px}
  .health-focus .wo-live-roster>button {min-height:47px;padding:10px;font-size:12px}
  .health-focus .wo-live-ready,.health-focus .wo-live-complete {padding:20px;border-radius:14px}
  .health-focus .wo-live-ready h2,.health-focus .wo-live-complete h2 {font-size:24px;line-height:1.25}
  .health-focus .wo-live-ready p,.health-focus .wo-live-complete p {font-size:12px;line-height:1.7;margin-bottom:16px}
  .health-focus .wo-live-ready .button,.health-focus .wo-live-complete .button {min-height:46px;font-size:12px;padding:11px 13px}
  .health-focus .wo-live-stale {padding:12px 13px;margin-bottom:12px}
  .health-focus .wo-live-stale>strong {font-size:13px}
  .health-focus .wo-live-stale>p {font-size:11px;line-height:1.7}
}
@media(max-width:360px) {
  .health-focus .wo-live-rest {grid-template-columns:1fr}
  .health-focus .wo-live-rest-actions,.health-focus .wo-live-rest-options {grid-column:1;justify-self:start}
}
@media(prefers-reduced-motion:reduce) {
  .health-focus [class^="wo-"],.health-focus [class*=" wo-"] {transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* BECOME · plan the session, record what actually happened. */
.health-focus .wp-page {max-width:960px;width:100%;min-width:0;margin:0 auto;color:var(--ink)}
.health-focus .wp-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.health-focus .wp-head>div {min-width:0}
.health-focus .wp-head h1 {font:750 28px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.8px;margin:0;color:var(--ink)}
.health-focus .wp-head p,.health-focus .wp-head small {display:block;font-size:12px;line-height:1.65;margin-top:6px;color:var(--muted)}
.health-focus .wp-head>.button {flex:none;min-height:44px;font-size:12px;padding:10px 13px}
.health-focus .wp-week-controls {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 11px;min-width:0}
.health-focus .wp-week-controls>button,.health-focus .wp-week-controls>.button {display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:600 13px/1.4 Manrope,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.health-focus .wp-week-controls>span,.health-focus .wp-week-controls>strong,.health-focus .wp-week-controls h2 {font-size:14px;font-weight:650;line-height:1.5;letter-spacing:-.2px;text-align:center;color:var(--ink);margin:0}
.health-focus .wp-week {display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:7px;overflow-x:auto;overscroll-behavior-x:contain;min-width:0;max-width:100%;padding:2px 1px 5px;margin:0 0 19px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}
.health-focus .wp-week>button {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:79px;padding:10px 7px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-family:Manrope,system-ui,sans-serif;cursor:pointer;touch-action:manipulation;transition:background .16s,border-color .16s}
.health-focus .wp-week>button:hover {background:var(--surface2);border-color:var(--edge)}
.health-focus .wp-week>button.selected,.health-focus .wp-week>button.active,.health-focus .wp-week>button[aria-pressed=true] {background:var(--mint);border-color:var(--edge);box-shadow:inset 0 -3px 0 var(--accent);color:var(--accent)}
.health-focus .wp-week>button>small {font-size:10px;line-height:1.4;color:var(--muted);font-weight:500}
.health-focus .wp-week>button>b {font-size:23px;line-height:1.2;font-weight:750;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.health-focus .wp-week>button>i {min-width:17px;height:16px;padding:1px 5px;font-size:9px;line-height:1.5;font-weight:650;font-style:normal;background:var(--surface2);border:1px solid var(--line);border-radius:4px;color:var(--muted)}
.health-focus .wp-week>button.selected>i {background:var(--surface);border-color:var(--edge);color:var(--accent)}
.health-focus .wp-day-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}
.health-focus .wp-day-head h2 {font-size:18px;line-height:1.4;font-weight:700;letter-spacing:-.4px;margin:0}
.health-focus .wp-day-head>.button,.health-focus .wp-day-head>button {min-height:44px;font-size:12px;padding:10px 12px}
.health-focus .wp-card {min-width:0;padding:19px;margin-bottom:14px}
.health-focus .wp-card>header,.health-focus .wp-card-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.health-focus .wp-card>header>div:first-child,.health-focus .wp-card-head>div:first-child {min-width:0}
.health-focus .wp-card h2,.health-focus .wp-card h3 {font-size:18px;line-height:1.4;font-weight:700;letter-spacing:-.35px;color:var(--ink);margin:0;overflow-wrap:anywhere}
.health-focus .wp-card>header p,.health-focus .wp-card-head p,.health-focus .wp-card>header small,.health-focus .wp-card-head small {display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}
.health-focus .wp-card>header>.badge,.health-focus .wp-card-head>.badge {flex:none;font-size:10px;line-height:1.4;padding:5px 7px;text-align:right;white-space:normal;max-width:120px}
.health-focus .wp-card-exercises {display:grid;gap:0;padding:0;margin:0;list-style:none;min-width:0}
.health-focus .wp-card-exercises>li,.health-focus .wp-card-exercises>div {display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--ink)}
.health-focus .wp-card-exercises>li:last-child,.health-focus .wp-card-exercises>div:last-child {border-bottom:0}
.health-focus .wp-card-exercises strong {display:block;font-size:12px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.health-focus .wp-card-exercises small {display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:3px}
.health-focus .wp-card-exercises>li>span:last-child,.health-focus .wp-card-exercises>div>span:last-child {color:var(--muted);font-size:11px;line-height:1.6;text-align:right;flex:0 1 45%;font-variant-numeric:tabular-nums}
.health-focus .wp-card-actions {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.health-focus .wp-card-actions>button,.health-focus .wp-card-actions>.button,.health-focus .wp-card-actions>.hf-text-link {min-height:44px;padding:9px 11px;font-size:11px;line-height:1.5;white-space:normal;touch-action:manipulation}
.health-focus .wp-card-actions>.hf-text-link {padding:9px 7px}
.health-focus .wp-note {font-size:11px;line-height:1.75;color:var(--muted);margin:12px 0;max-width:800px}
.health-focus .wp-error {padding:10px 12px;margin:12px 0;border:1px solid var(--edge);border-left:3px solid var(--accent);border-radius:8px;background:var(--mint);color:var(--ink);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.health-focus .wp-error:empty {display:none}
.health-focus .wp-empty {display:grid;justify-items:start;gap:10px;min-width:0;padding:22px;border:1px dashed var(--edge);border-radius:13px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.7}
.health-focus .wp-empty h2,.health-focus .wp-empty h3 {font-size:18px;line-height:1.4;letter-spacing:-.3px;color:var(--ink);margin:0}
.health-focus .wp-empty .button {min-height:44px}
/* Plan editor. Inputs stay in two columns on a phone instead of shrinking. */
.health-focus #wp-plan-form,.health-focus #wp-results-form {min-width:0;margin:0}
.health-focus .wp-form-top {display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;margin-bottom:15px;min-width:0}
.health-focus .wp-form-top>.field {margin:0;min-width:0}
.health-focus .wp-form-top label,.health-focus .wp-item-fields label {display:block;color:var(--muted);font-size:11px;line-height:1.5;font-weight:550;margin-bottom:6px}
.health-focus .wp-form-top input,.health-focus .wp-form-top select {display:block;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.5;box-sizing:border-box}
.health-focus .wp-picker {display:flex;align-items:center;gap:8px;margin:0 0 16px;min-width:0}
.health-focus .wp-picker>select {flex:1;display:block;min-width:0;max-width:100%;min-height:44px;width:auto;padding:10px 30px 10px 11px;border:1px solid var(--line);border-radius:9px;background-color:var(--surface);color:var(--ink);font-size:13px;line-height:1.5}
.health-focus .wp-picker>button,.health-focus .wp-picker>.button {flex:none;min-height:44px;padding:10px 12px;font-size:12px;line-height:1.5;white-space:nowrap}
.health-focus .wp-items {display:grid;gap:12px;min-width:0;margin:0 0 16px}
.health-focus .wp-item {min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.health-focus .wp-item>header,.health-focus .wp-item-head {display:flex;align-items:center;justify-content:space-between;gap:11px;min-width:0;margin-bottom:12px}
.health-focus .wp-item>header strong,.health-focus .wp-item-head strong,.health-focus .wp-item>header h3,.health-focus .wp-item-head h3 {font-size:13px;font-weight:650;line-height:1.5;color:var(--ink);margin:0;overflow-wrap:anywhere;min-width:0}
.health-focus .wp-item>header>button,.health-focus .wp-item-head>button,.health-focus .wp-item>header>.button {flex:none;display:grid;place-items:center;min-width:44px;min-height:44px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.4;cursor:pointer}
.health-focus .wp-item-fields {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}
.health-focus .wp-item-fields>.field,.health-focus .wp-item-fields>div {min-width:0;margin:0}
.health-focus .wp-item-fields input,.health-focus .wp-item-fields select {display:block;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--ink);font-size:14px;line-height:1.4;box-sizing:border-box;font-variant-numeric:tabular-nums}
.health-focus .wp-picker>select,.health-focus .wp-item-fields select {appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 9px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;padding-right:27px}
.health-focus #wp-plan-form>.button[type=submit] {min-height:50px;width:100%;font-size:13px}
.health-focus #wp-plan-form input:focus-visible,.health-focus #wp-plan-form select:focus-visible,.health-focus #wp-results-form input:focus-visible {border-color:var(--accent);outline:2px solid var(--edge);outline-offset:1px}
/* Plan context stays secondary to the actual set controls. */
.health-focus .wp-overview {padding:12px 14px;margin:13px 0;border:1px solid var(--edge);border-radius:10px;background:var(--mint);color:var(--ink);font-size:12px;line-height:1.6}
.health-focus .wp-overview>strong,.health-focus .wp-overview h3 {display:block;font-size:13px;line-height:1.5;font-weight:650;margin:0 0 4px}
.health-focus .wp-overview p,.health-focus .wp-overview small {display:block;color:var(--muted);font-size:11px;line-height:1.65;margin:3px 0 0}
.health-focus .wp-overview .button,.health-focus .wp-overview>.hf-text-link {min-height:44px;font-size:11px;margin-top:7px}
.health-focus .wp-overview ul {padding:0;margin:7px 0 0;list-style:none}
.health-focus .wp-overview li {padding:4px 0;font-size:11px;line-height:1.6}
.health-focus .wp-live-hint {font-size:11px;line-height:1.6;color:var(--accent);background:var(--mint);border:1px solid var(--edge);border-radius:8px;padding:8px 10px;margin:9px 0;overflow-wrap:anywhere}
.health-focus .wp-live-hint strong {font-weight:650}
/* A post-session result is editable per set; targets are never passed off as done. */
.health-focus .wp-results-date {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 17px;min-width:0}
.health-focus .wp-results-date label {font-size:12px;font-weight:550;line-height:1.5;color:var(--muted)}
.health-focus .wp-results-date input {max-width:100%;min-width:0;min-height:44px;width:180px;padding:10px 11px;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:14px;line-height:1.5}
.health-focus .wp-result-ex {padding:15px;margin:0 0 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.health-focus .wp-result-ex>header,.health-focus .wp-result-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0}
.health-focus .wp-result-ex>header>div,.health-focus .wp-result-head>div {min-width:0}
.health-focus .wp-result-ex h3,.health-focus .wp-result-ex>header strong,.health-focus .wp-result-head strong {font-size:14px;font-weight:650;line-height:1.5;letter-spacing:-.2px;color:var(--ink);margin:0;overflow-wrap:anywhere}
.health-focus .wp-result-ex>header small,.health-focus .wp-result-head small {display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:4px}
.health-focus .wp-result-ex>header>button,.health-focus .wp-result-head>button,.health-focus .wp-result-ex>header>.button {flex:none;min-height:44px;padding:8px 10px;border-radius:8px;font-size:11px;line-height:1.45;max-width:48%;white-space:normal;touch-action:manipulation}
.health-focus .wp-result-table {width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:12px;line-height:1.5;margin:0 0 11px}
.health-focus .wp-result-table th {font-size:10px;font-weight:550;line-height:1.5;color:var(--muted);padding:0 5px 8px;border-bottom:1px solid var(--line);vertical-align:bottom}
.health-focus .wp-result-table td {padding:8px 5px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:12px;font-variant-numeric:tabular-nums}
.health-focus .wp-result-table tr:last-child td {border-bottom:0}
.health-focus .wp-result-table th:first-child,.health-focus .wp-result-table td:first-child {width:29px;padding-left:0;color:var(--muted);font-size:11px}
.health-focus .wp-result-table th:last-child,.health-focus .wp-result-table td:last-child {width:49px;padding-right:0;text-align:right}
.health-focus .wp-result-table input {width:100%;min-width:0;max-width:100%;min-height:44px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:15px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;box-sizing:border-box}
.health-focus .wp-result-table button,.health-focus .wp-result-table .icon-button {display:inline-grid;place-items:center;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:19px;line-height:1;cursor:pointer;touch-action:manipulation}
.health-focus .wp-result-table button:hover {background:var(--surface2);border-color:var(--edge);color:var(--ink)}
.health-focus .wp-result-table button:disabled {opacity:.35;cursor:default}
.health-focus .wp-result-ex>.button,.health-focus .wp-result-ex>.hf-text-link {min-height:44px;font-size:11px;padding:9px 11px}
.health-focus .wp-result-actions {position:sticky;z-index:3;bottom:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;margin-top:15px;padding:13px 0 0;border-top:1px solid var(--line);background:var(--surface);box-shadow:0 -12px 16px var(--surface)}
.health-focus .wp-result-actions>.button,.health-focus .wp-result-actions>button {min-height:48px;padding:12px 15px;font-size:13px;line-height:1.5;touch-action:manipulation}
.health-focus .wp-result-actions>.button.primary,.health-focus .wp-result-actions>button[type=submit] {flex:1;min-width:0}
.health-focus :is(.wp-week>button,.wp-week-controls>button,.wp-card-actions>button,.wp-picker>button):focus-visible {outline:2px solid var(--accent);outline-offset:2px}
.health-focus .wp-week-controls>.hf-text-link {min-width:44px;min-height:44px;width:auto;padding:8px;border:0;background:transparent;color:var(--accent);font-size:11px}
.health-focus .wp-head>div>small:first-child {margin:0 0 5px;font-size:10px;letter-spacing:.3px}
.health-focus .wp-item-fields:has(>label:nth-child(2):last-child) {grid-template-columns:repeat(2,minmax(0,1fr))}
.health-focus .wp-item-fields:has(>label:nth-child(3):last-child) {grid-template-columns:repeat(3,minmax(0,1fr))}
.health-focus .wp-item-fields>label {min-width:0;margin:0}
.health-focus .wp-item-fields>label>input {margin-top:6px}
.health-focus .wp-form-top select {appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 9px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;padding-right:27px}
.health-focus #wp-plan-form>.hf-text-link {min-height:44px;font-size:11px}
.health-focus .wp-progress {margin:13px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
.health-focus .wp-progress>span {display:block;color:var(--ink);font-size:12px;font-weight:550;line-height:1.6}
.health-focus .wp-progress>div {height:4px;background:var(--surface2);border-radius:2px;overflow:hidden;margin:8px 0}
.health-focus .wp-progress>div>i {display:block;height:100%;max-width:100%;background:var(--accent);border-radius:inherit}
.health-focus .wp-progress>small {display:block;font-size:10px;line-height:1.6}
.health-focus .wp-overview-actions {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}
.health-focus .wp-overview-actions>.button {min-width:0;min-height:44px;margin:0;padding:9px 10px;font-size:11px;line-height:1.5}
.health-focus .wp-next {display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%;min-height:64px;margin:12px 0 0;padding:12px;border:1px solid var(--edge);border-radius:9px;background:var(--surface);text-align:left;color:var(--ink);font-family:Manrope,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.health-focus .wp-next>span {min-width:0}
.health-focus .wp-next small {display:block;font-size:10px;line-height:1.5;color:var(--muted);margin:0 0 4px}
.health-focus .wp-next strong {display:block;font-size:12px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.health-focus .wp-next>b {color:var(--accent);font-size:14px;font-weight:500;flex:none}
.health-focus .wp-return {padding:12px;margin:12px 0 0;border:1px solid var(--edge);border-radius:10px;background:var(--surface)}
.health-focus .wp-return>strong {display:block;font-size:13px;line-height:1.5;font-weight:650;color:var(--ink)}
.health-focus .wp-return>p {font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0 0}
.health-focus .wp-return>.actions {margin-top:10px;gap:6px}
.health-focus .wp-return>.actions>.button {min-height:44px;font-size:11px;padding:9px 10px}
.health-focus .wp-formats {margin-top:10px;border-top:1px solid var(--edge);padding-top:2px}
.health-focus .wp-formats>summary {display:flex;align-items:center;min-height:44px;font-size:11px;line-height:1.5;font-weight:600;color:var(--accent);cursor:pointer;list-style:none}
.health-focus .wp-formats>summary::after {content:'＋';margin-left:auto;padding-left:10px;font-size:15px;font-weight:400}
.health-focus .wp-formats[open]>summary::after {content:'−'}
.health-focus .wp-formats>summary::-webkit-details-marker {display:none}
.health-focus .wp-formats>div {display:flex;gap:7px;flex-wrap:wrap;padding:2px 0 4px}
.health-focus .wp-formats>div>.button {min-height:44px;margin:0;font-size:11px;padding:9px 12px}
.health-focus .wp-footer-actions {display:flex;align-items:center;gap:7px 16px;flex-wrap:wrap;margin-top:12px;padding-top:6px}
.health-focus .wp-footer-actions>.hf-text-link {min-height:44px;font-size:11px;padding:9px 0}
.health-focus .wp-live-hint {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px}
.health-focus .wp-live-hint>strong {font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}
.health-focus .wp-live-hint>div {grid-column:1/-1;display:flex;gap:4px;min-width:0}
.health-focus .wp-live-hint>div>i {display:block;flex:1;height:3px;background:var(--surface);border-radius:2px}
.health-focus .wp-live-hint>div>i.done {background:var(--accent)}
.health-focus .wp-result-ex>details {margin-top:3px}
.health-focus .wp-result-ex>details>summary {min-height:44px;padding:12px 0;font-size:11px;line-height:1.6;color:var(--muted);cursor:pointer}
.health-focus .wp-result-ex>details>textarea {display:block;width:100%;min-width:0;min-height:70px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--ink);font-size:14px;line-height:1.6;resize:vertical}
.health-focus dialog:has(#wp-plan-form) .modal-head,.health-focus dialog:has(#wp-results-form) .modal-head {align-items:flex-start;gap:10px}
.health-focus dialog:has(#wp-plan-form) .modal-head>div,.health-focus dialog:has(#wp-results-form) .modal-head>div {min-width:0}
.health-focus dialog:has(#wp-plan-form) .modal-head>.icon-button,.health-focus dialog:has(#wp-results-form) .modal-head>.icon-button {min-width:44px;min-height:44px;width:44px;height:44px;flex:none}
@media(max-width:700px) {
  .health-focus .wp-head {gap:10px;align-items:flex-start;margin-bottom:14px}
  .health-focus .wp-head h1 {font-size:24px;line-height:1.25;letter-spacing:-.6px}
  .health-focus .wp-head p,.health-focus .wp-head small {font-size:11px;line-height:1.6;margin-top:5px}
  .health-focus .wp-head>.button {min-height:44px;padding:9px 10px;font-size:11px;max-width:43%;white-space:normal}
  .health-focus .wp-week-controls {gap:8px;margin-bottom:8px}
  .health-focus .wp-week-controls>button,.health-focus .wp-week-controls>.button {width:44px;min-width:44px;min-height:44px;padding:8px;font-size:13px}
  .health-focus .wp-week-controls>.hf-text-link {width:auto;padding:8px 5px;font-size:10px}
  .health-focus .wp-week-controls>span,.health-focus .wp-week-controls>strong,.health-focus .wp-week-controls h2 {font-size:12px;line-height:1.5}
  .health-focus .wp-week {gap:5px;margin-bottom:14px;padding-bottom:4px}
  .health-focus .wp-week>button {min-width:44px;min-height:76px;padding:8px 5px;gap:4px;border-radius:9px}
  .health-focus .wp-week>button>small {font-size:10px}
  .health-focus .wp-week>button>b {font-size:22px}
  .health-focus .wp-week>button>i {font-size:8px;min-width:0;max-width:100%;padding:1px 2px;white-space:nowrap}
  .health-focus .wp-day-head {gap:9px;margin-bottom:11px}
  .health-focus .wp-day-head h2 {font-size:17px;line-height:1.4}
  .health-focus .wp-day-head>.button,.health-focus .wp-day-head>button {min-height:44px;padding:9px 10px;font-size:11px}
  .health-focus .wp-card {padding:15px;margin-bottom:12px}
  .health-focus .wp-card>header,.health-focus .wp-card-head {gap:10px;margin-bottom:10px}
  .health-focus .wp-card h2,.health-focus .wp-card h3 {font-size:17px;line-height:1.4}
  .health-focus .wp-card>header p,.health-focus .wp-card-head p,.health-focus .wp-card>header small,.health-focus .wp-card-head small {font-size:10px;line-height:1.6}
  .health-focus .wp-card>header>.badge,.health-focus .wp-card-head>.badge {font-size:9px;line-height:1.4;max-width:100px;padding:5px 6px}
  .health-focus .wp-card-exercises>li,.health-focus .wp-card-exercises>div {gap:10px;padding:10px 0;font-size:12px;line-height:1.6}
  .health-focus .wp-card-exercises strong {font-size:12px}
  .health-focus .wp-card-exercises>li>span:last-child,.health-focus .wp-card-exercises>div>span:last-child {font-size:10px;line-height:1.6}
  .health-focus .wp-card-actions {gap:6px;margin-top:11px;padding-top:11px}
  .health-focus .wp-card-actions>button,.health-focus .wp-card-actions>.button,.health-focus .wp-card-actions>.hf-text-link {min-height:44px;padding:9px 9px;font-size:11px;line-height:1.5}
  .health-focus .wp-card-actions>.button:nth-child(-n+2) {flex:1 1 135px;min-width:0}
  .health-focus .wp-card-actions>.hf-text-link {padding:9px 6px;font-size:10px}
  .health-focus .wp-note {font-size:11px;line-height:1.7;margin:11px 0}
  .health-focus .wp-empty {padding:18px;gap:9px;font-size:12px}
  .health-focus .wp-empty h2,.health-focus .wp-empty h3 {font-size:17px}
  .health-focus .wp-form-top {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
  .health-focus .wp-form-top>.field:nth-child(-n+2) {grid-column:1/-1}
  .health-focus .wp-form-top label,.health-focus .wp-item-fields label {font-size:11px;line-height:1.5;margin-bottom:5px}
  .health-focus .wp-form-top input,.health-focus .wp-form-top select {min-height:44px;font-size:16px;padding:9px 10px}
  .health-focus .wp-picker {gap:7px;margin-bottom:13px}
  .health-focus .wp-picker>select {min-height:44px;font-size:16px;line-height:1.4;padding-left:10px}
  .health-focus .wp-picker>button,.health-focus .wp-picker>.button {min-height:44px;padding:9px 10px;font-size:11px}
  .health-focus .wp-items {gap:10px;margin-bottom:14px}
  .health-focus .wp-item {padding:12px;border-radius:10px}
  .health-focus .wp-item>header,.health-focus .wp-item-head {gap:9px;margin-bottom:11px}
  .health-focus .wp-item>header strong,.health-focus .wp-item-head strong,.health-focus .wp-item>header h3,.health-focus .wp-item-head h3 {font-size:13px;line-height:1.5}
  .health-focus .wp-item-fields {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .health-focus .wp-item-fields:has(>label:nth-child(3):last-child) {grid-template-columns:repeat(2,minmax(0,1fr))}
  .health-focus .wp-item-fields input,.health-focus .wp-item-fields select {min-height:44px;padding:9px 9px;font-size:16px;line-height:1.4}
  .health-focus .wp-item-fields select {padding-right:25px}
  .health-focus #wp-plan-form>.button[type=submit] {min-height:50px;font-size:13px}
  .health-focus .wp-overview {padding:11px 12px;margin:11px 0;font-size:11px}
  .health-focus .wp-overview>strong,.health-focus .wp-overview h3 {font-size:12px}
  .health-focus .wp-overview p,.health-focus .wp-overview small {font-size:10px;line-height:1.6}
  .health-focus .wp-live-hint {font-size:10px;line-height:1.6;padding:7px 9px;margin:8px 0}
  .health-focus .wp-results-date {gap:8px 11px;margin-bottom:14px}
  .health-focus .wp-results-date label {font-size:12px}
  .health-focus .wp-results-date input {font-size:16px;min-height:44px;width:100%;padding:9px 10px}
  .health-focus .wp-result-ex {padding:12px;margin-bottom:11px;border-radius:10px}
  .health-focus .wp-result-ex>header,.health-focus .wp-result-head {gap:9px;flex-wrap:wrap;margin-bottom:10px}
  .health-focus .wp-result-ex h3,.health-focus .wp-result-ex>header strong,.health-focus .wp-result-head strong {font-size:13px;line-height:1.5}
  .health-focus .wp-result-ex>header>button,.health-focus .wp-result-head>button,.health-focus .wp-result-ex>header>.button {min-height:44px;padding:8px 9px;font-size:10px;line-height:1.4;max-width:100%}
  .health-focus .wp-result-table th {font-size:10px;line-height:1.4;padding:0 4px 7px}
  .health-focus .wp-result-table td {padding:7px 4px}
  .health-focus .wp-result-table th:first-child,.health-focus .wp-result-table td:first-child {width:21px}
  .health-focus .wp-result-table th:last-child,.health-focus .wp-result-table td:last-child {width:48px}
  .health-focus .wp-result-table input {min-height:44px;padding:8px 7px;font-size:16px;line-height:1.4}
  .health-focus .wp-result-ex>.button,.health-focus .wp-result-ex>.hf-text-link {min-height:44px;font-size:11px;padding:9px 10px}
  .health-focus .wp-result-actions {padding-top:11px;margin-top:13px;gap:7px;bottom:0}
  .health-focus .wp-result-actions>.button,.health-focus .wp-result-actions>button {min-height:52px;font-size:13px;padding:12px}
  .health-focus .wp-error {font-size:12px;line-height:1.7;padding:10px 11px}
  .health-focus .wp-overview-actions {grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .health-focus .wp-overview-actions>.button {font-size:10px;padding:9px 8px;min-height:44px;margin:0}
  .health-focus .wp-return {padding:11px;margin-top:10px}
  .health-focus .wp-return>.actions {gap:5px}
  .health-focus .wp-return>.actions>.button {font-size:10px;min-height:44px;padding:8px 9px}
  .health-focus .wp-formats>div {gap:6px}
  .health-focus .wp-formats>div>.button {font-size:10px;min-height:44px;padding:8px 10px}
  .health-focus .wp-footer-actions {gap:5px 13px;margin-top:10px}
  .health-focus .wp-footer-actions>.hf-text-link {font-size:10px;min-height:44px}
  .health-focus .wp-result-ex>details>textarea {font-size:16px;min-height:70px}
  .health-focus dialog:has(#wp-plan-form) .modal-head h2,.health-focus dialog:has(#wp-results-form) .modal-head h2 {font-size:22px;line-height:1.3;letter-spacing:-.5px}
}
@media(prefers-reduced-motion:reduce) {
  .health-focus [class^="wp-"],.health-focus [class*=" wp-"] {transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* Compact forecast: no location chosen by default, no simulated weather. */
body.mini-app .mw-card{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface,#fff);border:1px solid var(--line,#e4e9f0);border-radius:16px;padding:10px 12px;min-height:78px;max-height:90px;box-sizing:border-box;overflow:hidden;margin:12px 0}.mw-copy{min-width:0;flex:1}.mw-location{display:block;border:0;background:none;color:var(--ink,#18212c);font-size:12px;font-weight:600;padding:0;text-align:left;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.mw-location span{color:var(--muted,#647080)}.mw-forecast{font-size:11px;color:var(--ink,#18212c);line-height:17px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mw-copy>small{display:block;color:var(--muted,#647080);font-size:9px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mw-copy a{color:inherit;text-decoration:underline}.mw-actions{display:flex;gap:2px;align-items:center}.mw-icon{width:36px;min-height:44px;border:0;background:transparent;color:var(--accent,#2868f5);font-size:17px}.mw-plan{min-height:44px;padding:8px;border:0;background:var(--mint,#edf3ff);border-radius:10px;color:var(--accent,#2868f5);font-size:12px}.mw-search-row{display:flex;gap:8px;margin-top:10px}.mw-search-row input{width:100%;min-width:0;flex:1;font-size:16px;min-height:46px}.mw-search-row .button{min-height:46px}.mw-privacy,.mw-attribution{font-size:12px;line-height:1.7;color:var(--muted,#647080);margin:18px 0}.mw-result{width:100%;display:block;text-align:left;padding:14px;border:1px solid var(--line,#e4e9f0);border-radius:12px;background:var(--surface,#fff);margin-top:8px;min-height:52px;color:var(--ink,#18212c)}.mw-result strong{display:block;font-size:15px}.mw-result span{display:block;font-size:12px;color:var(--muted,#647080);margin-top:6px;line-height:1.5}.mw-selected{border-top:1px solid var(--line,#e4e9f0);padding-top:18px;margin-top:20px}.mw-selected p{font-size:13px;line-height:1.7;color:var(--muted,#647080);margin:10px 0}.mw-selected .button{margin:8px 6px 0 0;min-height:44px}#mw-search-status{font-size:13px;line-height:1.6;margin:14px 0}body.mini-app .mw-card button:focus-visible{outline:2px solid var(--accent,#2868f5);outline-offset:1px}

body.mini-app .mw-suggestion{margin:0;line-height:13px;font-size:10px;color:var(--accent,#2868f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.mini-app .mw-card:has(.mw-suggestion){padding-top:8px;padding-bottom:8px}

/* BECOME mini app · one phone-sized workspace, three destinations. */
body.mini-app {margin:0;background:var(--surface2);color:var(--ink);font:14px/1.5 Manrope,system-ui,sans-serif;min-height:100vh;min-height:100dvh;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
body.mini-app .app {display:block;min-height:100vh;min-height:100dvh}
body.mini-app .workspace,body.mini-app .ma-shell {width:100%;max-width:560px;min-width:0;min-height:100vh;min-height:100dvh;margin:0 auto;background:var(--bg);box-shadow:0 0 0 1px var(--line)}
body.mini-app .sidebar {display:contents!important;position:static;inset:auto;width:auto;height:auto;padding:0;border:0;background:none;transform:none!important;box-shadow:none}
body.mini-app .sidebar>:not(#navigation),body.mini-app .quick-fab,body.mini-app #coach-panel,body.mini-app .app-footer,body.mini-app .demo-label,body.mini-app .system-context,body.mini-app .screen-field,body.mini-app .mobile-menu {display:none!important}
body.mini-app .topbar {position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;height:calc(56px + var(--ma-safe-top,env(safe-area-inset-top,0px)));min-height:56px;padding:var(--ma-safe-top,env(safe-area-inset-top,0px)) 16px 0;border-bottom:1px solid var(--line);background:var(--surface);backdrop-filter:none}
body.mini-app .topbar .brand,body.mini-app .ma-brand {display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;background:transparent;font-size:19px;line-height:1.2;letter-spacing:.3px;font-weight:800;color:var(--ink)}
body.mini-app .topbar .brand img,body.mini-app .ma-brand img {display:block;width:27px;height:27px;border-radius:7px;filter:none}
body.mini-app .topbar .brand small,body.mini-app .topbar .breadcrumb:before {display:none}
body.mini-app .topbar .breadcrumb {font-size:15px;font-weight:750;line-height:1.4;letter-spacing:.3px;margin:0;color:var(--ink)}
body.mini-app .topbar .top-actions {display:flex;align-items:center;gap:6px;margin:0}
body.mini-app .topbar .icon-button,body.mini-app .ma-profile-button {display:grid;place-items:center;flex:none;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-size:17px}
body.mini-app #content {display:block;width:100%;max-width:none;min-width:0;margin:0;padding:16px 16px calc(96px + var(--ma-safe-bottom,env(safe-area-inset-bottom,0px)));overflow-wrap:break-word}
body.mini-app #navigation {position:fixed;z-index:40;left:50%;right:auto;bottom:0;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;max-width:560px;padding:7px 12px calc(8px + var(--ma-safe-bottom,env(safe-area-inset-bottom,0px)));margin:0;border-top:1px solid var(--line);background:var(--shell,var(--surface));backdrop-filter:blur(18px);box-shadow:0 -6px 20px rgba(25,42,75,.035)}
body.mini-app #navigation .nav-item {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:51px;margin:0;padding:6px 4px;border:0!important;border-radius:10px!important;background:transparent;color:var(--muted);font-size:11px;line-height:1.35;font-weight:600;letter-spacing:0;text-align:center;white-space:nowrap;transform:none;transition:background .16s,color .16s}
body.mini-app #navigation .nav-item .icon {width:21px;height:21px;stroke-width:1.7}
body.mini-app #navigation .nav-item.active {background:var(--mint);color:var(--accent);box-shadow:none}
body.mini-app #navigation .nav-coordinate {display:none}
body.mini-app.ma-onboarding #navigation,body.mini-app.ma-onboarding-open #navigation,body.mini-app[data-screen=onboarding] #navigation,body.mini-app:has(#content>.ma-onboarding) #navigation {display:none}
body.mini-app.ma-onboarding #content,body.mini-app.ma-onboarding-open #content,body.mini-app[data-screen=onboarding] #content,body.mini-app:has(#content>.ma-onboarding) #content {padding-bottom:calc(20px + var(--ma-safe-bottom,env(safe-area-inset-bottom,0px)))}
body.mini-app .panel {padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 3px 15px rgba(25,42,75,.018)}
body.mini-app .panel-title {gap:10px;align-items:center;margin-bottom:12px}
body.mini-app .panel-title h2 {font-size:17px;line-height:1.4;letter-spacing:-.3px}
body.mini-app .panel-title h3 {font-size:15px;line-height:1.4;letter-spacing:-.2px}
body.mini-app .button,body.mini-app .button.small {min-height:44px;padding:10px 12px;border-radius:10px!important;font:650 12px/1.5 Manrope,system-ui,sans-serif;touch-action:manipulation}
body.mini-app .button.primary {background:var(--accent);border-color:var(--accent);color:var(--ma-button-text,var(--surface))}
body.mini-app.dark .button.primary {color:var(--ma-button-text,#13181f)}
body.mini-app .hf-text-link {min-height:44px;padding:10px 0;font-size:12px;line-height:1.5;touch-action:manipulation}
body.mini-app .icon-button {min-width:44px;min-height:44px;touch-action:manipulation}
body.mini-app .pill,body.mini-app .wo-protocol .pill,body.mini-app .wo-toolbar .pill {min-width:44px;min-height:44px;touch-action:manipulation}
body.mini-app input,body.mini-app select,body.mini-app textarea {font-size:16px;line-height:1.5;min-width:0;max-width:100%;border-radius:10px}
body.mini-app input:not([type=checkbox]):not([type=radio]),body.mini-app select {min-height:48px}
body.mini-app input[type=checkbox],body.mini-app input[type=radio] {width:19px;height:19px;min-height:19px;accent-color:var(--accent)}
body.mini-app .field {min-width:0;margin:14px 0;gap:6px}
body.mini-app .field label {font-size:12px;line-height:1.5;color:var(--muted)}
body.mini-app :is(button,input,select,textarea,a,summary):focus-visible {outline:2px solid var(--accent);outline-offset:2px}
body.mini-app [hidden] {display:none!important}
body.mini-app .ma-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 17px;min-width:0}
body.mini-app .ma-head>div {min-width:0}
body.mini-app .ma-head h1 {font:750 26px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.7px;color:var(--ink);margin:0}
body.mini-app .ma-head p,body.mini-app .ma-head small {display:block;font-size:12px;line-height:1.65;color:var(--muted);margin-top:6px}
body.mini-app .ma-head>.button {flex:none;min-height:44px;font-size:11px;padding:9px 10px}
body.mini-app .ma-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 16px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}
body.mini-app .ma-tabs>button {min-width:0;min-height:44px;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:650 12px/1.5 Manrope,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
body.mini-app .ma-tabs>button.active,body.mini-app .ma-tabs>button.selected,body.mini-app .ma-tabs>button[aria-selected=true],body.mini-app .ma-tabs>button[aria-pressed=true] {background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(25,42,75,.06)}
/* Training landing: one start action, then the user's own records. */
body.mini-app .ma-home-start {padding:19px;margin-bottom:13px}
body.mini-app .ma-home-start h2 {font-size:22px;line-height:1.3;font-weight:750;letter-spacing:-.5px;margin:0 0 8px}
body.mini-app .ma-home-start p,body.mini-app .ma-home-start small {font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 14px}
body.mini-app .ma-home-start>small {display:block;font-size:10px;line-height:1.5;letter-spacing:.4px;margin:0 0 7px}
body.mini-app .ma-home-start>.button.primary {width:100%;min-height:56px;padding:14px;font-size:14px}
body.mini-app .ma-home-start>.hf-text-link {display:flex;justify-content:center;width:100%;margin-top:5px;font-size:11px}
body.mini-app .ma-summary {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
body.mini-app .ma-summary>:is(div,span) {display:flex;align-items:center;gap:10px;min-width:0;min-height:65px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:11px;line-height:1.5}
body.mini-app .ma-summary b,body.mini-app .ma-summary strong {font-size:26px;font-weight:750;line-height:1.2;letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums}
body.mini-app .ma-summary small {display:block;font-size:10px;line-height:1.5;color:var(--muted)}
body.mini-app .ma-home-exercises {display:grid;gap:0;min-width:0;margin:0 0 12px}
body.mini-app .ma-home-exercises>button {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:65px;padding:12px 1px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;font-family:Manrope,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
body.mini-app .ma-home-exercises>button:last-child {border-bottom:0}
body.mini-app .ma-home-exercises>button>span:first-child {min-width:0;flex:1}
body.mini-app .ma-home-exercises strong {display:block;font-size:13px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
body.mini-app .ma-home-exercises small {display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}
body.mini-app .ma-home-exercises b {font-size:20px;font-weight:750;line-height:1.2;letter-spacing:-.4px;text-align:right;font-variant-numeric:tabular-nums}
body.mini-app .ma-home-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
body.mini-app .ma-home-actions>.button {flex:1;min-width:0;min-height:44px;font-size:11px;padding:10px;white-space:normal}
/* Progress stays comparable to the ordinary workout ledger. */
body.mini-app .ma-progress {min-width:0}
body.mini-app .ma-progress>select,body.mini-app #ma-progress-exercise {display:block;width:100%;min-height:48px;margin:0 0 13px;padding:10px 32px 10px 12px;border:1px solid var(--line);border-radius:11px;background-color:var(--surface);color:var(--ink);font-size:16px}
body.mini-app .ma-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;margin:0 0 14px}
body.mini-app .ma-stats>div {min-width:0;padding:13px 10px;border-right:1px solid var(--line)}
body.mini-app .ma-stats>div:last-child {border-right:0}
body.mini-app .ma-stats b,body.mini-app .ma-stats strong {display:block;font-size:25px;line-height:1.3;font-weight:750;letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums}
body.mini-app .ma-stats small,body.mini-app .ma-stats span {display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}
body.mini-app .ma-stats strong em,body.mini-app .ma-stats b em {font-size:11px;font-weight:500;font-style:normal;letter-spacing:0;color:var(--muted)}
body.mini-app .ma-progress .wo-main {gap:13px}
body.mini-app .ma-progress .wo-detail {padding:16px}
body.mini-app .ma-progress .wo-detail h2 {font-size:21px;line-height:1.3}
body.mini-app .ma-progress .wo-detail>.panel-title {flex-wrap:wrap;gap:11px;margin-bottom:14px}
body.mini-app .ma-progress .wo-detail>.panel-title .actions {flex-wrap:wrap;gap:7px}
body.mini-app .ma-progress .wo-chart>svg {height:190px}
body.mini-app .ma-progress .wo-chart .wo-axis {font-size:18px}
body.mini-app .ma-progress .wo-stats {margin-bottom:13px}
body.mini-app .ma-progress .wo-stats>div {padding:11px 9px}
body.mini-app .ma-progress .wo-stats strong {font-size:24px}
body.mini-app .ma-progress .wo-history {padding:16px}
body.mini-app .ma-progress .wo-settings {gap:6px}
body.mini-app .ma-progress .wo-settings>.hf-text-link {font-size:11px;padding:9px 5px}
/* Profile and sources report connection state without adding another dashboard. */
body.mini-app .ma-profile {min-width:0}
body.mini-app .ma-profile>.panel,body.mini-app .ma-profile.panel {margin-bottom:13px}
body.mini-app .ma-profile h2 {font-size:17px;line-height:1.4;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}
body.mini-app .ma-profile h3 {font-size:14px;line-height:1.5;font-weight:650}
body.mini-app .ma-profile .data-row {padding:13px 0;font-size:12px;line-height:1.6}
body.mini-app .ma-profile .data-row strong {font-size:12px;font-weight:600}
body.mini-app .ma-profile .data-row small {font-size:11px;color:var(--muted);line-height:1.6}
body.mini-app .ma-source {display:flex;align-items:center;gap:11px;min-width:0;padding:13px 0;border-bottom:1px solid var(--line)}
body.mini-app .ma-source:last-child {border-bottom:0}
body.mini-app .ma-source>.icon,body.mini-app .ma-source-icon {display:grid;place-items:center;width:34px;height:34px;flex:none;padding:7px;border-radius:9px;background:var(--mint);color:var(--accent)}
body.mini-app .ma-source>div {min-width:0;flex:1}
body.mini-app .ma-source strong {display:block;font-size:13px;line-height:1.5;font-weight:650;color:var(--ink)}
body.mini-app .ma-source small,body.mini-app .ma-source-status {display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:3px}
body.mini-app .ma-source>.button {flex:none;min-height:44px;padding:10px 11px;font-size:11px}
/* First run is a short form; the keyboard always has room to open. */
body.mini-app .ma-onboarding {min-width:0;padding:2px 0 0}
body.mini-app .ma-onboarding>h1 {font-size:26px;font-weight:750;line-height:1.2;letter-spacing:-.7px;margin:0 0 8px}
body.mini-app .ma-onboarding>p {font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 17px}
body.mini-app .ma-onboarding .ma-head {margin-bottom:20px}
body.mini-app .ma-onboarding h2 {font-size:23px;line-height:1.3;font-weight:750;letter-spacing:-.5px;margin-bottom:10px}
body.mini-app .ma-step {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;font-size:11px;line-height:1.5;font-weight:600;color:var(--muted);margin:0 0 20px}
body.mini-app .ma-step>div,body.mini-app .ma-step-track {display:flex;gap:5px;margin-top:9px;min-width:0}
body.mini-app .ma-step i,body.mini-app .ma-step-track>span {display:block;flex:1;height:3px;border-radius:2px;background:var(--line)}
body.mini-app .ma-step i.active,body.mini-app .ma-step i.done,body.mini-app .ma-step-track>span.active {background:var(--accent)}
body.mini-app .ma-step>span:first-child {font-size:10px;letter-spacing:.5px}
body.mini-app .ma-step>div {grid-column:1/-1;display:block;height:3px;margin:0;border-radius:2px;background:var(--line);overflow:hidden}
body.mini-app .ma-step>div>i {display:block;flex:none;height:3px;background:var(--accent);border-radius:inherit}
body.mini-app .ma-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px;min-width:0;margin:15px 0}
body.mini-app .ma-fields>.field {min-width:0;margin:0;gap:6px}
body.mini-app .ma-fields>.field.full,body.mini-app .ma-fields>.field.wide,body.mini-app .ma-fields>.ma-field-wide {grid-column:1/-1}
body.mini-app .ma-fields label {display:block;font-size:12px;line-height:1.5;font-weight:550;color:var(--muted);margin-bottom:6px}
body.mini-app .ma-fields input,body.mini-app .ma-fields select {display:block;width:100%;min-width:0;max-width:100%;min-height:48px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:16px;line-height:1.5;box-sizing:border-box}
body.mini-app .ma-fields .subtle,body.mini-app .ma-fields small {font-size:10px;line-height:1.6;color:var(--muted);margin-top:5px}
body.mini-app .ma-choices {display:grid;gap:9px;margin:13px 0}
body.mini-app .ma-choice {display:grid;gap:8px;min-width:0;max-height:44dvh;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:2px;border:0;border-radius:0;background:transparent;color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--edge) transparent}
body.mini-app .ma-choice>label,body.mini-app .ma-devicechoices>label {display:flex;align-items:center;gap:11px;min-width:0;min-height:63px;margin:0;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-size:13px;line-height:1.5;cursor:pointer;touch-action:manipulation}
body.mini-app .ma-choice>label>input,body.mini-app .ma-devicechoices>label>input {flex:none;margin:0}
body.mini-app .ma-choice>span,body.mini-app .ma-choice>div {min-width:0}
body.mini-app .ma-choice strong {display:block;font-size:13px;line-height:1.5;font-weight:650}
body.mini-app .ma-choice small {display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}
body.mini-app .ma-choice>label:has(input:checked),body.mini-app .ma-devicechoices>label:has(input:checked) {background:var(--mint);border-color:var(--edge)}
body.mini-app .ma-choice>label:has(input:focus-visible),body.mini-app .ma-devicechoices>label:has(input:focus-visible) {outline:2px solid var(--accent);outline-offset:2px}
body.mini-app .ma-devicechoices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;margin:14px 0}
body.mini-app .ma-devicechoices .ma-choice {min-height:81px;align-items:flex-start;padding:13px;gap:9px}
body.mini-app .ma-devicechoices>label {min-height:89px;align-items:flex-start;gap:9px;padding:12px}
body.mini-app .ma-devicechoices>label>span {min-width:0}
body.mini-app .ma-devicechoices strong {display:block;font-size:13px;font-weight:650;line-height:1.5}
body.mini-app .ma-devicechoices small {display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:4px}
body.mini-app .ma-onboard-footer {position:sticky;z-index:4;bottom:0;display:flex;align-items:center;gap:9px;min-width:0;padding:13px 0 calc(3px + var(--ma-safe-bottom,env(safe-area-inset-bottom,0px)));margin-top:20px;background:var(--bg)}
body.mini-app .ma-onboard-footer>.button,body.mini-app .ma-onboard-footer>button {min-height:52px;padding:13px 15px;font-size:13px;line-height:1.5}
body.mini-app .ma-onboard-footer>.button.primary,body.mini-app .ma-onboard-footer>button[type=submit] {flex:1;min-width:0}
body.mini-app .ma-onboard-note {font-size:11px;line-height:1.7;color:var(--muted);margin:13px 0 0}
/* Active training remains phone-sized even when opened on a desktop. */
body.mini-app .wo-live-page,body.mini-app .wp-page {max-width:none;width:100%;min-width:0;margin:0}
body.mini-app .wo-live-header {margin:0 0 10px;gap:10px}
body.mini-app .wo-live-header h1 {font-size:24px;line-height:1.2;letter-spacing:-.6px}
body.mini-app .wo-live-header>div>small,body.mini-app .wo-live-header>.badge {display:none}
body.mini-app.wo-in-session .ma-head {margin-bottom:8px}
body.mini-app .wo-live-topline {margin-bottom:11px;padding-bottom:10px;gap:10px;font-size:11px;line-height:1.5}
body.mini-app .wo-live-topline b {font-size:21px;line-height:1.3}
body.mini-app .wo-live-topline>.hf-text-link {min-height:44px;font-size:11px;padding:9px 0}
body.mini-app .wo-live-layout {display:grid;grid-template-columns:1fr;gap:11px;min-width:0}
body.mini-app .wo-live-main {display:grid;gap:11px;min-width:0}
body.mini-app .wo-live-exercise {padding:13px;scroll-margin-top:calc(68px + var(--ma-safe-top,env(safe-area-inset-top,0px)))}
body.mini-app .wo-live-exercise select {font-size:16px;min-height:46px;padding:10px 32px 10px 11px;border-radius:10px}
body.mini-app .wo-live-previous {font-size:10px;line-height:1.5;margin:7px 0 0}
body.mini-app .wo-live-current-sets {min-width:0;max-height:88px;margin-top:8px;gap:5px;padding-bottom:2px;overflow:auto}
body.mini-app .wo-live-current-sets>span {min-width:44px;min-height:44px;padding:6px 9px;font-size:12px}
body.mini-app .wo-live-exercise>.wo-live-input {padding:11px 0 0;margin-top:10px}
body.mini-app .wo-live-input h3 {font-size:15px;line-height:1.4;margin-bottom:10px}
body.mini-app .wo-live-input h3 small {font-size:10px;line-height:1.5;margin-left:7px}
body.mini-app .wo-live-fields {gap:9px;margin:0 0 12px}
body.mini-app .wo-live-field>label {font-size:11px;line-height:1.5;margin-bottom:6px}
body.mini-app .wo-live-stepper,body.mini-app .ma-number-wheel {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;min-width:0;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}
body.mini-app .wo-live-stepper>button,body.mini-app .ma-number-wheel>button {display:grid;place-items:center;min-width:44px;min-height:52px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:500 24px/1 Manrope,system-ui,sans-serif;touch-action:manipulation}
body.mini-app .wo-live-stepper>input,body.mini-app .ma-number-wheel>input,body.mini-app .ma-drag-number input {display:block;width:100%;min-width:0;min-height:52px;height:52px;padding:1px 0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--ink);font:750 34px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-1px;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
body.mini-app .wo-live-field:only-child .wo-live-stepper>input,body.mini-app .wo-live-field:only-child .ma-drag-number input {font-size:40px}
body.mini-app .ma-drag-number,body.mini-app .ma-swipe-number {position:relative;min-width:0;min-height:52px;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;border-radius:6px}
body.mini-app .ma-drag-number input {touch-action:none}
body.mini-app .ma-drag-number:active {background:var(--mint)}
body.mini-app .ma-swipe-hint {display:block;text-align:center;color:var(--muted);font-size:10px;line-height:1.4;margin:4px 0 9px;user-select:none}
body.mini-app .ma-number-wheel input::-webkit-inner-spin-button,body.mini-app .ma-number-wheel input::-webkit-outer-spin-button,body.mini-app .ma-drag-number input::-webkit-inner-spin-button,body.mini-app .ma-drag-number input::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
body.mini-app .wo-live-save.button {width:100%;min-height:56px;padding:14px 12px;font-size:14px;line-height:1.5;border-radius:10px!important}
body.mini-app .wo-live-exercise>.wo-live-actions {display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:nowrap;margin-top:5px}
body.mini-app .wo-live-actions>.hf-text-link {min-height:44px;padding:9px 3px;font-size:10px;white-space:nowrap}
body.mini-app .wo-live-rest {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;border-radius:13px}
body.mini-app .wo-live-rest-head {grid-column:1/-1;font-size:11px;line-height:1.5;margin:0}
body.mini-app .wo-live-rest-head strong {font-size:27px;line-height:1.1}
body.mini-app .wo-live-rest-track {grid-column:1/-1}
body.mini-app .wo-live-rest-actions {grid-column:1;margin:0;gap:5px;flex-wrap:nowrap;min-width:0}
body.mini-app .wo-live-rest-actions>.button {min-height:44px;padding:8px 7px;font-size:10px;line-height:1.5;white-space:nowrap}
body.mini-app .wo-live-rest-options {grid-column:2;min-width:138px;margin:0;gap:3px;flex-wrap:nowrap}
body.mini-app .wo-live-rest-options>button {min-width:44px;min-height:44px;padding:5px;font-size:10px;line-height:1.5}
body.mini-app .wo-live-rest-options>span {display:none}
body.mini-app .wo-live-rest-actions[hidden]+.wo-live-rest-options {grid-column:1/-1;justify-self:start}
/* Concrete markup of the three-screen renderer. */
body.mini-app .ma-app-label {font-size:9px;line-height:1.5;letter-spacing:1px;color:var(--muted)}
body.mini-app .ma-saved {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin:0 0 13px;background:var(--mint);border:1px solid var(--edge);border-radius:11px;font-size:11px;line-height:1.5;color:var(--ink)}
body.mini-app .ma-saved>button {flex:none;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--accent);font:650 11px/1.5 Manrope,system-ui,sans-serif}
body.mini-app .ma-home-exercises>.panel-title {margin-bottom:2px}
body.mini-app .ma-home-exercises>.panel-title .hf-text-link {font-size:11px}
body.mini-app .ma-home-exercises>button>b {flex:none;white-space:nowrap}
body.mini-app .ma-home-exercises>button>b>small {font-size:10px;line-height:1.4;font-weight:400;text-align:right;letter-spacing:0}
body.mini-app #ma-onboard-form select,body.mini-app #ma-progress-exercise {appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:31px}
body.mini-app #ma-onboard-form>.field>select {display:block;width:100%;min-height:48px;padding:10px 31px 10px 12px;border:1px solid var(--line);border-radius:10px;background-color:var(--surface);color:var(--ink);font-size:16px;line-height:1.5}
body.mini-app .ma-profile-values {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:3px 0 14px}
body.mini-app .ma-profile-values>span {min-width:0;border-right:1px solid var(--line);padding-right:7px}
body.mini-app .ma-profile-values>span:last-child {border-right:0}
body.mini-app .ma-profile-values b {display:block;font-size:25px;font-weight:750;line-height:1.2;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
body.mini-app .ma-profile-values small {display:block;font-size:10px;line-height:1.5;margin-top:5px;color:var(--muted)}
body.mini-app .ma-profile>.panel-title h2 {margin:0}
body.mini-app .ma-profile>p {font-size:12px;line-height:1.6;color:var(--muted);margin-top:10px}
body.mini-app .ma-profile>small {display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}
body.mini-app .ma-sources {margin-bottom:13px}
body.mini-app .ma-sources>h2 {font-size:17px;line-height:1.4;font-weight:700;margin-bottom:7px}
body.mini-app .ma-source>div>span {display:inline-block;font-size:10px;line-height:1.5;color:var(--muted);background:var(--surface2);border-radius:5px;padding:3px 6px;margin-top:6px}
body.mini-app .ma-local-note {font-size:11px;line-height:1.7;color:var(--muted);margin-top:14px}
body.mini-app #content>.wo-main {gap:13px}
body.mini-app #content>.wo-main .wo-detail {padding:16px}
body.mini-app #content>.wo-main .wo-history {padding:16px}
body.mini-app #content>.wo-main .wo-chart>svg {height:190px}
body.mini-app #content>.wo-main .wo-chart .wo-axis {font-size:18px}
body.mini-app #content>.wo-main .wo-settings {gap:6px}
body.mini-app #content>.wo-main .wo-settings>.hf-text-link {font-size:11px;padding:9px 5px}
body.mini-app .ma-health-extra {padding:2px 15px;margin:13px 0 0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
body.mini-app .ma-health-extra>summary {display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:12px;line-height:1.5;color:var(--muted);cursor:pointer;list-style:none}
body.mini-app .ma-health-extra>summary:after {content:'＋';font-size:17px;line-height:1}
body.mini-app .ma-health-extra[open]>summary:after {content:'−'}
body.mini-app .ma-health-extra>summary::-webkit-details-marker {display:none}
body.mini-app .ma-health-extra>p {font-size:12px;line-height:1.65;color:var(--muted);margin:2px 0 12px}
body.mini-app .ma-health-extra>.button {margin-bottom:13px;font-size:11px}
body.mini-app .ma-health-extra>.hf-trend-card {margin-bottom:12px;padding:14px}
/* Existing plan and result forms use the same compact controls. */
body.mini-app .wp-head h1 {font-size:24px;line-height:1.25;letter-spacing:-.6px}
body.mini-app .wp-week {gap:5px;grid-template-columns:repeat(7,minmax(44px,1fr))}
body.mini-app .wp-week>button {min-height:76px;padding:8px 5px;border-radius:9px}
body.mini-app .wp-week>button>b {font-size:22px}
body.mini-app .wp-week>button>i {font-size:8px;min-width:0;max-width:100%;padding:1px 2px;white-space:nowrap}
body.mini-app .wp-card {padding:15px}
body.mini-app .wp-card h2 {font-size:17px;line-height:1.4}
body.mini-app .wp-card-actions {gap:6px}
body.mini-app .wp-card-actions>.button,body.mini-app .wp-card-actions>.hf-text-link {font-size:11px;min-height:44px;padding:9px}
body.mini-app dialog,body.mini-app dialog.wide-modal {width:min(528px,calc(100vw - 24px));max-height:calc(100dvh - 28px - var(--ma-safe-top,env(safe-area-inset-top,0px)) - var(--ma-safe-bottom,env(safe-area-inset-bottom,0px)));padding:20px 17px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}
body.mini-app dialog::backdrop {background:rgba(22,33,51,.34);backdrop-filter:blur(3px)}
body.mini-app .dialog-system-label {display:none}
body.mini-app .modal-head {align-items:flex-start;gap:10px;margin-bottom:17px}
body.mini-app .modal-head>div {min-width:0}
body.mini-app .modal-head h2 {font-size:22px;line-height:1.25;letter-spacing:-.5px}
body.mini-app .modal-head p {font-size:12px;line-height:1.65;margin-top:7px}
body.mini-app .modal-head>.icon-button {min-width:44px;width:44px;min-height:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:10px;font-size:20px}
body.mini-app .wo-library {max-height:38dvh;grid-template-columns:1fr}
body.mini-app .wo-library-item {min-height:65px;padding:13px}
body.mini-app .wo-library-copy strong {font-size:13px}
body.mini-app .wo-library-copy small {font-size:11px;line-height:1.5}
body.mini-app .wp-result-table input,body.mini-app .wo-set-table input {min-height:48px;font-size:16px}
body.mini-app #toast {position:fixed;z-index:80;top:calc(64px + var(--ma-safe-top,env(safe-area-inset-top,0px)));bottom:auto;left:50%;max-width:min(500px,calc(100vw - 32px));transform:translateX(-50%);font-size:12px;line-height:1.6;border-radius:11px;padding:11px 14px}
body.mini-app.wo-in-session #toast {top:calc(64px + var(--ma-safe-top,env(safe-area-inset-top,0px)));bottom:auto}
@media(min-width:561px) {
  body.mini-app .workspace {box-shadow:0 0 0 1px var(--line),0 8px 45px rgba(25,42,75,.035)}
  body.mini-app .wo-live-layout,body.mini-app .ma-progress .wo-layout {grid-template-columns:1fr}
  body.mini-app .ma-progress .wo-chart .wo-axis {font-size:15px}
}
@media(max-width:360px) {
  body.mini-app #content {padding-left:13px;padding-right:13px}
  body.mini-app .topbar {padding-left:13px;padding-right:13px}
  body.mini-app .ma-head h1 {font-size:24px}
  body.mini-app .ma-devicechoices {grid-template-columns:1fr}
  body.mini-app .wo-live-rest {grid-template-columns:1fr}
  body.mini-app .wo-live-rest-actions,body.mini-app .wo-live-rest-options {grid-column:1;justify-self:start}
  body.mini-app .wo-live-stepper,body.mini-app .ma-number-wheel {grid-template-columns:44px minmax(0,1fr) 44px}
  body.mini-app .wo-live-stepper>input,body.mini-app .ma-number-wheel>input,body.mini-app .ma-drag-number input {font-size:29px}
  body.mini-app .ma-summary>:is(div,span) {padding:11px 12px;gap:7px}
}
@media(prefers-reduced-motion:reduce) {
  body.mini-app *,body.mini-app *::before,body.mini-app *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* A large, glanceable hold timer; only confirmed results enter the ledger. */
body.mini-app .wt-timer {margin-top:5px;padding:0;min-width:0}
body.mini-app .wt-top {display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:12px}
body.mini-app .wt-top .hf-text-link {font-size:11px;min-height:44px;padding:8px 0}
body.mini-app #wt-clock {display:block;text-align:center;font:750 clamp(56px,17vw,76px)/1.12 Manrope,system-ui,sans-serif;letter-spacing:-3px;font-variant-numeric:tabular-nums;color:var(--ink);margin:5px 0 16px}
body.mini-app .wt-timer[data-phase=prep] #wt-clock {color:var(--accent)}
body.mini-app .wt-timer[data-phase=running] #wt-clock {font-size:clamp(70px,22vw,92px)}
body.mini-app .wt-timer[data-phase=running] {border:0;background:var(--mint);border-radius:12px;padding:0 12px 12px}
body.mini-app .wt-track {height:4px;border-radius:4px;background:var(--surface2);overflow:hidden;margin:0 0 8px}
body.mini-app .wt-track i {display:block;height:100%;width:0;background:var(--accent);transition:width .16s linear}
body.mini-app .wt-setup {display:flex;align-items:center;gap:7px;margin-bottom:10px;font-size:11px;color:var(--muted)}
body.mini-app .wt-setup .pill {min-width:48px;min-height:44px;border:1px solid var(--line);background:var(--surface);border-radius:9px;font-size:12px}
body.mini-app .wt-setup .pill[aria-pressed=true] {background:var(--mint);border-color:var(--accent);color:var(--accent)}
body.mini-app .wt-setup .hf-text-link {margin-left:auto;font-size:11px}
body.mini-app #wt-start,body.mini-app #wt-stop {width:100%;min-height:56px;font-size:16px;margin:4px 0 0}
body.mini-app #wt-stop {border-color:var(--accent);color:var(--accent);background:var(--surface)}
body.mini-app #wt-note {text-align:center;font-size:11px;color:var(--muted);margin:9px 0 0;line-height:1.6}
body.mini-app .wt-bottom {display:flex;justify-content:center;align-items:center;gap:8px}
body.mini-app .wt-bottom .hf-text-link {font-size:11px;min-height:44px}
body.mini-app .wt-audio-note {display:block;text-align:center;font-size:10px;color:var(--muted);line-height:1.6;margin:0 0 8px}
body.mini-app #wt-number-fields {margin-top:12px}
body.mini-app .wo-live-exercise:has(.wt-timer) .wo-live-previous {display:none}
body.mini-app .wo-live-exercise:has(.wt-timer[data-phase=prep],.wt-timer[data-phase=running]) .wo-live-current-sets {display:none}
body.mini-app .wo-live-exercise:has(.wt-timer[data-phase=prep],.wt-timer[data-phase=running]) .wo-live-input h3 {display:none}
body.mini-app .wo-live-exercise:has(.wt-timer[data-phase=prep],.wt-timer[data-phase=running]) .wo-live-actions {display:none}
body.mini-app .wo-live-main:has(.wt-timer[data-phase=prep],.wt-timer[data-phase=running]) .wo-live-rest {display:none}
body.mini-app .wo-live-exercise:has(.wt-timer) .wo-live-input h3 small {display:none}

body.mini-app .wt-timer #wt-clock[data-wide=true] {font-size:clamp(44px,13vw,62px);letter-spacing:-2px}

/* After saving, the existing rest timer takes the first screen. */
body.mini-app .wo-live-exercise:has(.wt-timer[data-phase=rest]) .wo-live-input {display:none}

/* BECOME / FROSTED · a single graphite, glass and lime material system.
   Loaded after mini-app.css. Layout, real records and touch targets stay intact. */
body.mini-app,body.mini-app.dark,body.mini-app:not(.dark) {
  --bg:#242924!important;
  --surface:#343b32!important;
  --surface2:#2a3129!important;
  --ink:#f5f7f0!important;
  --muted:#c0c7b8!important;
  --line:rgba(235,243,226,.19)!important;
  --accent:#d5ff43!important;
  --ma-button-text:#1b210e!important;
  --mint:rgba(213,255,67,.10)!important;
  --mint2:rgba(213,255,67,.20)!important;
  --edge:rgba(222,251,156,.38)!important;
  --gold:#d5ff43!important;
  --lime:#d5ff43!important;
  --signal:#d5ff43!important;
  --shell:rgba(47,55,43,.86)!important;
  --shadow:inset 0 1px 0 rgba(255,255,245,.10),0 8px 24px rgba(9,15,7,.12)!important;
  --fg-glass:linear-gradient(145deg,rgba(225,234,215,.13),rgba(225,234,215,.055));
  --fg-glass-strong:linear-gradient(145deg,rgba(225,234,215,.19),rgba(225,234,215,.085));
  --fg-control:rgba(235,242,223,.075);
  --fg-dark-glass:rgba(34,41,31,.82);
  color-scheme:dark;
  color:var(--ink);
  background:#1f241e;
  background-image:radial-gradient(ellipse at 50% 15%,rgba(118,137,92,.22),transparent 65%);
}
body.mini-app ::selection {background:#d5ff43;color:#1b210e}
body.mini-app .workspace,body.mini-app .ma-shell {
  position:relative;isolation:isolate;background:#242924;
  box-shadow:0 0 0 1px rgba(237,247,221,.12),0 20px 80px rgba(6,12,4,.28);
}
body.mini-app .workspace:before {
  content:"";position:fixed;z-index:-1;top:0;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:560px;pointer-events:none;
  background:radial-gradient(ellipse 65% 36% at 94% 10%,rgba(169,192,116,.30),transparent 78%),
    radial-gradient(ellipse 80% 35% at 4% 53%,rgba(174,192,166,.15),transparent 80%),
    radial-gradient(ellipse 75% 40% at 92% 97%,rgba(146,168,98,.22),transparent 78%),
    linear-gradient(150deg,#30372f 0%,#242c23 53%,#2b3328 100%);
}
body.mini-app .topbar {
  background:rgba(41,48,37,.76);border-bottom-color:rgba(238,246,225,.13);
  -webkit-backdrop-filter:blur(22px) saturate(.8);backdrop-filter:blur(22px) saturate(.8);
}
body.mini-app .ma-brand {font-weight:700;letter-spacing:.7px}
body.mini-app .ma-brand img {display:none}
body.mini-app .ma-brand:before {
  content:"";display:block;width:27px;height:27px;flex:none;background:var(--ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M17 13h25l8 8-4 11 3 8-10 11H10l9-28h10l-6 19h13l3-5H26l3-9h10l2-6H14Zm32-1 5 5-3 8-5-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M17 13h25l8 8-4 11 3 8-10 11H10l9-28h10l-6 19h13l3-5H26l3-9h10l2-6H14Zm32-1 5 5-3 8-5-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.mini-app .ma-app-label {color:#d4dbcc;opacity:.75;letter-spacing:1.5px}
body.mini-app .ma-head h1,body.mini-app .ma-onboarding>h1 {font-weight:650;letter-spacing:-.65px}
body.mini-app .panel,body.mini-app .mw-card,body.mini-app .ma-health-extra,
body.mini-app .ga-insight,body.mini-app .ga-week-summary {
  border:1px solid var(--line);border-radius:18px;
  background:#3b4437;background-image:var(--fg-glass);box-shadow:var(--shadow);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.mini-app .panel,body.mini-app .mw-card,body.mini-app .ma-health-extra,
  body.mini-app .ga-insight,body.mini-app .ga-week-summary {
    background:var(--fg-glass);-webkit-backdrop-filter:blur(24px) saturate(.8);backdrop-filter:blur(24px) saturate(.8);
  }
}
body.mini-app .panel:hover {border-color:var(--line);box-shadow:var(--shadow)}
body.mini-app .panel-title h2,body.mini-app .ma-home-start h2 {font-weight:650}
body.mini-app .button,body.mini-app .button.small,body.mini-app .icon-button {
  color:var(--ink);background:var(--fg-control);border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,240,.045);border-radius:12px!important;
}
body.mini-app .button:hover,body.mini-app .icon-button:hover {background:rgba(235,242,223,.12);border-color:rgba(235,243,226,.33);transform:none}
body.mini-app .button.primary,body.mini-app.dark .button.primary,body.mini-app .button.primary:hover {
  color:#1b210e;background:#d5ff43;border-color:#d5ff43;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);filter:none;
}
body.mini-app .button.primary:disabled {background:#b4ce60;border-color:#b4ce60;color:#263014;opacity:1}
body.mini-app .button.ghost {background:transparent;color:var(--muted);box-shadow:none}
body.mini-app .hf-text-link {color:var(--accent)}
body.mini-app .pill-group,body.mini-app .ma-tabs {background:rgba(223,234,209,.07);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
body.mini-app .pill,body.mini-app .ma-tabs>button {background:transparent;color:var(--muted);border-color:transparent}
body.mini-app .pill.active,body.mini-app .ma-tabs>button.active,
body.mini-app .ma-tabs>button.selected,body.mini-app .ma-tabs>button[aria-selected=true],
body.mini-app .ma-tabs>button[aria-pressed=true] {background:var(--accent);color:#1b210e;box-shadow:none}
body.mini-app .ma-tabs {border-radius:28px;padding:3px;gap:4px}
body.mini-app .ma-tabs>button {border-radius:23px;font-weight:650}
body.mini-app .badge,body.mini-app .ga-style-chip,body.mini-app .ga-session-kind {
  color:var(--accent);background:var(--mint);border:1px solid rgba(213,255,67,.20);box-shadow:none;
}
body.mini-app .badge.neutral {color:var(--muted);background:rgba(236,244,223,.07);border-color:var(--line)}
body.mini-app .ma-summary>:is(div,span) {background:var(--fg-glass);border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,240,.08)}
body.mini-app .ma-home-exercises>button {border-bottom-color:var(--line)}
body.mini-app .ma-home-exercises>button:hover {background:rgba(241,247,231,.035)}
body.mini-app .ma-saved {background:var(--mint);border-color:var(--edge);color:var(--ink)}
body.mini-app .ma-source>div>span {background:rgba(235,242,223,.08);color:var(--muted)}
body.mini-app .ma-source>.button {background:rgba(235,242,223,.06)}
body.mini-app #navigation {
  width:calc(100% - 20px);max-width:540px;bottom:8px;padding:6px 8px calc(7px + var(--ma-safe-bottom,env(safe-area-inset-bottom,0px)));
  border:1px solid rgba(235,243,226,.25);border-radius:20px;background:rgba(62,73,52,.92);
  -webkit-backdrop-filter:blur(28px) saturate(.8);backdrop-filter:blur(28px) saturate(.8);
  box-shadow:inset 0 1px 0 rgba(255,255,239,.16),0 8px 25px rgba(6,12,4,.24);
}
body.mini-app #navigation .nav-item {color:#e1e6da;font-weight:500}
body.mini-app #navigation .nav-item.active {background:transparent;color:var(--accent);box-shadow:none;font-weight:650}
body.mini-app #navigation .nav-item .icon {stroke-width:1.7}
body.mini-app #navigation .nav-item:hover {background:rgba(241,248,226,.06)}
/* Forms use dark glass, including native selects and iOS input focus. */
body.mini-app input:not([type=checkbox]):not([type=radio]),body.mini-app select,body.mini-app textarea,
body.mini-app .ma-fields input,body.mini-app .ma-fields select,body.mini-app #ma-onboard-form>.field>select,
body.mini-app #ma-progress-exercise,body.mini-app .wo-library-controls>input {
  background-color:rgba(17,25,14,.23);color:var(--ink);border-color:rgba(235,243,226,.23);box-shadow:inset 0 1px 2px rgba(3,12,0,.045);
}
body.mini-app input::placeholder,body.mini-app textarea::placeholder {color:#bdc5b2;opacity:.78}
body.mini-app input[type=checkbox],body.mini-app input[type=radio] {accent-color:#d5ff43}
body.mini-app select option {color:#f5f7f0;background:#343b32}
body.mini-app input:focus,body.mini-app select:focus,body.mini-app textarea:focus {border-color:var(--edge);box-shadow:0 0 0 2px rgba(213,255,67,.09)}
body.mini-app :is(button,input,select,textarea,a,summary):focus-visible {outline:2px solid #d5ff43;outline-offset:3px}
body.mini-app .ma-choice>label,body.mini-app .ma-devicechoices>label,body.mini-app .wo-library-item {background:var(--fg-glass);border-color:var(--line)}
body.mini-app .ma-choice>label:has(input:checked),body.mini-app .ma-devicechoices>label:has(input:checked),body.mini-app .wo-library-item:has(input:checked) {background:rgba(213,255,67,.09);border-color:rgba(213,255,67,.40)}
body.mini-app .ma-onboard-footer {background:rgba(38,47,32,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px 12px 0 0}
body.mini-app .ma-step>div {background:rgba(237,245,224,.14)}
body.mini-app .ma-step>div>i {background:var(--accent)}
body.mini-app .note,body.mini-app .hs-notice,body.mini-app .wo-form-summary,body.mini-app .wp-note {background:rgba(236,244,223,.06);color:var(--muted);border-color:var(--line)}
body.mini-app .wo-form-error,body.mini-app .wp-error,body.mini-app .hs-error {color:#f3e7bb}
/* Live logging: keep the number, save button and rest control within the viewport. */
body.mini-app .wo-live-exercise select {background-color:rgba(17,25,14,.22);border-color:var(--line)}
body.mini-app .wo-live-current-sets>span {background:rgba(213,255,67,.10);border-color:rgba(213,255,67,.25);color:var(--accent)}
body.mini-app .wo-live-stepper,body.mini-app .ma-number-wheel {background:rgba(13,22,9,.19);border-color:var(--line);box-shadow:inset 0 1px 3px rgba(0,0,0,.07)}
body.mini-app .wo-live-stepper>button,body.mini-app .ma-number-wheel>button {background:rgba(232,243,216,.10);border-color:var(--line);color:var(--ink)}
body.mini-app .wo-live-stepper>input,body.mini-app .ma-number-wheel>input {background:transparent;border:0;color:var(--ink);box-shadow:none}
body.mini-app .wo-live-fields {margin-bottom:6px}
body.mini-app .wo-live-input>.wo-load-note {background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 6px;font-size:10px;line-height:1.5;color:var(--muted)}
body.mini-app .ma-drag-number:active {background:rgba(213,255,67,.10)}
body.mini-app .wo-live-rest-track,body.mini-app .wo-target-track {background:rgba(235,242,223,.17)}
body.mini-app .wo-live-rest-track>span,body.mini-app .wo-target-track>span {background:var(--accent)}
body.mini-app .wo-live-rest-options>.pill {border-color:var(--line);background:rgba(235,242,223,.05);color:var(--muted)}
body.mini-app .wo-live-rest-options>.pill.active {background:var(--accent);border-color:var(--accent);color:#1b210e}
/* Plots: one luminous line, understated reference marks, no fabricated signals. */
body.mini-app .wo-stats,body.mini-app .ma-stats {border-color:var(--line);background:rgba(237,245,224,.035)}
body.mini-app .wo-protocol {border-color:var(--line);background:rgba(13,22,9,.12)}
body.mini-app .wo-protocol .pill-group {border:0;background:transparent;padding:0}
body.mini-app .wo-chart .wo-grid,body.mini-app .hf-mini-chart .hf-grid {stroke:rgba(231,241,214,.14);stroke-width:1}
body.mini-app .wo-chart .wo-line,body.mini-app .hf-mini-chart .hf-line {stroke:#d5ff43;stroke-width:2.3;filter:none}
body.mini-app .wo-chart .wo-area,body.mini-app .hf-mini-chart .hf-area {fill:#d5ff43;fill-opacity:.025;opacity:1}
body.mini-app .wo-chart .wo-dot,body.mini-app .hf-mini-chart .hf-point {stroke:#d5ff43;fill:#d5ff43;stroke-width:1.4}
body.mini-app .wo-chart .wo-hit,body.mini-app .hf-mini-chart .hf-hit {fill:transparent!important;stroke:none!important}
body.mini-app .wo-chart .wo-axis,body.mini-app .hf-mini-chart .hf-axis-label {fill:#c0c7b8}
body.mini-app .wo-chart .wo-target-line {stroke:#d5ff43;opacity:.27}
body.mini-app .wo-empty {background:rgba(230,240,212,.04);border-color:var(--line);border-style:solid}
/* Plans, forecast and imported measurements are the same material. */
body.mini-app .wp-week>button,body.mini-app .wp-week-controls>button,body.mini-app .wp-week-controls>.button,
body.mini-app .wp-item,body.mini-app .wp-result-ex,body.mini-app .mw-result {background:var(--fg-control);border-color:var(--line);color:var(--ink)}
body.mini-app .wp-week>button.selected {background:rgba(213,255,67,.10);border-color:var(--edge);box-shadow:inset 0 -2px 0 var(--accent);color:var(--accent)}
body.mini-app .wp-week>button>i {background:rgba(237,245,224,.08);border-color:var(--line);color:var(--muted)}
body.mini-app .wp-week-controls>.hf-text-link {background:transparent;border:0;color:var(--accent)}
body.mini-app .wp-progress,body.mini-app .wp-return,body.mini-app .wp-next {background:rgba(213,255,67,.07);border-color:var(--edge);color:var(--ink)}
body.mini-app .wp-result-actions {background:rgba(45,53,39,.97);box-shadow:0 -10px 18px rgba(45,53,39,.85)}
body.mini-app .hs-table th {background:rgba(236,245,220,.08);color:var(--muted)}
body.mini-app .hs-table td {color:var(--ink)}
body.mini-app .hs-file-input {background:rgba(17,25,14,.20);border-color:var(--line);color:var(--ink)}
body.mini-app .hs-file-input::file-selector-button {background:var(--accent);color:#1b210e;min-height:44px;font-size:12px}
body.mini-app input[type=file]::file-selector-button {min-height:44px;margin:0 10px 0 0;padding:9px 12px;border:0;border-radius:8px;background:var(--accent);color:#1b210e;font:600 12px/1.5 Manrope,system-ui,sans-serif;cursor:pointer}
body.mini-app .mw-location,body.mini-app .mw-forecast {color:var(--ink)}
body.mini-app .mw-plan {background:rgba(213,255,67,.09);border:1px solid rgba(213,255,67,.18);color:var(--accent)}
body.mini-app .mw-icon {min-width:44px;color:var(--accent)}
body.mini-app dialog,body.mini-app dialog.wide-modal {
  background:#343d2e;background-image:linear-gradient(140deg,rgba(223,237,203,.09),transparent 75%);
  border-color:rgba(235,243,226,.29);box-shadow:inset 0 1px 0 rgba(249,255,237,.12),0 30px 90px rgba(0,7,0,.45);
  -webkit-backdrop-filter:blur(30px) saturate(.8);backdrop-filter:blur(30px) saturate(.8);
}
body.mini-app dialog::backdrop {background:rgba(9,17,5,.60);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
body.mini-app #toast {background:rgba(237,246,220,.96);color:#26301f;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 28px rgba(8,15,5,.24)}
/* Sport format additions share the existing compact mobile hierarchy. */
body.mini-app .ga-kind-picker {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(232,243,216,.055);margin:0 0 14px}
body.mini-app .ga-kind-picker>button {display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:44px;padding:8px 5px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:600 11px/1.4 Manrope,system-ui,sans-serif;touch-action:manipulation}
body.mini-app .ga-kind-picker>button.active,body.mini-app .ga-kind-picker>button.selected,body.mini-app .ga-kind-picker>button[aria-pressed=true] {background:var(--accent);color:#1b210e}
body.mini-app .ga-kind-picker .icon {width:16px;height:16px;flex:none}
body.mini-app .ga-style-chip,body.mini-app .ga-session-kind {display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:600;line-height:1.5;white-space:nowrap}
body.mini-app .ga-insight {padding:13px 15px;margin:13px 0;min-width:0}
body.mini-app .ga-insight strong {display:block;font-size:14px;line-height:1.5;font-weight:650;color:var(--ink)}
body.mini-app .ga-insight p {font-size:12px;line-height:1.65;color:var(--muted);margin:5px 0 0}
body.mini-app .ga-insight small {display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px}
body.mini-app .ga-week-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-width:0;margin:13px 0;padding:13px 4px}
body.mini-app .ga-week-summary>div,body.mini-app .ga-week-summary>span {min-width:0;padding:0 10px;border-right:1px solid var(--line);font-size:10px;line-height:1.5;color:var(--muted)}
body.mini-app .ga-week-summary>:last-child {border-right:0}
body.mini-app .ga-week-summary b,body.mini-app .ga-week-summary strong {display:block;color:var(--ink);font-size:25px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin-bottom:5px}
body.mini-app .ga-week-summary small {display:block;color:var(--muted);font-size:10px;line-height:1.5}
body.mini-app .ga-filter {display:flex;gap:5px;flex-wrap:wrap;min-width:0;margin:0 0 12px}
body.mini-app .ga-filter>button {min-width:44px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(232,243,216,.06);color:var(--muted);font:600 11px/1.5 Manrope,system-ui,sans-serif;touch-action:manipulation}
body.mini-app .ga-filter>button.active,body.mini-app .ga-filter>button[aria-pressed=true] {color:#1b210e;background:var(--accent);border-color:var(--accent)}
body.mini-app .ga-kind-picker.ga-filter {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:14px}
body.mini-app .ga-kind-picker.ga-filter>button {border:0;padding:8px 5px}
body.mini-app .ma-progress-add {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 8px;min-width:0}
body.mini-app .ma-progress-add>.hf-text-link {min-height:44px;padding:9px 0;font-size:11px;line-height:1.5;text-align:left}
body.mini-app .ga-style-chip.hf-text-link {min-height:44px;padding:8px 10px;font-size:10px;font-weight:600;white-space:normal;text-align:left}
body.mini-app .ga-insight h3 {font-size:15px;font-weight:650;line-height:1.45;letter-spacing:-.2px;margin:4px 0 0;color:var(--ink)}
body.mini-app .ga-insight>.hf-text-link {font-size:11px;margin-top:2px}
body.mini-app .ga-insight>small:first-child {margin:0;font-size:9px;letter-spacing:.25px}
body.mini-app .ga-week-card {margin:0 0 13px}
body.mini-app .ga-week-card>.panel-title {margin-bottom:7px}
body.mini-app .ga-week-card>.panel-title h2 {font-size:16px;font-weight:650;letter-spacing:-.3px}
body.mini-app .ga-week-card>.panel-title>span {color:var(--muted);font-size:11px;white-space:nowrap}
body.mini-app .ga-week-bars {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;min-width:0}
body.mini-app .ga-week-bars>button {display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0;min-height:106px;padding:5px 0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-family:Manrope,system-ui,sans-serif;touch-action:manipulation;cursor:pointer}
body.mini-app .ga-week-bars>button:hover,body.mini-app .ga-week-bars>button:focus-visible {background:rgba(235,244,220,.055)}
body.mini-app .ga-bar-space {display:flex;align-items:flex-end;justify-content:center;height:62px;width:100%;padding:0 8px}
body.mini-app .ga-bar-space>i {display:block;width:24px;max-width:100%;min-height:2px;border-radius:6px;background:linear-gradient(180deg,rgba(243,252,230,.50),rgba(217,236,191,.15));box-shadow:inset 0 1px 0 rgba(255,255,245,.18)}
body.mini-app .ga-bar-space>i.current {background:#d5ff43;box-shadow:inset 0 1px 0 rgba(255,255,245,.30)}
body.mini-app .ga-week-bars b {font-size:10px;line-height:1.4;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
body.mini-app .ga-week-bars small {font-size:10px;line-height:1.4;color:var(--muted)}
body.mini-app .ga-week-card>.ga-week-summary {grid-template-columns:repeat(2,minmax(0,1fr));border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;margin:10px 0 0;padding:10px 0 0}
body.mini-app .ga-week-card>.ga-week-summary>span {display:flex;align-items:baseline;gap:6px;padding:0 10px;font-size:10px}
body.mini-app .ga-week-card>.ga-week-summary>span:first-child {padding-left:0}
body.mini-app .ga-week-card>.ga-week-summary b {font-size:20px;margin:0}
body.mini-app .ga-week-note {display:block;color:var(--muted);font-size:9px;line-height:1.6;margin-top:8px}
body.mini-app .ga-profile-style {margin-bottom:13px}
body.mini-app .ga-profile-style>strong {font-size:21px;line-height:1.4;font-weight:650;color:var(--ink)}
body.mini-app .ga-profile-style>p {font-size:12px;line-height:1.65;color:var(--muted);margin-top:7px}
body.mini-app #ga-style-form>.button.primary {width:100%;margin-top:15px}
@media(max-width:600px) {
  body.mini-app:not(.wo-in-session) .ma-head {margin-bottom:12px}
  body.mini-app .ma-tabs,body.mini-app .ga-kind-picker.ga-filter {margin-bottom:10px}
  body.mini-app .ma-home-start {padding:15px}
  body.mini-app .ma-home-start>small {margin-bottom:5px}
  body.mini-app .ma-home-start h2 {font-size:20px;line-height:1.3;margin-bottom:5px}
  body.mini-app .ma-home-start p {line-height:1.55;margin-bottom:10px}
  body.mini-app .ma-home-start>.hf-text-link {margin-top:0}
  body.mini-app .ma-saved {min-height:46px;padding:0 11px;margin-bottom:10px}
  body.mini-app .wo-live-topline {padding-bottom:6px;margin-bottom:8px}
  body.mini-app .wo-live-current-sets {margin-top:6px}
  body.mini-app .wo-live-exercise>.wo-live-input {padding-top:8px;margin-top:8px}
  body.mini-app .wo-live-input h3 {margin-bottom:8px}
  body.mini-app .wo-live-exercise>.wo-live-actions {margin-top:0}
}
@media(prefers-reduced-motion:reduce) {
  body.mini-app *,body.mini-app *::before,body.mini-app *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(prefers-reduced-transparency:reduce) {
  body.mini-app .panel,body.mini-app .mw-card,body.mini-app .ma-health-extra,body.mini-app .ga-insight,body.mini-app .ga-week-summary {background:#3b4437;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.mini-app #navigation,body.mini-app .topbar {background:#343e2e;-webkit-backdrop-filter:none;backdrop-filter:none}
}

body.mini-app .ga-kind-picker.ya-picker{grid-template-columns:repeat(4,minmax(0,1fr))}
body.mini-app .ya-picker>button{font-size:10px;padding:8px 2px}
body.mini-app .ya-goal{margin-bottom:14px}
body.mini-app .ya-score{display:flex;align-items:baseline;gap:14px;margin:10px 0}
body.mini-app .ya-score>strong{font-size:48px;line-height:1.2;letter-spacing:-2px;font-variant-numeric:tabular-nums}
body.mini-app .ya-score small{font-size:24px;color:var(--muted);letter-spacing:0}
body.mini-app .ya-score>span,.ya-goal p{color:var(--muted);font-size:12px}
body.mini-app .ya-goal-track{height:6px;background:rgba(240,255,220,.12);border-radius:8px;overflow:hidden}
body.mini-app .ya-goal-track i{display:block;height:100%;background:var(--accent);border-radius:8px}
body.mini-app .ya-practices{margin:20px 0}
body.mini-app .ya-practices>.panel-title{align-items:start;gap:12px}
body.mini-app .ya-practices>.panel-title small{font-size:10px;color:var(--muted);text-align:right;max-width:120px}
body.mini-app .ya-practice{display:flex;width:100%;text-align:left;align-items:center;gap:12px;padding:16px;margin-bottom:10px;color:var(--ink);font-family:inherit;cursor:pointer}
body.mini-app .ya-practice>span:nth-child(2){flex:1;min-width:0}
body.mini-app .ya-practice strong{display:block;font-size:17px;margin:4px 0}
body.mini-app .ya-practice small{font-size:10px;color:var(--muted)}
body.mini-app .ya-play{width:42px;height:48px;display:grid;place-items:center;font-size:28px;color:var(--accent);background:rgba(213,255,67,.08);border-radius:12px}
body.mini-app .ya-video{aspect-ratio:16/9;display:grid;place-items:center;background:rgba(0,0,0,.20);border-radius:14px;overflow:hidden;margin:10px 0}
body.mini-app .ya-video>button{width:auto}
body.mini-app .ya-video iframe{border:0;width:100%;height:100%}
body.mini-app .ya-note{color:var(--muted);font-size:11px;line-height:1.6;margin:12px 0}
body.mini-app .ya-source{display:flex;justify-content:space-between;gap:12px;font-size:11px}
body.mini-app .ya-source a{color:var(--accent);display:inline-flex;align-items:center;min-height:44px}
body.mini-app .ya-history{margin:14px 0}
body.mini-app .ya-mixed{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:16px;color:var(--ink);font:inherit;margin:14px 0}
body.mini-app .ya-mixed small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
body.mini-app .ya-mixed b{font-size:12px;color:var(--accent)}
body.mini-app .ya-resume{margin-bottom:14px}

/* BECOME / BREATH — original graphite and lime material treatment. */
body.mini-app .ba-kind-picker.ga-kind-picker,
body.mini-app .ba-kind-picker.ga-kind-picker.ya-picker {
  display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(213,255,67,.35) transparent;
  padding:4px;margin:0 0 12px;max-width:100%;
}
body.mini-app .ba-kind-picker>button {flex:1 0 72px;min-height:44px;padding:8px 10px!important;font-size:11px;white-space:nowrap}
body.mini-app .ba-kind-picker>button:last-child {min-width:88px}
body.mini-app .ba-hero,body.mini-app .ba-session {position:relative;min-width:0;padding:18px;margin-bottom:14px;overflow:hidden}
body.mini-app .ba-kicker {display:block;font-size:10px;letter-spacing:1.1px;line-height:1.5;color:var(--accent);text-transform:uppercase;margin-bottom:8px}
body.mini-app .ba-hero h2 {font-size:26px;letter-spacing:-.7px;line-height:1.18;margin:0 0 10px}
body.mini-app .ba-hero>p {font-size:12px;line-height:1.65;color:var(--muted);margin:8px 0 14px}
body.mini-app .ba-protocol {display:flex;gap:7px;margin:16px 0;align-items:stretch}
body.mini-app .ba-protocol>* {flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:10px 8px;background:rgba(232,243,216,.035);font-size:10px;color:var(--muted);line-height:1.5}
body.mini-app .ba-protocol strong,body.mini-app .ba-protocol b {display:block;font-size:20px;color:var(--ink);line-height:1.3;letter-spacing:-.4px;margin-bottom:3px}
body.mini-app .ba-setup {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
body.mini-app .ba-setup .field {min-width:0;margin:0}
body.mini-app .ba-setup label {display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:5px}
body.mini-app .ba-setup input,body.mini-app .ba-setup select {width:100%;min-height:44px;font-size:16px}
body.mini-app .ba-session {background-image:radial-gradient(ellipse at 50% 30%,rgba(194,227,114,.075),transparent 68%),var(--fg-glass)}
body.mini-app .ba-session-head {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);min-height:44px}
body.mini-app .ba-session-head>button {min-height:44px;flex:none}
body.mini-app .ba-orbit {position:relative;width:min(64vw,260px);aspect-ratio:1;margin:8px auto 10px;isolation:isolate}
body.mini-app .ba-orbit:before {content:"";position:absolute;inset:0;border:1px solid rgba(224,243,186,.12);border-radius:50%;pointer-events:none}
body.mini-app .ba-orbit:after {content:"";position:absolute;inset:8%;border:1px solid rgba(224,243,186,.07);border-radius:50%;pointer-events:none}
body.mini-app .ba-halo {position:absolute;inset:0;border-radius:50%;border:1px solid rgba(213,255,67,.65);
  background:radial-gradient(circle at 33% 24%,rgba(237,255,185,.19),rgba(175,209,101,.035) 58%,rgba(213,255,67,.06));
  box-shadow:inset 0 1px 3px rgba(244,255,218,.35),inset 0 -12px 30px rgba(168,199,93,.08),0 0 38px rgba(177,213,83,.13);
  transform:scale(var(--ba-scale,.8));transform-origin:center;will-change:transform;
}
body.mini-app .ba-orbit-content {position:absolute;inset:16%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;pointer-events:none}
body.mini-app .ba-phase {font-size:12px;line-height:1.5;color:var(--muted);font-weight:600;letter-spacing:.1px}
body.mini-app .ba-clock {display:block;font-size:64px;line-height:1.06;font-weight:650;letter-spacing:-3px;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
body.mini-app .ba-cue {font-size:11px;line-height:1.5;color:var(--muted);max-width:170px}
body.mini-app .ba-session[data-phase=retention] .ba-halo {border-color:rgba(188,211,133,.30);background:radial-gradient(circle at 35% 24%,rgba(177,197,136,.10),rgba(24,34,18,.16) 65%);box-shadow:inset 0 1px 2px rgba(228,243,198,.14),0 0 44px rgba(141,167,83,.09)}
body.mini-app .ba-session[data-phase=recovery] .ba-halo {border-color:rgba(223,247,182,.55);box-shadow:inset 0 1px 3px rgba(244,255,218,.25),0 0 36px rgba(201,225,155,.12)}
body.mini-app .ba-session[data-phase=interrupted] .ba-halo,
body.mini-app .ba-session[data-phase=done] .ba-halo {transform:scale(.82);border-color:var(--line);box-shadow:inset 0 1px 2px rgba(248,255,230,.14)}
body.mini-app .ba-rounds {display:flex;gap:6px;justify-content:center;margin:8px 0 12px}
body.mini-app .ba-rounds>* {height:5px;min-width:24px;max-width:56px;flex:1;border-radius:5px;background:rgba(235,243,226,.12)}
body.mini-app .ba-rounds>.done {background:var(--accent)}
body.mini-app .ba-rounds>.current {background:rgba(213,255,67,.38);box-shadow:inset 0 0 0 1px rgba(213,255,67,.35)}
body.mini-app .ba-instruction {text-align:center;font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 14px;min-height:38px}
body.mini-app .ba-controls {display:grid;gap:8px;margin:10px 0 0}
body.mini-app .ba-controls button {min-height:48px;width:100%;font-size:13px}
body.mini-app .ba-sound-row {display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0;color:var(--muted);font-size:11px}
body.mini-app .ba-sound-row button {min-height:44px}
body.mini-app .ba-sound-row label {display:flex;align-items:center;gap:8px;min-height:44px}
body.mini-app .ba-sound-row input[type=range] {width:100px;min-height:44px;accent-color:var(--accent)}
body.mini-app .ba-note {display:block;color:var(--muted);font-size:11px;line-height:1.6;margin:10px 0}
body.mini-app .ba-note a,body.mini-app .ba-safety a {color:var(--accent);text-underline-offset:3px}
body.mini-app .ba-safety {padding:0 2px;margin:14px 0;color:var(--muted);font-size:11px;line-height:1.7}
body.mini-app .ba-safety summary {min-height:44px;display:list-item;padding:11px 2px;cursor:pointer;font-size:12px;color:var(--ink);font-weight:600}
body.mini-app .ba-safety ul {padding-left:18px;margin:4px 0 12px}
body.mini-app .ba-safety li {margin:5px 0}
body.mini-app .ba-safety label {display:flex;align-items:flex-start;gap:9px;line-height:1.6;min-height:44px;margin:10px 0}
body.mini-app .ba-safety input[type=checkbox] {flex:none;width:19px;height:19px;min-height:0;margin-top:2px;accent-color:var(--accent)}
body.mini-app .ba-history {margin:14px 0}
body.mini-app .ba-history .wo-entry {width:100%;min-height:62px}
body.mini-app .ba-round-result {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
body.mini-app .ba-round-result>* {flex:1 1 72px;min-width:0;background:rgba(232,243,216,.05);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;font-size:11px;color:var(--muted)}
body.mini-app .ba-round-result strong,body.mini-app .ba-round-result b {display:block;color:var(--ink);font-size:23px;line-height:1.4;font-variant-numeric:tabular-nums}
body.mini-app .ba-error {color:#ffe1ba;font-size:12px;line-height:1.6;margin:10px 0}
body.mini-app .ba-error:empty {display:none}
body.mini-app :is(.ba-kind-picker,.ba-session,.ba-hero,.ba-history,.ba-safety) :is(button,a,input,select,summary):focus-visible {outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px) {
  body.mini-app .ba-session {padding:14px}
  body.mini-app .ba-session-head {min-height:36px}
  body.mini-app .ba-session-head>button {min-height:44px}
  body.mini-app .ba-orbit {width:min(61vw,238px);margin:4px auto 6px}
  body.mini-app .ba-instruction {margin:6px 0 10px}
  body.mini-app .ba-controls {gap:7px;margin-top:8px}
}
@media(max-height:730px) and (max-width:600px) {
  body.mini-app .ba-orbit {width:min(52vw,190px)}
  body.mini-app .ba-clock {font-size:52px}
  body.mini-app .ba-cue {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  body.mini-app .ba-halo {transform:scale(.86)!important;will-change:auto}
  body.mini-app .ba-session *,body.mini-app .ba-session *:before,body.mini-app .ba-session *:after {animation:none!important;transition:none!important}
}
@media(prefers-reduced-transparency:reduce) {
  body.mini-app .ba-session,body.mini-app .ba-hero {background:#343e2e;-webkit-backdrop-filter:none;backdrop-filter:none}
}

body.mini-app .ba-protocol>:nth-child(2) b{font-size:14px;letter-spacing:0;line-height:1.4;overflow-wrap:normal}
body.mini-app .ba-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.6;margin:14px 0}
body.mini-app .ba-consent input{flex:none;margin-top:3px;width:18px;height:18px;min-height:0}

body.mini-app .ba-new-home{margin:0 0 16px}

body.mini-app .bc-trend,body.mini-app .bc-comparison,body.mini-app .bc-activity{margin-bottom:14px;padding:16px}
body.mini-app .bc-trend>.panel-title{flex-wrap:wrap;gap:8px;margin-bottom:12px}
body.mini-app .bc-ranges{display:flex;border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px}
body.mini-app .bc-ranges button{min-width:44px;min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;padding:5px}
body.mini-app .bc-ranges .active{background:var(--accent);color:#1b210e}
body.mini-app .bc-summary{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:8px 0 18px}
body.mini-app .bc-summary>div{min-width:0}
body.mini-app .bc-summary small,body.mini-app .bc-summary span{display:block;color:var(--muted);font-size:10px;line-height:1.5}
body.mini-app .bc-summary strong{display:block;font-size:36px;line-height:1.3;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:5px 0}
body.mini-app .bc-summary em{font-size:12px;font-style:normal;letter-spacing:0;font-weight:500}
body.mini-app .bc-filters{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}
body.mini-app .bc-filters label{font-size:10px;color:var(--muted);min-width:0}
body.mini-app .bc-filters select{width:100%;min-height:44px;font-size:16px;margin-top:5px;padding:8px}
body.mini-app .bc-chart{margin:15px 0 4px}
body.mini-app .bc-chart svg{display:block;width:100%;height:auto;overflow:visible}
body.mini-app .bc-chart text{fill:var(--muted);font:12px system-ui,sans-serif}
body.mini-app .bc-grid{stroke:var(--line);stroke-width:1}
body.mini-app .bc-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
body.mini-app .bc-area{fill:var(--accent);opacity:.055}
body.mini-app .bc-dot{fill:var(--accent);stroke:#35402d;stroke-width:2}
body.mini-app .bc-point.selected .bc-dot{fill:var(--ink);stroke:var(--accent);stroke-width:2}
body.mini-app .bc-hit{fill:transparent;cursor:pointer;pointer-events:all}
body.mini-app .bc-point:focus .bc-dot{stroke:var(--ink);stroke-width:4}
body.mini-app .bc-chart figcaption,body.mini-app .bc-context{font-size:10px;color:var(--muted);line-height:1.6;margin-top:10px}
body.mini-app .bc-empty{padding:32px 0;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}
body.mini-app .bc-empty strong{color:var(--ink);font-size:16px}
body.mini-app .bc-round-row{margin:14px 0}
body.mini-app .bc-round-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;font-size:12px}
body.mini-app .bc-round-row strong{font-size:19px;font-variant-numeric:tabular-nums}
body.mini-app .bc-round-track{position:relative;height:12px;margin:7px 0;border-radius:8px;background:rgba(238,245,220,.055)}
body.mini-app .bc-round-track i{position:absolute;left:0;top:0;height:100%;border-radius:8px}
body.mini-app .bc-previous{background:rgba(236,244,225,.32)}
body.mini-app .bc-round-track .bc-current{top:3px;height:6px;background:var(--accent)}
body.mini-app .bc-round-row small{font-size:10px;color:var(--muted)}
body.mini-app .bc-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:12px}
body.mini-app .bc-days button{min-height:44px;min-width:0;border:1px solid var(--line);border-radius:8px;background:rgba(236,244,225,.03);color:var(--muted);padding:5px 1px}
body.mini-app .bc-days .recorded{background:rgba(213,255,67,.15);border-color:rgba(213,255,67,.45);color:var(--accent)}
body.mini-app .bc-days small,body.mini-app .bc-days i{display:block;font-size:10px;font-style:normal;line-height:1.4}
body.mini-app .bc-days i{font-weight:700}
body.mini-app .bc-activity .panel-title>span{font-size:11px;color:var(--muted)}

body.mini-app .bc-session-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}
body.mini-app .bc-session-nav button{min-width:44px;min-height:44px}
body.mini-app .bc-session-nav span{font-size:11px;color:var(--muted)}

.nt-card{margin-top:16px}.nt-macros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nt-macros span,.nt-macros b{display:block}.nt-macros span,.nt-note,.nt-settings small{font-size:12px;opacity:.7}.nt-macros b{font-size:24px;font-variant-numeric:tabular-nums}.nt-macros b small{font-size:12px;font-weight:400;opacity:.65}.nt-track{height:5px;background:#ffffff18;border-radius:9px;margin-top:8px;overflow:hidden}.nt-track i{display:block;height:100%;background:#d6ff40;border-radius:9px}.nt-note{line-height:1.6}.nt-switch{width:56px;height:32px;min-width:56px;border-radius:30px;background:#ffffff20;border:1px solid #ffffff30;padding:4px;cursor:pointer}.nt-switch i{display:block;width:22px;height:22px;border-radius:50%;background:#ccc;transition:transform .2s}.nt-switch[aria-checked=true]{background:#d6ff40}.nt-switch[aria-checked=true] i{transform:translateX(23px);background:#242924}.nt-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nt-check{display:flex;gap:12px;align-items:center;margin:20px 0;min-height:44px}.nt-check input{width:20px;height:20px}.nt-entries article{border-bottom:1px solid #ffffff20;padding:18px 0;overflow-wrap:anywhere}.nt-entries small{display:block;opacity:.65;margin-top:6px}.nt-entry-actions{display:flex;gap:12px;flex-wrap:wrap}.nt-entry-actions button,.nt-favorite button{background:none;border:0;color:inherit;min-height:44px;cursor:pointer}.nt-entry-actions button{font-size:12px;text-decoration:underline}.nt-week{margin-top:24px}.nt-chart{display:flex;gap:8px;align-items:end}.nt-chart button{flex:1;min-width:0;background:none;color:inherit;border:0;padding:0;cursor:pointer}.nt-chart b,.nt-chart small{display:block;font-size:10px;margin-top:6px}.nt-column{height:90px;display:flex;align-items:end;justify-content:center}.nt-column i{width:65%;border-radius:8px;background:#ffffff40;min-width:8px}.nt-column i.complete{background:#d6ff40}.nt-favorites{margin-top:24px}.nt-favorite{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff20}.nt-favorite[hidden]{display:none}.nt-favorite button:first-child{text-align:left;flex:1;overflow-wrap:anywhere}.nt-favorite small{opacity:.6}.ma-brand{text-decoration:none;color:inherit;min-height:44px;display:flex;align-items:center}.nt-onboard{margin-top:20px}.nt-settings .panel-title{align-items:center}
.nt-card .nt-note{margin:12px 0}.nt-settings p{margin:10px 0}.nt-favorites input[type=search]{width:100%}