@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.lucide{width:17px;height:17px;flex-shrink:0;vertical-align:middle;stroke-width:1.7}.primary .lucide,.outline .lucide{margin-right:5px}.page-heading .primary{white-space:nowrap}nav .lucide{width:16px;height:16px}button:disabled{opacity:.55;cursor:wait}
.strap-panel{border-bottom:1px solid var(--line);padding:22px 0}.strap-panel .section-head{gap:14px;flex-wrap:wrap}.strap-live{display:flex;align-items:center;flex-wrap:wrap;gap:20px;min-height:58px}.strap-live strong{font-size:34px;font-variant-numeric:tabular-nums}.strap-live span{font-size:12px;color:#687b70}#live-rr{overflow-wrap:anywhere;max-width:100%}input[readonly]{background:#eef3ef;color:#52675a}.strap-panel .notice{min-height:50px}
:root{font-family:'DM Sans',sans-serif;color:#242d2b;background:#f6f8f7;font-synthesis:none;--green:#24765b;--muted:#76817c;--line:#e2e8e4}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #92c4ac;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--line);padding:37px 24px;display:flex;flex-direction:column}.brand{font-family:Manrope,sans-serif;font-size:39px;font-weight:800;text-decoration:none;color:#233e32}.brand span{color:#70a98c;font-size:14px;margin-left:4px}.workspace{font-size:10px;letter-spacing:1.7px;color:#909a94;margin:53px 12px 17px}nav{display:grid;gap:9px}nav button{text-align:left;border-radius:6px;padding:14px 12px;display:flex;gap:12px;align-items:center;color:#737d77}nav button.active{background:#eaf3ed;color:#246446;font-weight:600}nav button:hover{background:#f0f5f2}.aside-bottom{margin-top:auto;font-size:11px;color:#77857a}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78a88a;margin-right:6px}#account{border-top:1px solid var(--line);margin-top:23px;padding-top:19px;font-size:13px}main{margin-left:242px;padding:0 42px}header{height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}header>div{display:flex;gap:20px;align-items:center}.outline{border:1px solid #d9e1db;border-radius:5px;padding:9px 15px;background:#fff;color:#39493f}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:36px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#729181;text-transform:uppercase}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:29px;margin:8px 0 9px;font-weight:800}p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}h2{font-size:18px;margin:0 0 8px}h3{font-size:14px;margin:0 0 9px}.primary{background:var(--green);color:#fff;padding:13px 19px;border-radius:5px;font-weight:600;font-size:12px}.primary:hover{background:#195c46}.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;background:#edf1ed;border:1px solid #dce5de;font-size:12px;margin-bottom:24px;border-radius:5px}.demo-banner button{color:var(--green);font-weight:700;white-space:nowrap}.overview{display:grid;grid-template-columns:1.65fr 1fr;border:1px solid #dbe4dc;border-radius:7px;overflow:hidden;background:#eaf2ec;min-height:218px}.readiness{padding:28px 30px;display:flex;gap:27px;align-items:center}.ring{width:119px;height:119px;flex-shrink:0;border-radius:50%;background:conic-gradient(#398562 0 78%,#d5e3d8 78%);display:grid;place-items:center}.ring>div{background:#eaf2ec;width:101px;height:101px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring strong{font-family:Manrope;font-size:26px}.ring small{font-size:10px;color:#66816d}.badge{display:inline-block;font-size:10px;padding:5px 8px;border-radius:4px;background:#d7e8dc;color:#397754;margin-bottom:10px}.readiness h2{font-size:23px}.readiness p{max-width:330px;color:#6b7c70}.training-photo{position:relative;background:linear-gradient(90deg,rgba(28,49,34,.12),rgba(28,49,34,.25)),url('https://images.unsplash.com/photo-1476480862126-209bfaa8edc8?auto=format&fit=crop&w=900&q=85') center 47%/cover;min-height:218px;display:flex;align-items:flex-end;padding:23px}.training-photo p,.training-photo h3{color:white;text-shadow:0 1px 5px #243c29}.training-photo h3{font-size:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 29px}.metric{background:#fff;border:1px solid var(--line);border-radius:6px;padding:21px}.metric-label{font-size:11px;color:#77837c}.metric strong{display:inline-block;font-size:30px;font-family:Manrope;margin:11px 3px 9px 0}.metric small{font-size:11px;color:#95a097}.metric .meta{font-size:10px;color:#6d8a76}.columns{display:grid;grid-template-columns:1.8fr 1fr;gap:25px}.section{border-top:1px solid var(--line);padding-top:23px;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.segmented{display:flex;background:#eaf0ec;padding:3px;border-radius:5px}.segmented button{font-size:10px;padding:6px 10px;border-radius:3px}.segmented .selected{background:#fff;box-shadow:0 1px 4px #0000000d}.chart-wrap{height:224px;position:relative}canvas{display:block;width:100%;height:100%}.legend{display:flex;gap:18px;font-size:10px;color:#7c8980;margin:12px 0 24px}.legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#438568;margin-right:6px}.legend span+span:before{background:#d2a374}.tip{display:flex;gap:14px;margin:20px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}.tip-icon{color:#698e76;font-size:20px;width:26px}.tip p{font-size:12px}.tip h3{font-size:12px}.subtle{font-size:11px;color:#909a93}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8a948e;font-size:10px;font-weight:500}td,th{padding:16px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td:first-child,th:first-child{padding-left:0}footer{border-top:1px solid var(--line);margin-top:36px;padding:23px 0;display:flex;justify-content:space-between;font-size:10px;color:#99a29c}footer a{color:#7b8d81;text-decoration:none}dialog{border:1px solid var(--line);border-radius:8px;width:420px;max-width:calc(100% - 30px);padding:30px}dialog::backdrop{background:#1b2e2855;backdrop-filter:blur(3px)}.close{position:absolute;right:15px;top:12px;font-size:25px}dialog h2{margin-top:24px}label{display:grid;gap:8px;font-size:12px;color:#57685d;margin:17px 0}input,select,textarea{width:100%;border:1px solid #d7e0da;border-radius:5px;padding:12px;background:#fff;color:#263b2f}textarea{resize:vertical}dialog .primary{width:100%;margin-top:8px}.text-button{font-size:12px;color:var(--green);padding:15px 0}.error{color:#ad493f;margin:10px 0}.form-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:50px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check{display:flex;align-items:center;line-height:1.6}.check input{width:auto}.timer{padding:30px 0;border-bottom:1px solid var(--line);margin-bottom:22px}.timer strong{font-family:Manrope;font-size:58px;display:block;margin:13px 0}.timer button{margin:15px 10px 0 0}.empty{padding:50px 20px;text-align:center;color:#7c8b81}.notice{padding:16px 0;font-size:11px;line-height:1.8;color:#87928b}.delete{color:#a76559;font-size:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#234c39;color:#fff;padding:12px 22px;border-radius:5px;font-size:13px;display:none;z-index:10}[hidden]{display:none!important}@media(min-width:1500px){main{max-width:1450px;margin-right:auto}}@media(max-width:1100px){aside{width:205px;padding:30px 17px}main{margin-left:205px;padding:0 25px}.readiness{padding:24px;gap:18px}.ring{width:90px;height:90px}.ring>div{width:76px;height:76px}.readiness h2{font-size:19px}.metrics{gap:10px}.metric{padding:16px}.columns{grid-template-columns:1.5fr 1fr}}@media(max-width:760px){aside{position:relative;width:100%;padding:14px 18px;border-bottom:1px solid var(--line);border-right:0}.brand{font-size:30px}.workspace,.aside-bottom{display:none}nav{display:flex;margin-top:14px;gap:5px;overflow:auto}nav button{padding:10px;font-size:11px;white-space:nowrap;gap:6px}main{margin:0;padding:0 18px}header{height:64px}header>span{display:none}header>div{width:100%;justify-content:space-between}.page-heading{margin:25px 0 20px;align-items:flex-start;gap:10px}h1{font-size:25px}.page-heading .primary{padding:12px;font-size:11px}.page-heading p{font-size:12px}.overview{grid-template-columns:1fr}.training-photo{min-height:155px;background-position:center 48%}.readiness{padding:23px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:25px}.metric strong{font-size:27px}.columns,.form-layout{grid-template-columns:1fr;gap:25px}.demo-banner{font-size:10px}.section-head h2{font-size:16px}.fields{gap:0 13px}footer{gap:15px;line-height:1.7}.ring strong{font-size:22px}}

body.test-open{overflow:hidden}
#test-dialog{position:fixed;inset:0;margin:auto;width:560px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:0;overflow:hidden;color:#242d2b}
#test-dialog[open]{display:flex;flex-direction:column}
#test-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 20px;scroll-padding:12px}
#test-dialog .close{top:7px;right:10px;z-index:2;width:32px;height:32px;background:#fff;border-radius:50%;line-height:1}
#test-dialog .eyebrow{font-size:9px;padding-right:28px}
#test-dialog h2{margin:5px 28px 4px 0;font-size:21px}
#test-dialog h3{font-size:15px;margin:4px 0}
#test-dialog p{font-size:12px;line-height:1.45}
#test-dialog .test-steps{display:flex;gap:10px;list-style:none;padding:0;margin:12px 0;font-size:11px;color:var(--muted)}
#test-dialog .test-steps li{flex:1;border-bottom:2px solid var(--line);padding-bottom:6px}
#test-dialog .test-steps [aria-current]{color:var(--green);font-weight:700;border-color:var(--green)}
#test-dialog label{margin:8px 0;gap:5px;font-size:12px}
#test-dialog input,#test-dialog select,#test-dialog textarea{padding:8px;min-width:0;font-size:14px}
#test-dialog .fields{gap:0 12px;grid-template-columns:1fr 1fr}
#test-dialog .check{font-size:11px;line-height:1.4}
#test-dialog .optional-note{margin:10px 0;font-size:12px;color:#57685d}
#test-dialog summary{cursor:pointer}
#test-dialog .primary,#test-dialog .outline{padding:10px 12px}
#test-dialog .timer{margin:0;padding:12px 0 0;border:0}
#test-dialog .timer strong{font-size:44px;margin:6px 0}
#test-dialog .timer button{margin:6px 0 0}
#test-dialog .timer .outline{width:100%}
#test-dialog .strap-panel{padding:0 0 8px}
#test-dialog .strap-panel .section-head{margin-bottom:4px}
#test-dialog .strap-live{min-height:38px;gap:14px}
#test-dialog .strap-live strong{font-size:27px}
#test-dialog .strap-panel .notice{min-height:0}
#test-dialog .notice{padding:8px 0;font-size:11px;line-height:1.45;color:#52675a}
#test-dialog .text-button{padding:7px 0;font-size:11px}
#test-dialog .badge{margin:0;padding:4px 7px}
#test-result{margin:0;padding:0;border:0}
#test-dialog .result-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#test-dialog .result-metrics input{font-size:22px;font-weight:600;padding:10px 6px}
#test-dialog .hrv-details{font-size:12px;margin:10px 0}
#test-dialog .test-actions{position:sticky;bottom:-18px;background:#fff;padding:4px 0 8px}
#test-dialog .error:empty{display:none}
#test-dialog button:disabled{cursor:not-allowed}
.analysis-label{display:block;color:var(--green);font-size:10px;margin-top:4px}
td details{white-space:normal;min-width:140px;max-width:300px}td .text-button{display:block;padding:5px 0}
@media(max-width:380px){#test-content{padding:14px 12px}#test-dialog .fields{gap:8px}#test-dialog .result-metrics label{font-size:10px}#test-dialog .result-metrics input{font-size:19px}}

.delete{font-size:12px;display:inline-flex;align-items:center;gap:5px}

.test-launchers{display:flex;gap:10px;flex-shrink:0}.test-launchers button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.account-settings{max-width:560px}.account-settings p+p{margin-top:5px}.account-settings .outline{margin-top:18px}.account-actions{display:flex;gap:10px;margin-top:18px}
@media(max-width:760px){.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.test-launchers{width:100%;display:grid;grid-template-columns:1fr 1fr}.test-launchers button{white-space:normal;min-height:46px}.account-actions button{flex:1}}

.logged-out aside,.logged-out header,.logged-out main>footer{display:none}.logged-out main{margin:0;padding:0;max-width:none}.logged-out #content{min-height:100vh;display:grid;place-items:center;padding:48px 24px;background:radial-gradient(ellipse at 78% 12%,#e3efe7 0,transparent 38%),#f6f8f7}.welcome{width:min(100%,980px);display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}.welcome-copy h1{font-size:58px;letter-spacing:-2px;margin:14px 0 4px}.welcome-copy h2{font-size:24px;line-height:1.35;max-width:520px;margin:0 0 16px}.welcome-copy>p{font-size:15px;max-width:510px}.welcome-actions{display:flex;gap:12px;margin:26px 0 14px}.welcome-actions button{min-width:140px}.welcome-copy>small{font-size:11px;color:#89948d}.welcome-features{display:grid;gap:12px}.welcome-features article{display:flex;align-items:flex-start;gap:15px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:7px}.welcome-features article>.lucide{color:var(--green);margin-top:2px;width:20px;height:20px}.welcome-features h3{margin-bottom:5px}.welcome-features p{font-size:12px}@media(max-width:760px){.logged-out #content{padding:32px 20px;place-items:start center}.welcome{grid-template-columns:1fr;gap:30px;max-width:480px}.welcome-copy h1{font-size:46px}.welcome-copy h2{font-size:21px}.welcome-actions button{flex:1;min-width:0}}

:root[data-theme="forest"]{--green:#24765b;--green-hover:#195c46;--accent-soft:#eaf3ed;--ring-accent:#398562;--ring-track:#d5e3d8;--ring-inner:#eaf2ec;--badge-bg:#d7e8dc;--badge-text:#397754;--chart-primary:#3e8667;--chart-secondary:#c89a6a}
:root[data-theme="cocoa"]{--green:#80513c;--green-hover:#603b2c;--accent-soft:#f0e7e1;--ring-accent:#96694e;--ring-track:#e5d8ce;--ring-inner:#f4ece6;--badge-bg:#ead8cc;--badge-text:#70462f;--chart-primary:#80513c;--chart-secondary:#c48a62}
:root[data-theme="caramel"]{--green:#a66a2d;--green-hover:#805020;--accent-soft:#f5eddf;--ring-accent:#b87d3e;--ring-track:#eadcc5;--ring-inner:#f7f0e5;--badge-bg:#efe0c8;--badge-text:#785020;--chart-primary:#a66a2d;--chart-secondary:#7f7252}
:root[data-theme="ocean"]{--green:#32758a;--green-hover:#24596b;--accent-soft:#e6f1f4;--ring-accent:#43899c;--ring-track:#d3e5e9;--ring-inner:#eaf3f5;--badge-bg:#d8e9ed;--badge-text:#326b7a;--chart-primary:#32758a;--chart-secondary:#ba8d61}
:root[data-theme="lavender"]{--green:#795b8c;--green-hover:#5e446f;--accent-soft:#f0eaf4;--ring-accent:#8a6b9e;--ring-track:#e3d9e9;--ring-inner:#f3edf5;--badge-bg:#e6dcec;--badge-text:#654b77;--chart-primary:#795b8c;--chart-secondary:#bd886f}
nav button.active{background:var(--accent-soft);color:var(--green)}.primary:hover{background:var(--green-hover)}.badge{background:var(--badge-bg);color:var(--badge-text)}.ring{background:conic-gradient(var(--ring-accent) 0 78%,var(--ring-track) 78%)}.ring>div{background:var(--ring-inner)}.legend span:before{background:var(--chart-primary)}.legend span+span:before{background:var(--chart-secondary)}.theme-setting{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);max-width:420px}.theme-setting label{margin:0 0 9px;font-weight:600}.theme-setting p{font-size:11px;margin-top:8px}

.sidebar-account{border-top:1px solid var(--line);margin-top:auto;padding-top:17px;font-size:12px}.sidebar-user{display:flex;gap:10px;align-items:flex-start;min-width:0}.sidebar-user>.lucide{color:var(--green);flex-shrink:0;margin-top:2px}.sidebar-user>div{display:grid;gap:3px;min-width:0}.sidebar-user strong,.sidebar-user small{overflow-wrap:anywhere}.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:10px;color:var(--muted)}.sidebar-logout{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;padding:13px 0 0}.sidebar-logout:hover{color:var(--green)}.sidebar-logout .lucide{width:15px;height:15px}.aside-bottom{margin-top:15px}.account-settings #profile-form{max-width:420px;margin-top:16px}.account-settings #profile-form label{margin:0 0 8px}.account-settings #profile-form .primary{margin:12px 0 0}.account-settings .error:empty{display:none}.ring>div{padding:8px;min-width:0;text-align:center}.ring small{display:block;max-width:100%;font-size:9px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}