:root{color:#f7f8f8;font-synthesis:none;text-rendering:optimizelegibility;--base:#101518;--surface:#171d20;--surface-raised:#20282b;--surface-soft:#263034;--line:#3b4549;--muted:#879399;--soft:#c8d0d1;--white:#f7f8f8;--teal:#00f19f;--recovery-high:#16ec06;--recovery-mid:#ffde00;--recovery-low:#ff0026;--strain:#0093e7;--sleep:#7ba1bb;--recovery-blue:#67aee6;background:#101518;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--base)}body{background:linear-gradient(135deg,#283339 0%,#101518 46%);min-width:320px;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.app-shell{background:linear-gradient(135deg,#1e292d 0%,#101518 42% 100%);min-height:100vh;display:flex}.app-main{flex:1;min-width:0;padding:0 38px 90px 34px}.sidebar{background:#101518cc;border-right:1px solid #ffffff0d;flex-direction:column;flex:0 0 252px;width:252px;padding:34px 22px 24px;display:flex}.brand-mark{min-height:34px;color:var(--white);align-items:center;gap:12px;display:flex}.brand-mark.compact{gap:9px}.brand-puck{border:1.5px solid var(--white);border-radius:50%;width:25px;height:25px;display:block;position:relative}.brand-puck:after{content:"";background:var(--teal);border-radius:50%;width:7px;height:7px;position:absolute;inset:7px}.whoop-wordmark{letter-spacing:.14em;font-size:16px;font-weight:800;line-height:1}.whoop-wordmark small{color:var(--teal);letter-spacing:.1em;vertical-align:2px;margin-left:4px;font-size:8px}.sidebar-section-label{color:#758085;letter-spacing:.16em;margin:60px 13px 14px;font-size:9px;font-weight:800}.side-nav{gap:4px;display:grid}.side-nav button{min-height:46px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:0 13px;font-size:13px;transition:background .2s,color .2s;display:flex;position:relative}.side-nav button:hover{color:var(--white);background:#ffffff08}.side-nav button.active{color:var(--white);background:#ffffff10}.side-nav button.active>i{background:var(--teal);border-radius:3px;width:3px;height:18px;position:absolute;right:0}.sidebar-bottom{gap:22px;margin-top:auto;display:grid}.sidebar-device,.sidebar-user{align-items:center;gap:10px;display:flex}.sidebar-device{background:#ffffff05;border:1px solid #ffffff10;border-radius:10px;padding:13px 10px}.device-puck{border:1px solid var(--teal);border-radius:50%;width:23px;height:23px;box-shadow:inset 0 0 0 5px #00f19f14}.sidebar-device>div,.sidebar-user>div{gap:5px;min-width:0;display:grid}.sidebar-device strong,.sidebar-user strong{color:var(--soft);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar-device span,.sidebar-user span{color:var(--muted);font-size:10px}.sidebar-device span i,.setting-status i{background:var(--teal);border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.sidebar-device>b{color:var(--muted);margin-left:auto;font-size:16px;font-weight:400}.sidebar-user{padding:0 8px}.sidebar-user button{color:var(--muted);background:0 0;border:0;margin-left:auto}.topbar{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:96px;display:flex}.mobile-brand{display:none}.topbar-date{color:var(--muted);letter-spacing:.16em;font-size:10px;font-weight:800}.topbar-actions{align-items:center;gap:20px;display:flex}.system-status,.status-copy{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:800}.status-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 4px #00f19f14}.topbar-sync{color:var(--white);letter-spacing:.1em;background:0 0;border:1px solid #ffffff21;border-radius:6px;padding:10px 16px;font-size:10px;font-weight:800}.topbar-sync:hover{border-color:var(--teal);color:var(--teal)}.topbar-sync:disabled{cursor:wait;opacity:.5}.avatar{background:var(--teal);color:#07120e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;font-weight:900;display:inline-flex}.mobile-avatar{display:none}main{max-width:1420px;margin:0 auto;padding:45px 0 30px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:33px;display:flex}.eyebrow,.card-kicker{color:var(--muted);letter-spacing:.18em;font-size:10px;font-weight:800}.welcome-row h1,.page-heading h1{color:var(--white);letter-spacing:-.06em;margin:10px 0 8px;font-size:clamp(30px,4vw,50px);font-weight:600;line-height:.98}.welcome-row p,.page-heading p{color:var(--soft);margin:0;font-size:14px;line-height:1.5}.welcome-meta{justify-items:end;gap:12px;display:grid}.today-chip{color:var(--soft);letter-spacing:.13em;border:1px solid #ffffff1c;border-radius:5px;padding:7px 10px;font-size:9px;font-weight:800}.today-chip b{color:var(--teal);margin-left:8px}.status-copy{letter-spacing:.08em;font-size:9px}.score-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.score-card,.trend-card,.coach-panel{background:linear-gradient(145deg,#253034 0%,#1a2225 100%);border:1px solid #ffffff16;border-radius:11px;overflow:hidden;box-shadow:0 18px 44px #0000001a}.score-card{min-height:270px;padding:20px;transition:border-color .2s,transform .2s}.score-card:hover,.score-card.focused{border-color:#ffffff40;transform:translateY(-2px)}.score-card.focused{box-shadow:0 0 0 1px #00f19f66,0 18px 55px #0000002b}.score-card-header{color:var(--soft);letter-spacing:.16em;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.quiet-icon{color:var(--muted);background:0 0;border:0;font-size:17px}.score-body{align-items:center;gap:19px;min-height:164px;display:flex}.score-ring{flex:0 0 126px;width:126px;height:126px;position:relative}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-value{fill:none;stroke-width:6px}.ring-track{stroke:#ffffff12}.ring-value{stroke-linecap:round;transition:stroke-dashoffset .7s}.score-ring.recovery .ring-value{stroke:var(--recovery-high)}.score-ring.sleep .ring-value{stroke:var(--sleep)}.score-ring.strain .ring-value{stroke:var(--strain)}.ring-copy{flex-wrap:wrap;place-content:center;align-items:baseline;padding-top:3px;display:flex;position:absolute;inset:0}.ring-copy strong{color:var(--white);letter-spacing:-.08em;font-size:31px;font-weight:500}.ring-copy span{color:var(--muted);margin-left:3px;font-size:11px}.score-copy{min-width:0}.score-title{color:var(--white);margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.15;display:block}.score-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.score-card-footer{border-top:1px solid #ffffff12;grid-template-columns:1fr auto;gap:8px 12px;padding-top:15px;display:grid}.score-card-footer span{color:var(--muted);letter-spacing:.13em;font-size:9px;font-weight:800}.score-card-footer b{color:var(--soft);text-align:right;font-size:11px;font-weight:600}.sync-bar{background:#00f19f08;border:1px solid #00f19f36;border-radius:8px;align-items:center;gap:14px;margin:18px 0 48px;padding:16px 17px;display:flex}.sync-icon{width:28px;height:28px;color:var(--teal);border:1px solid #00f19f55;border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.sync-bar>div:nth-child(2){min-width:0}.sync-bar strong{color:var(--soft);font-size:12px;font-weight:600}.sync-bar p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.sync-bar button{background:var(--teal);color:#07120e;letter-spacing:.08em;border:0;border-radius:5px;margin-left:auto;padding:10px 15px;font-size:10px;font-weight:900}.sync-bar button:disabled{cursor:wait;opacity:.55}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:17px;display:flex}.section-heading h2{color:var(--white);letter-spacing:-.04em;margin:8px 0 0;font-size:23px;font-weight:500}.section-heading>span{color:var(--muted);letter-spacing:.08em;font-size:10px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-card{background:#192124;border:1px solid #ffffff12;border-radius:9px;min-height:143px;padding:17px}.metric-card.recovery{border-top:2px solid var(--recovery-high)}.metric-card.sleep{border-top:2px solid var(--sleep)}.metric-card.strain{border-top:2px solid var(--strain)}.metric-card.neutral{border-top:2px solid #7b878b}.metric-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-label{color:var(--muted);font-size:10px;line-height:1.25}.metric-dot{width:5px;height:5px;color:var(--muted);background:currentColor;border-radius:50%;flex:none}.metric-value{color:var(--white);letter-spacing:-.07em;margin-top:25px;font-size:29px;font-weight:500}.metric-value small{color:var(--muted);letter-spacing:0;margin-left:4px;font-size:11px}.metric-note{color:#778287;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:9px;overflow:hidden}.trend-card{margin-top:44px;padding:22px}.trend-card .section-heading{margin-bottom:22px}.trend-visual{background:repeating-linear-gradient(#0000 0 30px,#ffffff06 31px);border-bottom:1px solid #ffffff12;align-items:end;gap:2.5%;height:92px;padding:0 4px;display:flex}.trend-visual i{background:linear-gradient(to top, #67aee655, var(--recovery-high));opacity:.75;border-radius:4px 4px 0 0;width:5.5%;min-height:4px;display:block}.trend-empty{padding-top:18px}.trend-empty strong{color:var(--soft);font-size:13px;font-weight:600}.trend-empty p{color:var(--muted);margin:6px 0 0;font-size:12px}.privacy-note{border-top:1px solid #ffffff12;gap:13px;margin:19px 0 0;padding:17px;display:flex}.privacy-note>span{color:var(--teal);font-size:20px}.privacy-note strong{color:var(--soft);font-size:12px;font-weight:600}.privacy-note p{max-width:750px;color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.page-heading{margin:7px 0 35px}.page-heading h1{margin-bottom:11px}.coach-panel{padding:26px}.coach-panel-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.coach-panel-header h2{color:var(--white);letter-spacing:-.06em;margin:9px 0 7px;font-size:28px;font-weight:500}.coach-panel-header p{max-width:560px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.coach-status{color:var(--muted);letter-spacing:.12em;white-space:nowrap;border:1px solid #ffffff14;border-radius:5px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:800;display:flex}.coach-status i{background:var(--muted);border-radius:50%;width:6px;height:6px}.coach-status.online i{background:var(--teal);box-shadow:0 0 10px var(--teal)}.coach-prompts{align-items:center;gap:8px;margin-top:28px;display:flex;overflow-x:auto}.coach-prompts>span{color:var(--muted);white-space:nowrap;font-size:10px}.coach-prompts button{color:var(--soft);white-space:nowrap;background:0 0;border:1px solid #ffffff16;border-radius:5px;padding:8px 11px;font-size:10px}.coach-prompts button:hover{border-color:var(--teal)}.coach-messages{gap:12px;max-height:420px;margin:24px 0 14px;padding:3px;display:grid;overflow-y:auto}.coach-message{background:#101719;border-radius:8px;max-width:76%;padding:14px 16px}.coach-message.user{color:#102018;background:#d8f7e8;justify-self:end}.coach-message span{color:var(--teal);letter-spacing:.14em;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.coach-message.user span{color:#378566}.coach-message p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.coach-typing{color:var(--muted);font-size:11px}.coach-composer{align-items:flex-end;gap:10px;display:flex}.coach-composer textarea{resize:vertical;width:100%;min-height:54px;color:var(--white);background:#101719;border:1px solid #ffffff1f;border-radius:6px;outline:none;padding:13px;font-size:13px}.coach-composer textarea:focus{border-color:var(--teal)}.coach-composer button{background:var(--teal);color:#07120e;border:0;border-radius:6px;padding:14px 18px;font-size:11px;font-weight:900}.coach-composer button:disabled{cursor:not-allowed;opacity:.4}.coach-footnote{color:#68757a;margin-top:12px;font-size:10px;display:block}.more-view .page-heading{margin-bottom:28px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.settings-card{background:#1b2427;border:1px solid #ffffff13;border-radius:10px;gap:16px;min-height:180px;padding:22px;display:flex}.settings-icon{width:31px;height:31px;color:var(--teal);border:1px solid #00f19f55;border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid}.settings-card h2{color:var(--white);letter-spacing:-.04em;margin:9px 0 8px;font-size:19px;font-weight:500}.settings-card p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.setting-status{color:var(--soft);margin-top:18px;font-size:10px;display:block}.signout-secondary{color:var(--soft);background:0 0;border:1px solid #ffffff20;border-radius:5px;margin-top:19px;padding:12px 16px;font-size:11px}.signout-secondary span{color:var(--teal);margin-left:8px}.bottom-nav{display:none}.local-badge{color:var(--muted);letter-spacing:.15em;background:#101719cc;border:1px solid #ffffff14;border-radius:4px;padding:6px 8px;font-size:8px;font-weight:900;position:fixed;bottom:18px;right:19px}.empty-state{text-align:center;background:#ffffff03;border:1px dashed #ffffff24;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:24px;display:flex}.empty-state h3{color:var(--soft);margin:9px 0 5px;font-size:16px;font-weight:500}.empty-state p{max-width:480px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.loading-dots{color:var(--teal);letter-spacing:7px;font-weight:900}.error-message,.setup-warning{border-radius:7px;margin:14px 0;padding:13px 15px;font-size:12px;line-height:1.5}.error-message{color:#ffb7c2;background:#2b171d;border:1px solid #743b48}.setup-warning{color:#f6d77a;background:#2b2515;border:1px solid #665325}.setup-warning p{color:#cbbd8b;margin:4px 0 0}.setup-warning code{color:#fff2b4}.account-gate{background:radial-gradient(circle at 14% 45%,#2b393d 0,#0000 34rem),linear-gradient(135deg,#1e292d 0%,#101518 60%);flex-direction:column;min-height:100vh;padding:34px 6vw 25px;display:flex}.gate-topline{justify-content:space-between;align-items:center;display:flex}.gate-region{color:var(--muted);letter-spacing:.14em;font-size:9px;font-weight:800}.gate-region i{background:var(--teal);border-radius:50%;width:5px;height:5px;margin:0 6px;display:inline-block}.gate-layout{grid-template-columns:1fr 410px;align-items:center;gap:clamp(40px,8vw,130px);width:min(1100px,100%);margin:auto;display:grid}.gate-intro{max-width:610px}.gate-visual{height:74px;margin-bottom:31px;position:relative}.gate-orbit{border:1px solid #00f19f66;border-radius:50%;position:absolute;transform:rotate(-20deg)}.orbit-one{width:122px;height:38px;top:18px;left:4px}.orbit-two{border-color:#ffffff3b;width:55px;height:55px;top:9px;left:40px}.gate-core{background:var(--teal);color:#08150f;border-radius:50%;place-items:center;width:27px;height:27px;font-size:20px;font-weight:300;display:grid;position:absolute;top:23px;left:54px}.gate-intro h1{color:var(--white);letter-spacing:-.085em;margin:15px 0 21px;font-size:clamp(54px,7vw,92px);font-weight:500;line-height:.88}.gate-intro h1 em{color:var(--teal);font-style:normal}.gate-intro>p{max-width:480px;color:var(--soft);margin:0;font-size:15px;line-height:1.55}.gate-proof-row{color:var(--muted);letter-spacing:.08em;gap:23px;margin-top:36px;font-size:10px;display:flex}.gate-proof-row b{color:var(--teal);margin-right:5px;font-weight:500}.account-card{background:#1d2629d9;border:1px solid #ffffff1e;border-radius:10px;padding:31px;box-shadow:0 30px 90px #00000040}.account-card h2{color:var(--white);letter-spacing:-.05em;margin:12px 0 7px;font-size:26px;font-weight:500}.account-lead{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.account-security{background:#00f19f09;border:1px solid #00f19f33;border-radius:7px;gap:12px;margin:24px 0;padding:14px;display:flex}.security-icon{color:var(--teal);font-size:21px}.account-security strong{color:var(--soft);font-size:12px}.account-security p,.account-disclaimer{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}.auth-submit,.google-button{background:var(--teal);color:#07120e;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 15px;font-size:12px;font-weight:900;display:flex}.google-button:disabled{cursor:not-allowed;opacity:.45}.google-g{width:21px;height:21px;color:var(--teal);background:#07120e;border-radius:50%;place-items:center;font-size:11px;display:grid}.account-disclaimer{text-align:center}.account-footer{color:#68757a;text-align:center;margin:0;font-size:10px}.nav-icon{border:1px solid;border-radius:50%;flex:0 0 17px;width:17px;height:17px;display:block;position:relative}.nav-icon:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;inset:5px}.nav-recovery{border-style:dashed}.nav-strain{border-radius:4px;transform:rotate(45deg)scale(.78)}.nav-sleep{border-radius:50% 50% 45% 45%}.nav-coach{border-radius:4px}.nav-coach:after{border-radius:2px;width:5px;height:2px;inset:7px 5px}.nav-more{border:0}.nav-more:after{width:4px;height:4px;inset:7px 0 0 1px;box-shadow:6px 0,12px 0}@media (width<=1050px){.sidebar{flex-basis:220px;width:220px}.app-main{padding-left:24px;padding-right:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.gate-layout{gap:45px}}@media (width<=760px){.account-password-card{grid-column:auto}.app-shell{display:block}.sidebar{display:none}.app-main{padding:0 16px 94px}.topbar{height:73px}.mobile-brand{display:block}.topbar-date,.topbar-actions .system-status{display:none}.topbar-actions{gap:11px}.mobile-avatar{display:inline-flex}.topbar-sync{padding:8px 10px;font-size:9px}main{padding-top:29px}.welcome-row{flex-direction:column;align-items:flex-start;margin-bottom:25px}.welcome-row h1,.page-heading h1{font-size:35px}.welcome-meta{justify-content:space-between;align-items:center;width:100%;display:flex}.score-grid{grid-template-columns:1fr}.score-card{min-height:240px}.score-body{min-height:140px}.sync-bar{align-items:flex-start;margin-bottom:35px}.sync-bar button{margin-left:auto}.section-heading>span{display:none}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c2528ee;border:1px solid #ffffff20;border-radius:12px;justify-content:space-around;gap:2px;padding:6px;display:flex;position:fixed;bottom:9px;left:9px;right:9px;box-shadow:0 15px 45px #0005}.bottom-nav button{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:8px 3px;font-size:9px;display:flex}.bottom-nav button.active{background:var(--teal);color:#07120e;font-weight:900}.bottom-nav .nav-icon{flex-basis:14px;width:14px;height:14px}.bottom-nav .nav-icon:after{inset:4px}.bottom-nav .nav-more:after{inset:5px 0 0}.local-badge{display:none}.coach-panel{padding:19px}.coach-panel-header{flex-direction:column}.coach-message{max-width:92%}.settings-grid{grid-template-columns:1fr}.gate-layout{grid-template-columns:1fr;gap:36px;margin:70px auto 45px}.gate-intro h1{font-size:clamp(54px,16vw,78px)}.gate-region{display:none}.account-card{padding:25px 21px}.account-gate{padding:24px 18px}}.account-gate{color:#111918;background:#f4f5f4;min-height:100vh;padding:32px 20px 18px;overflow:auto}.account-gate .gate-layout{width:min(470px,100%);min-height:0;margin:7vh auto 0;display:block}.account-gate .account-card{background:#fff;border:1px solid #d8ddda;border-radius:8px;width:100%;padding:34px;box-shadow:0 12px 28px #12251b12}.account-brand{margin-bottom:26px}.account-card h2{margin-bottom:20px;font-size:22px}.auth-mode{justify-content:flex-start;margin:-5px 0 18px}.account-card form{gap:14px}.auth-field input{border-radius:4px;height:48px}.password-field button{height:48px}.account-card .auth-submit{color:#fff;background:#111918;border-radius:4px;min-height:44px}.account-card .google-button{background:#fff;border-radius:4px}.demo-entry{grid-template-columns:1fr;gap:10px}.demo-button{width:100%}.account-gate .gate-visual-side{display:none}.account-gate .account-footer{background:0 0;min-height:28px}.dashboard-banner{min-height:0;box-shadow:none;background:#edf6f3;border:1px solid #b7d6d0;border-radius:7px;margin-top:26px;padding:20px 22px}.dashboard-banner h2{margin:8px 0 5px;font-size:22px}.banner-orbit{display:none}.data-status-list{color:#52706a;gap:8px;min-width:150px;font-size:10px;display:grid}.data-status-list span{align-items:center;gap:7px;display:flex}.data-status-list i{background:#9caeaa;border-radius:50%;width:6px;height:6px}.score-card,.panel,.chat-card{box-shadow:none}.score-card:hover{transform:none}.section-intro h2{letter-spacing:-.05em;font-size:clamp(32px,4vw,48px)}.data-note{background:#fafcfb;border:1px solid #d9dfdc;border-radius:7px;margin-top:14px;padding:16px}.data-note strong{color:#243630;font-size:12px;display:block}.data-note p{color:#687872;margin:5px 0 0;font-size:11px;line-height:1.5}.desktop-connect-card .primary-button{margin-top:14px}.desktop-connect-card .secondary-button{margin-top:10px}.secondary-button{color:#243630;cursor:pointer;font:inherit;letter-spacing:.08em;background:#fff;border:1px solid #c8d3cf;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:700}.secondary-button:hover{background:#f4f8f6}.desktop-connect-status{margin-top:12px;line-height:1.45;display:flex}.desktop-connect-status.connected{color:#257c66}.desktop-connect-status.unavailable{color:#9b5a2a}@media (width<=460px){.app-main{padding-left:12px;padding-right:12px}.metrics-grid{gap:8px}.metric-card{min-height:125px;padding:13px}.metric-value{margin-top:18px;font-size:25px}.score-card{padding:16px}.score-ring{flex-basis:112px;width:112px;height:112px}.score-copy p{font-size:11px}.sync-bar{gap:9px;padding:13px}.sync-bar p{white-space:normal;max-width:150px}.sync-bar button{padding:9px 10px;font-size:9px}.trend-card{padding:17px}.gate-proof-row{gap:11px;font-size:9px}}.account-gate{color:#111;background:#fff;min-height:100vh;padding:0;display:block;overflow:hidden}.account-gate .gate-layout{grid-template-columns:minmax(420px,1fr) minmax(520px,1.02fr);align-items:stretch;gap:0;width:100%;min-height:calc(100vh - 42px);margin:0;display:grid}.account-gate .account-card{width:min(100%,430px);box-shadow:none;background:#fff;border:0;border-radius:0;place-self:center;padding:34px 28px}.account-brand{justify-content:center;margin-bottom:35px;display:flex}.account-card .brand-puck{border-color:#111}.account-card .brand-puck:after{background:#111}.account-card .whoop-wordmark,.account-card .whoop-wordmark small{color:#111}.account-card h2{color:#111;letter-spacing:-.04em;text-align:center;margin:0 0 23px;font-size:23px;font-weight:650;line-height:1}.account-card .account-lead{display:none}.auth-mode{color:#777;letter-spacing:.12em;justify-content:center;align-items:center;gap:7px;margin:-7px 0 22px;font-size:9px;font-weight:800;display:flex}.auth-mode-dot{background:#111;border-radius:50%;width:6px;height:6px}.local-mode .auth-mode-dot{background:#d39a2f}.account-card form{gap:20px;display:grid}.auth-field{display:block;position:relative}.auth-field>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.auth-field input{color:#111;background:#fff;border:1px solid #d3d3d3;border-radius:5px;outline:0;width:100%;height:56px;padding:0 16px;font-size:13px}.auth-field input:focus{border-color:#111;box-shadow:0 0 0 1px #111}.auth-field input::placeholder{color:#6f7474}.password-field button{color:#777;background:0 0;border:0;width:52px;height:56px;font-size:13px;position:absolute;top:0;right:0}.forgot-link{cursor:pointer;color:#111;text-align:center;background:0 0;border:0;margin-top:-5px;font-size:12px;font-weight:650;text-decoration:underline}.account-card .auth-submit{color:#111;letter-spacing:.12em;background:#fff;border:2px solid #111;border-radius:15px;justify-content:center;min-height:48px;font-size:12px;font-weight:800}.account-card .google-button{color:#111;letter-spacing:.1em;background:#f7f7f7;border:1px solid #c8c8c8;border-radius:5px;justify-content:center;min-height:44px;margin-top:13px;padding:11px 15px;font-size:10px;font-weight:800}.account-card .google-button:disabled{color:#777;opacity:.65;background:#f7f7f7;border-color:#9c9c9c}.account-card .setup-warning{color:#555;background:#f7f7f7;border-color:#ddd;margin:19px 0 0;font-size:10px}.account-card .setup-warning p{color:#777}.demo-entry{border-top:1px solid #e5e5e5;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:21px;padding-top:19px;display:grid}.demo-entry p{color:#777;margin:5px 0 0;font-size:10px;line-height:1.4}.demo-kicker{color:#111;letter-spacing:.1em;font-size:9px;font-weight:850}.demo-button{color:#111;letter-spacing:.1em;background:#fff;border:1px solid #c8c8c8;border-radius:5px;flex:none;padding:11px 12px;font-size:10px;font-weight:800}.demo-button span{margin-left:5px;font-size:13px}.demo-button:hover{border-color:#111}.account-card .error-message{margin:0;font-size:11px}.account-mode-link{color:#4b5d5c;text-underline-offset:3px;background:0 0;width:100%;margin-top:10px;font-size:11px;font-weight:750;text-decoration:underline}.account-mode-link:hover{color:#07120e}.account-password-card{grid-column:span 2}.account-password-card p{max-width:560px}.account-google-link{color:var(--teal);text-underline-offset:3px;margin-top:10px;font-size:11px;font-weight:750;text-decoration:underline;display:inline-block}.account-password-form{gap:9px;max-width:520px;margin-top:16px;display:grid}.account-password-form input{border:1px solid var(--line-strong);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:5px;outline:none;padding:11px 12px}.account-password-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #a7dcd344}.account-password-form .primary-button{justify-self:start}.success-message{color:#257c66}.account-card .account-security{display:none}.account-card .account-disclaimer{color:#777;margin-top:22px;font-size:9px}.account-gate .gate-visual-side{background:#18201f;flex-direction:column;justify-content:center;min-height:620px;padding:clamp(35px,7vw,120px);display:flex;position:relative;overflow:hidden}.gate-visual-side:before{content:"";mix-blend-mode:screen;background:linear-gradient(105deg,#0000 20%,#ffffff05 20.3%,#0000 20.8% 47%,#ffffff08 47.2%,#0000 47.6%);position:absolute;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.score-ring.recovery.medium .ring-value{stroke:var(--recovery-mid)}.score-ring.recovery.low .ring-value{stroke:var(--recovery-low)}.recovery-card:has(.score-ring.recovery.medium){border-top:2px solid var(--recovery-mid)}.recovery-card:has(.score-ring.recovery.low){border-top:2px solid var(--recovery-low)}.visual-puck{z-index:1;color:#fff;border:1px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid;position:relative}.visual-copy{z-index:1;color:#fff;margin-top:auto;position:relative}.visual-copy span{color:#fff9;letter-spacing:.18em;margin-bottom:16px;font-size:10px;font-weight:800;display:block}.visual-copy strong{letter-spacing:-.08em;font-size:clamp(34px,4.5vw,66px);font-weight:500;line-height:.93;display:block}.visual-copy em{color:var(--teal);font-style:normal}.visual-bands{opacity:.75;gap:13px;display:grid;position:absolute;bottom:22%;left:-3%;right:-3%;transform:rotate(-4deg)}.visual-bands i{background:#ff6e5f;border-radius:20px;height:37px;display:block}.visual-bands i:nth-child(2),.visual-bands i:nth-child(5){background:#8e88d7;width:80%}.visual-bands i:nth-child(3),.visual-bands i:nth-child(6){background:#62c7da;width:57%}.visual-bands i:nth-child(4),.visual-bands i:nth-child(7){background:#a06add;width:68%}.visual-bands i:nth-child(8){background:#ffb44b;width:42%}.visual-caption{z-index:1;color:#fff9;letter-spacing:.12em;justify-content:space-between;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:35px;left:clamp(25px,5vw,90px);right:clamp(25px,5vw,90px)}.account-gate .account-footer{color:#858585;background:#fff;place-items:center;min-height:42px;display:grid}@media (width<=760px){.account-gate .gate-layout{grid-template-columns:1fr;min-height:calc(100vh - 42px)}.account-gate .account-card{min-height:590px;padding:46px 24px 35px}.demo-entry{grid-template-columns:1fr;gap:11px}.demo-button{width:100%}.account-gate .gate-visual-side{min-height:360px;padding:32px 24px}.visual-copy{margin-top:30px}.visual-copy strong{font-size:40px}.visual-bands{bottom:25%}.visual-caption{bottom:20px}}