:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#08090c;--ink-2:#11151b;--panel:#151a22;--panel-2:#1c232d;--line:#2d3643;--muted:#aeb8c5;--soft:#778394;--text:#f8fafc;--red:#f05252;--amber:#f7b955;--green:#45d483;--blue:#58b7ff;--violet:#b894ff;--shadow:0 24px 60px #00000052;background:#08090c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{background:var(--ink);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}img{max-width:100%}a{color:inherit}#root{min-height:100vh}.site{background:linear-gradient(#08090cc7, #08090ceb), image-set(url(/body-type.jpeg) type("image/jpeg")) center top / 1120px auto no-repeat, var(--ink);min-height:100vh}.site-header{justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 40px);min-height:72px;margin:0 auto;display:flex}.brand,.sidebar-brand{align-items:center;gap:12px;display:flex}.brand{color:var(--text);font-size:24px;font-weight:900;text-decoration:none}.brand img,.sidebar-brand img{border-radius:8px;width:42px;height:42px;box-shadow:0 10px 24px #f0525247}.top-nav{background:#10151cdb;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:6px;display:flex}.top-nav a{min-height:38px;color:var(--muted);border-radius:6px;align-items:center;padding:0 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.top-nav a:hover,.top-nav a:focus-visible{color:var(--text);background:#ffffff14}.header-cta,.primary-action,.secondary-action,.logout-button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-weight:900;text-decoration:none;display:inline-flex}.header-cta,.secondary-action{color:var(--text);border-color:var(--line);background:#202732}.primary-action{color:#160c08;background:linear-gradient(135deg, var(--amber), var(--red));border-color:#ffffff1a;box-shadow:0 16px 36px #f052523d}.primary-action:hover,.secondary-action:hover,.header-cta:hover,.logout-button:hover{transform:translateY(-1px)}.wide{width:100%}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);align-items:center;gap:44px;width:min(1180px,100% - 40px);min-height:660px;margin:0 auto;padding:80px 0 110px;display:grid}.hero-copy h1{margin:4px 0 18px;font-size:92px;line-height:.95}.hero-copy p{max-width:680px;color:var(--muted);margin:0;font-size:20px;line-height:1.65}.eyebrow{color:var(--amber);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:900;display:inline-flex}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.hero-device{justify-content:center;display:flex}.phone-frame{width:min(360px,100%);min-height:600px;box-shadow:var(--shadow);background:linear-gradient(#ffffff1a,#ffffff08),#11151b;border:1px solid #ffffff2e;border-radius:32px;padding:18px}.phone-status,.phone-title,.workspace-header,.panel-header,.history-row,.workout-row,.exercise-item,.macro-bar>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.phone-status{min-height:34px;color:var(--muted);font-size:13px;font-weight:800}.phone-title{align-items:flex-start;margin:18px 0}.phone-title span,.metric-pill span,.stat-card span,.field span,.macro-bar span{color:var(--soft);text-transform:uppercase;font-size:12px;font-weight:900}.phone-title strong{margin-top:4px;font-size:28px;display:block}.workout-stack,.exercise-list,.rows,.macro-bars,.form-stack,.page-stack{gap:12px;display:grid}.workout-row,.exercise-item,.history-row{border:1px solid var(--line);background:#1a2029;border-radius:8px;min-height:72px;padding:14px}.workout-row span,.exercise-item span{width:42px;min-width:42px;height:42px;color:var(--amber);background:#f7b9551f;border-radius:8px;place-items:center;font-weight:900;display:grid}.workout-row strong,.exercise-item strong,.history-row strong{display:block}.workout-row small,.exercise-item small,.history-row small,.stat-card small{color:var(--soft)}.workout-row b,.exercise-item b,.history-row b{color:var(--green)}.macro-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.metric-pill{border:1px solid var(--line);background:#202732;border-radius:8px;align-content:center;gap:4px;min-height:72px;padding:12px;display:grid}.metric-pill strong{font-size:19px}.feature-band,.split-band,.access-band,.privacy-band,.support-band{border-top:1px solid #ffffff14;width:min(1180px,100% - 40px);margin:0 auto;padding:76px 0}.section-title{max-width:720px}.section-title h2,.workspace-header h2,.summary-panel h3,.panel-header h3{margin:0}.section-title h2{font-size:42px;line-height:1.08}.section-title>p:last-child{color:var(--muted);margin:14px 0 0;line-height:1.65}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.feature-card,.data-panel,.stat-card,.summary-panel,.auth-panel,.privacy-card,.privacy-summary,.support-form,.nutrition-visual{border:1px solid var(--line);background:#151a22eb;border-radius:8px;box-shadow:0 18px 42px #00000029}.feature-card{min-height:220px;padding:24px}.feature-card svg{color:var(--amber)}.feature-card h3{margin:18px 0 10px;font-size:22px}.feature-card p,.summary-panel p,.panel-header p,.empty-state{color:var(--muted);line-height:1.55}.split-band,.access-band{grid-template-columns:minmax(0,.95fr) minmax(320px,.85fr);align-items:center;gap:34px;display:grid}.check-list{gap:12px;margin-top:24px;display:grid}.check-list span{color:var(--muted);align-items:center;gap:10px;font-weight:800;display:flex}.check-list svg{color:var(--green)}.nutrition-visual{overflow:hidden}.nutrition-visual img{object-fit:cover;width:100%;height:360px;display:block}.visual-caption{gap:6px;padding:18px;display:grid}.visual-caption span{color:var(--muted)}.privacy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.privacy-card,.privacy-summary{padding:22px}.privacy-card.large{grid-column:1/-1}.privacy-card h3,.privacy-summary h3{margin:0 0 10px;font-size:20px}.privacy-card p{color:var(--muted);margin:0;line-height:1.62}.privacy-summary{margin-top:16px}.privacy-list{gap:12px;display:grid}.privacy-list span{color:var(--muted);line-height:1.58;display:block}.privacy-list strong{color:var(--text)}.auth-panel,.support-form{padding:22px}.segmented{border:1px solid var(--line);background:#10151c;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:6px;display:grid}.segmented button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:900}.segmented button.active{color:var(--text);background:#253040}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:7px;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#0f141b;border-radius:8px;outline:0;padding:10px 12px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f7b95524}.form-status,.notice{border-radius:8px;margin:0;padding:12px 14px;font-weight:800}.form-status.error,.notice{color:#ffd7d7;background:#f052521f;border:1px solid #f052523d}.form-status.success{color:#d8ffe6;background:#45d4831f;border:1px solid #45d4833d}.site-footer{width:min(1180px,100% - 40px);min-height:86px;color:var(--soft);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;font-size:14px;display:flex}.app-shell{background:#0b0d11;grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#11151c;flex-direction:column;min-height:100vh;padding:18px;display:flex;position:sticky;top:0}.sidebar-brand{min-height:62px}.sidebar-brand strong{font-size:20px;display:block}.sidebar-brand span{max-width:180px;color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.side-nav{gap:8px;margin-top:24px;display:grid}.side-nav button,.logout-button{width:100%;min-height:46px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-weight:900;display:flex}.side-nav button.active,.side-nav button:hover{color:var(--text);border-color:var(--line);background:#202732}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.logout-button{color:#ffd7d7;background:#f0525214;justify-content:center}.workspace{min-width:0;padding:24px}.workspace-header{border:1px solid var(--line);background:#151a22;border-radius:8px;min-height:76px;margin-bottom:18px;padding:16px 18px}.workspace-header span{color:var(--green);text-transform:uppercase;font-size:13px;font-weight:900}.workspace-header h2{margin-top:3px;font-size:30px}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--text);background:#202732;border-radius:8px;place-items:center;display:grid}.menu-button,.close-drawer{display:none}.workspace-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.workspace-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-panel{grid-column:1/-1}.summary-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:190px;padding:28px;display:grid}.summary-panel h3{font-size:40px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:360px;display:grid}.stat-card{align-content:start;gap:9px;min-height:168px;padding:20px;display:grid}.stat-card svg{color:var(--blue)}.stat-card strong{font-size:34px}.data-panel{grid-column:span 2;padding:20px}.panel-header{justify-content:flex-start;margin-bottom:16px}.panel-header svg{color:var(--amber)}.panel-header h3{font-size:22px}.panel-header p{margin:2px 0 0}.exercise-list.compact{max-height:260px;overflow:auto}.macro-bars{gap:16px}.macro-bar meter{width:100%;height:14px;accent-color:var(--green)}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:8px;place-items:center;min-height:110px;margin:0;display:grid}.loading-panel{border:1px solid var(--line);text-align:center;background:#151a22;border-radius:8px;align-content:center;place-items:center;gap:12px;min-height:360px;display:grid}.loading-panel h3{margin:0}.loading-panel p{max-width:520px;color:var(--muted);margin:0}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.top-nav{display:none}.hero-section,.split-band,.access-band{grid-template-columns:1fr}.hero-section{padding-top:42px}.hero-copy h1{font-size:70px}.feature-grid,.privacy-grid,.workspace-grid,.workspace-grid.two-cols{grid-template-columns:1fr}.data-panel{grid-column:auto}.app-shell{grid-template-columns:1fr}.sidebar{z-index:30;width:min(320px,100vw - 36px);box-shadow:var(--shadow);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-104%)}.sidebar.open{transform:translate(0)}.menu-button,.close-drawer{display:grid}.workspace-header{grid-template-columns:auto minmax(0,1fr) auto}.summary-panel{grid-template-columns:1fr}.hero-metrics{min-width:0}}@media (width<=640px){.site-header,.hero-section,.feature-band,.split-band,.privacy-band,.access-band,.support-band,.site-footer{width:min(100% - 28px,1180px)}.header-cta{padding:0 12px}.hero-section{gap:28px;min-height:auto;padding-bottom:74px}.hero-copy h1{font-size:52px}.hero-copy p{font-size:17px}.hero-actions,.site-footer{flex-direction:column;align-items:stretch}.hero-actions a,.site-footer span{width:100%}.phone-frame{min-height:560px}.section-title h2{font-size:32px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.workspace{padding:14px}.workspace-header{gap:10px;padding:12px}.workspace-header .secondary-action{width:44px;padding:0;font-size:0}.workspace-header h2{font-size:24px}.summary-panel h3{font-size:30px}.hero-metrics,.macro-strip{grid-template-columns:1fr}}
