/* Athlete-first workspace. Public marketing keeps its own brand system. */
:root{--ws-bg:#f4f7fc;--ws-surface:#fff;--ws-ink:#2d3548;--ws-muted:#59647a;--ws-primary:#5264a5;--ws-tint:#e9effa;--ws-chat:#eeeaf7;--ws-line:#dce2ee;--ws-chat-line:#cfc7e2;--ws-danger:#b42318;--ws-danger-tint:#fdecea;--ws-danger-line:#f3c6c0;--ws-warn:#8a5a1f;--ws-warn-tint:#fdf3e2;--ws-warn-line:#ecd9b0;--ws-ok:#187047}
:root[data-theme=classic]{--ws-bg:#f3f7fb;--ws-ink:#283849;--ws-muted:#526579;--ws-primary:#294b72;--ws-tint:#e5eff8;--ws-chat:#eaf2fa;--ws-line:#dbe4ed;--ws-chat-line:#c6d8e8}
:root[data-theme=natural]{--ws-bg:#f7f8f4;--ws-ink:#283633;--ws-muted:#53635a;--ws-primary:#286b65;--ws-tint:#e4efe8;--ws-chat:#edf3e9;--ws-line:#dce4da;--ws-chat-line:#b6cec1}
:root[data-theme=earth]{--ws-bg:#f6f1e9;--ws-surface:#fffcf7;--ws-ink:#191715;--ws-muted:#403b35;--ws-primary:#76573e;--ws-tint:#ede0ce;--ws-chat:#f0e5d7;--ws-line:#dfd3c3;--ws-chat-line:#cdbba3}
:root{--ws-primary-hover:color-mix(in srgb, var(--ws-primary) 86%, #000)}
:root{--ws-danger:#b42318;--ws-danger-tint:#fdecea;--ws-danger-line:#f3c6c0}
:root{--ws-primary-soft:color-mix(in srgb,var(--ws-primary) 62%,var(--ws-chat))}
body{--ivory:var(--ws-bg);--ivory-deep:var(--ws-tint);--paper:var(--ws-surface);--forest:var(--ws-primary);--forest-mid:var(--ws-primary);--copper:var(--ws-primary);--ink:var(--ws-ink);--muted:var(--ws-muted);--line:var(--ws-line);--color-forest-900:var(--ws-primary);--color-forest-800:var(--ws-primary);--color-ink:var(--ws-ink);--color-muted:var(--ws-muted);--color-paper:var(--ws-surface);--font-display:var(--font-ui);background:var(--ws-bg);color:var(--ws-ink);font-family:var(--font-ui)}
body h1,body h2,body h3,body .product-brand{font-family:var(--font-ui)}
body .product-header{position:fixed;inset:0 auto 0 0;width:220px;background:var(--ws-surface);border-right:1px solid var(--ws-line);box-shadow:none;z-index:40;overflow:visible}
body .product-header-bar{height:100%;padding:30px 16px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:30px;background:transparent;border:0;color:var(--ws-ink);overflow-x:hidden;overflow-y:auto}
body .product-brand{color:var(--ws-ink);font-size:21px;letter-spacing:-.7px;gap:10px;flex-shrink:0}
body .product-brand-mark{background:var(--ws-primary);color:white;border:0;border-radius:50%}
body .product-nav{display:flex;flex-direction:column;gap:7px;margin:0;align-items:stretch;order:0;flex:1 1 auto;min-height:0;overflow-y:auto}
body .product-nav a{border:0;border-radius:10px;color:var(--ws-muted);font-size:14px;padding:13px 14px;white-space:normal;text-decoration:none}
body .product-nav a[aria-current=page]{background:var(--ws-tint);color:var(--ws-ink);font-weight:600;border:0}
body .product-utilities{margin-top:auto;flex-shrink:0;display:flex;flex-wrap:wrap;gap:12px;color:var(--ws-ink)}
body .product-utilities summary,body .product-utilities a,body .getting-started-button{color:var(--ws-ink)}
body .account-menu-popover{bottom:36px;top:auto;left:0;right:auto;background:var(--ws-surface);color:var(--ws-ink);border-color:var(--ws-line);max-width:min(310px,calc(100vw - 32px))}
.theme-setting{display:flex;flex-direction:column;gap:7px;padding:12px;font-size:13px}
body select,body input,body textarea{color:var(--ws-ink)}
body .app,body .research-main{display:block;margin:0 0 0 220px;max-width:none;padding:38px clamp(20px,4vw,64px) 48px;width:auto}
body .workspace-region{max-width:1100px;margin:0 auto;min-width:0}
body .workspace-region[hidden],body [hidden]{display:none!important}
body .panel,body .home-shell,body .stats-overview{background:var(--ws-surface);border-color:var(--ws-line);border-radius:14px;color:var(--ws-ink)}
body .panel,body .home-shell:not(.home-paper),body .stats-overview{box-shadow:none}
body .panel-header{background:transparent;color:var(--ws-ink);border-color:var(--ws-line)}
body .btn-primary,body .home-btn-primary{background:var(--ws-primary);border-color:var(--ws-primary);color:#fff}
body:where(.app-routed) .btn-primary:where(:not(:disabled)):hover{background:var(--ws-primary-hover)}
body .btn-secondary{color:var(--ws-ink);background:var(--ws-surface);border-color:var(--ws-line)}
body .product-context{background:var(--ws-surface);color:var(--ws-ink);border:1px solid var(--ws-line);border-radius:14px;display:flex;flex-wrap:wrap;padding:24px;gap:18px;margin:20px 0}
body .context-athlete strong,body .context-athlete span,body .context-account strong,body .context-account small{color:var(--ws-ink)}
body .context-account{margin-left:auto;display:flex;flex-wrap:wrap;gap:18px}
body #billingBanner,body #enforcementBanner,body #callbackNotices,body #statusBar{margin-left:220px}
.dashboard-heading{margin-bottom:26px}.dashboard-heading h1{font-size:clamp(25px,3vw,34px);font-weight:600;letter-spacing:-1px;line-height:1.25}.dashboard-heading p{color:var(--ws-muted);margin-top:10px;font-size:16px}.dashboard-eyebrow{font-size:12px;letter-spacing:.12em;color:var(--ws-muted);display:block;margin-bottom:18px}
.dashboard-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;margin:26px 0}.dashboard-card{background:var(--ws-surface);border:1px solid var(--ws-line);border-radius:14px;padding:25px;min-width:0}.dashboard-card.next-step{background:var(--ws-tint);border-color:transparent}.dashboard-card h2{font-size:21px;font-weight:600;letter-spacing:-.4px;margin:0 0 12px}.dashboard-card h3{font-size:16px;margin:0 0 8px}.dashboard-card p{color:var(--ws-muted);font-size:14px;line-height:1.6;margin:8px 0 20px}.dashboard-card a{color:var(--ws-primary)}.dashboard-card .btn-primary{color:#fff}.dashboard-card .btn{padding:11px 16px}.dashboard-list{display:grid;gap:12px;list-style:none;padding:0}.dashboard-list a{display:block;padding:12px 0;color:var(--ws-ink);text-decoration:none;border-bottom:1px solid var(--ws-line)}.dashboard-list small{display:block;color:var(--ws-muted);font-size:13px;margin-top:5px}.dashboard-section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:26px 0 14px}.dashboard-section-head h2{font-size:18px}.dashboard-section-head a{font-size:14px;color:var(--ws-primary)}
.workspace-subnav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.workspace-subnav a{color:var(--ws-primary);padding:9px 14px;border:1px solid var(--ws-line);border-radius:20px;background:var(--ws-surface);font-size:14px;text-decoration:none}.workspace-subnav [aria-current=page]{background:var(--ws-tint);color:var(--ws-ink)}
.workspace-details{margin:22px 0;border-top:1px solid var(--ws-line);padding-top:18px}.workspace-details>summary{font-size:15px;color:var(--ws-muted);cursor:pointer;margin-bottom:18px}.workspace-details .home-letter-intro{margin-top:20px}.home-digest-strip{display:block}.home-digest-strip>section{margin-top:24px}.home-firstrun{margin:24px 0}.home-letter{max-width:none}
.assistant-launcher{display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0;border:1px solid var(--ws-chat-line);border-radius:25px;background:var(--ws-chat);color:var(--ws-ink);padding:13px 12px;font:600 14px var(--font-ui);box-shadow:0 4px 20px #0000000a;cursor:pointer}
.assistant-box{background:var(--ws-chat);border:1px solid var(--ws-chat-line);border-radius:16px;padding:18px}.assistant-box label{font-size:13px;color:var(--ws-primary);font-weight:600;display:block;margin-bottom:8px}.assistant-input-row{display:flex;align-items:center;gap:12px}.assistant-input-row input{width:100%;min-width:0;background:transparent;border:0;padding:8px 0;font:16px var(--font-ui);color:var(--ws-ink)}.assistant-input-row input::placeholder{color:var(--ws-muted);opacity:1}.assistant-input-row button{background:var(--ws-primary);color:white;border:0;border-radius:10px;padding:12px 16px;cursor:pointer}.assistant-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.assistant-suggestions button{background:var(--ws-surface);color:var(--ws-ink);border:1px solid var(--ws-line);border-radius:20px;padding:9px 13px;font:13px var(--font-ui);cursor:pointer}
.assistant-dialog{position:fixed;inset:12vh 22px auto auto;width:min(450px,calc(100vw - 32px));max-height:75vh;overflow:auto;z-index:150;background:var(--ws-surface);border:1px solid var(--ws-chat-line);border-radius:16px;padding:22px;box-shadow:0 20px 80px #0002}.assistant-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.assistant-dialog-head h2{font-size:19px}.assistant-dialog-head button{background:transparent;color:var(--ws-ink);border:0;font:14px var(--font-ui);cursor:pointer}.assistant-reply{font-size:15px;line-height:1.65;white-space:pre-wrap;margin:18px 0;color:var(--ws-ink)}.assistant-note{font-size:12px;color:var(--ws-muted);margin-top:14px}.assistant-result-actions{display:flex;gap:10px;flex-wrap:wrap}.assistant-results{padding-left:20px;font-size:14px}.assistant-results li{margin-bottom:18px}.assistant-results a{color:var(--ws-primary)}.assistant-results p{color:var(--ws-muted);line-height:1.6}.profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-facts dt{font-size:12px;color:var(--ws-muted)}.profile-facts dd{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
:root[data-theme=earth] .assistant-box label,:root[data-theme=earth] .workspace-subnav a,:root[data-theme=earth] .dashboard-card a:not(.btn-primary){color:#302820}
@media(max-width:900px){body .product-header{width:190px}body .app,body .research-main{margin-left:190px;padding:28px 22px 48px}body #billingBanner,body #enforcementBanner,body #callbackNotices,body #statusBar{margin-left:190px}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:680px){body.app-routed{height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}body.app-routed .shell-scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}body.app-routed .shell-scroll .app{flex:1 1 auto;min-height:0;overflow:auto}body.app-routed .product-tabbar{position:static;flex:0 0 auto}body .product-header{position:relative;width:auto;height:auto;inset:auto;border-right:0;border-bottom:1px solid var(--ws-line);overflow:visible}body .product-header-bar{padding:17px 20px;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;height:auto;overflow:visible}body .product-nav{display:none}body .product-utilities{margin-left:auto;margin-top:0;gap:12px}body .product-brand{font-size:20px}body .account-menu-popover{top:35px;bottom:auto;left:auto;right:0}body .app,body .research-main{margin-left:0;padding:26px 18px 28px}body #billingBanner,body #enforcementBanner,body #callbackNotices,body #statusBar{margin-left:0}body .product-tabbar{background:var(--ws-surface);border-color:var(--ws-line)}body .product-tabbar a{color:var(--ws-muted)}body .product-tabbar a[aria-current=page]{color:var(--ws-primary);background:var(--ws-tint)}.assistant-launcher{flex:1 0 100%}.dashboard-card{padding:22px}.assistant-dialog{inset:85px 16px auto;max-height:calc(100dvh - 190px);width:auto}.profile-facts{grid-template-columns:1fr}.context-account{width:100%}}
@media(max-width:680px) and (max-height:700px){body.app-routed .shell-scroll{overflow-x:hidden;overflow-y:auto}body.app-routed .shell-scroll .app{flex:none;overflow:visible;min-height:0}}
body.app-routed .product-nav a,body.app-routed .product-nav a:hover,body .session-status,body .getting-started-button{color:var(--ws-ink)}
body.app-routed .product-nav a[aria-current=page]{color:var(--ws-ink);background:var(--ws-tint)}
body.app-routed .product-nav a::after{display:none}
body .getting-started-button{border:1px solid var(--ws-line);background:var(--ws-surface)}
body .account-menu-popover{left:calc(100% + 18px);bottom:0;top:auto;min-width:280px}
#researchQuery{display:block;width:min(100%,520px);margin:8px 0 14px;padding:13px 16px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-surface);font:16px var(--font-ui)}
#researchStatus{color:var(--ws-muted);font-size:14px}
body .workflow-heading h1,body .workflow-heading h2,body .school-row-name,body .coach-name{color:var(--ws-ink)}
.assistant-dialog::backdrop{background:#20202b33}
@media(max-width:680px){body .account-menu-popover{left:auto;right:0;top:35px;bottom:auto;min-width:260px}.assistant-input-row button{min-height:44px}.assistant-suggestions button{min-height:44px}}

.staging-notice{max-width:1100px;margin:0 auto 24px;padding:10px 14px;border:1px solid var(--ws-line);border-radius:10px;color:var(--ws-muted);font-size:13px;background:var(--ws-surface)}
@media(min-width:681px){body .account-menu-popover{position:fixed;left:236px;right:auto;bottom:22px;top:auto}body .product-nav a{justify-content:flex-start}}
@media(min-width:681px) and (max-width:900px){body .account-menu-popover{left:206px}}
body .getting-started-button{color:var(--ws-ink)!important;border-color:var(--ws-line)!important}
body .account-menu[open]>summary,body .help-menu[open]>summary,body .account-menu>summary:hover,body .help-menu>summary:hover{color:var(--ws-ink)}
body.app-routed .app{max-width:none}
body #homeDestination:not([hidden]){display:block;max-width:1100px}
body #homeDestination{--home-ivory:var(--ws-bg);--home-ivory-deep:var(--ws-tint);--home-paper:var(--ws-surface);--home-forest:var(--ws-primary);--home-forest-mid:var(--ws-primary);--home-copper:var(--ws-primary);--home-ink:var(--ws-ink);--home-muted:var(--ws-muted);--home-line:var(--ws-line);--home-chip-bg:var(--ws-tint);--home-serif:var(--font-ui);--home-copper-soft:var(--ws-primary-hover);--home-shadow:0 12px 40px rgb(45 53 72/.08), 0 2px 8px rgb(45 53 72/.04)}
.assistant-input-row button{flex:0 0 auto;white-space:nowrap}
body.app-routed .product-tabbar{background:var(--ws-surface);border-color:var(--ws-line)}
body.app-routed .product-tabbar a{color:var(--ws-muted)}
body.app-routed .product-tabbar a[aria-current=page]{color:var(--ws-ink);background:var(--ws-tint)}
body #profileDestination .context-athlete>span{display:block}
body .recipient-tray{background:var(--ws-tint);color:var(--ws-ink);border:1px solid var(--ws-line);box-shadow:0 6px 24px #0001}
body .recipient-tray #trayComposition{color:var(--ws-muted)}
body .recipient-tray .btn-secondary,body .recipient-tray .btn-secondary:hover{color:var(--ws-ink);background:var(--ws-surface);border-color:var(--ws-line);box-shadow:none}
body .recipient-tray .btn-primary{background:var(--ws-primary);color:white}
@media(max-width:680px){body .feedback-launcher{left:16px;right:auto;bottom:84px}body:has(#coachWorkspace:not([hidden]) #recipientTray:not([hidden])) .feedback-launcher{bottom:calc(220px + env(safe-area-inset-bottom))}}

/* Ask Percy card. Home keeps it in #percyHome. Other routes move the same node into the rail. */
.assistant-workspace{max-width:1100px;margin:0 auto 30px;padding:22px 24px;border:1px solid var(--ws-chat-line);border-top:3px solid var(--ws-primary);box-shadow:0 6px 24px #00000006}
.assistant-workspace-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.percy-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:var(--ws-primary);color:#fff;font-size:27px}
.assistant-workspace .assistant-workspace-heading label{font-size:20px;line-height:1.2;color:var(--ws-ink);margin:0 0 4px}
.assistant-workspace-heading p{margin:0;color:var(--ws-muted);font-size:13px;line-height:1.4}
.assistant-workspace .assistant-input-row{background:var(--ws-surface);border:1px solid var(--ws-chat-line);border-radius:12px;padding:6px}
.assistant-workspace .assistant-input-row input{padding:10px 8px;min-height:44px}
.assistant-workspace .assistant-input-row button{font:600 15px var(--font-ui);min-height:44px;padding:12px 20px}
.assistant-workspace .assistant-suggestions button{min-height:44px;font-size:14px;padding:9px 14px}
.assistant-workspace :is(input,button):focus-visible,.assistant-launcher:focus-visible{outline:3px solid var(--ws-primary);outline-offset:3px}
.assistant-launcher{background:var(--ws-primary);border-color:var(--ws-primary);color:#fff;font-size:16px;min-height:52px;box-shadow:0 5px 18px #0002}
@media(max-width:680px){
  .assistant-workspace{padding:16px;margin-bottom:24px}
  .assistant-workspace-heading{gap:10px;margin-bottom:13px}
  .assistant-workspace .assistant-workspace-heading label{font-size:19px}
  .assistant-workspace .assistant-input-row{gap:4px}
  .assistant-workspace .assistant-input-row input{font-size:16px;padding:10px 4px}
  .assistant-workspace .assistant-input-row button{padding:12px}
  .assistant-workspace .assistant-suggestions{gap:6px}
  .assistant-workspace .assistant-suggestions button{font-size:13px;padding:8px 10px}
  .assistant-launcher{padding:13px 18px}
}

#percyForm{position:relative}
.percy-thread{display:grid;gap:10px;margin:4px 0 12px}
.percy-thread:empty{display:none}
.percy-turn{margin:0;font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ws-ink)}
.percy-turn-user{background:var(--ws-surface);border:1px solid var(--ws-chat-line);border-radius:12px;padding:10px 12px}
.percy-actions{display:flex;flex-wrap:wrap;gap:8px}
.percy-card{display:grid;gap:8px;padding:12px;border:1px solid var(--ws-chat-line);border-radius:12px;background:var(--ws-surface)}
.percy-card p{margin:0;font-size:14px;line-height:1.5;color:var(--ws-ink);overflow-wrap:anywhere}
.percy-card-kicker{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--ws-primary)}
.percy-card-body{max-height:8.5em;overflow:auto;white-space:pre-wrap}
.percy-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}
#percyRailHide{display:none;margin-left:auto;background:transparent;border:0;color:var(--ws-ink);font:600 14px var(--font-ui);cursor:pointer;min-height:44px}
#percyRail #percyRailHide{display:inline-flex;align-items:center}
.percy-rail{position:fixed;z-index:35;top:0;right:0;bottom:0;width:min(380px,34vw);overflow:auto;padding:18px 16px 24px;background:var(--ws-chat);border-left:1px solid var(--ws-chat-line)}
.percy-rail .assistant-workspace{max-width:none;margin:0}
body:has(#percyRail:not([hidden])) .app{margin-right:min(380px,34vw)}
#composeWorkspace{container-type:inline-size;container-name:messages}
@container messages (max-width:860px){.compose-columns{grid-template-columns:minmax(0,1fr)}.compose-col-preview{position:static}.delivery-bar{grid-template-columns:minmax(0,1fr)}}
@supports not (container-type: inline-size){@media(max-width:1173px){.compose-columns{grid-template-columns:minmax(0,1fr)}.compose-col-preview{position:static}.delivery-bar{grid-template-columns:minmax(0,1fr)}}@media(max-width:1590px){body:has(#percyRail:not([hidden])) .compose-columns{grid-template-columns:minmax(0,1fr)}body:has(#percyRail:not([hidden])) .compose-col-preview{position:static}body:has(#percyRail:not([hidden])) .delivery-bar{grid-template-columns:minmax(0,1fr)}}}
@media(max-width:680px){body:has(#percyRail:not([hidden])) .app{margin-right:0}body.app-routed:has(#percyRail:not([hidden])) .shell-scroll>.product-header{flex-shrink:0}body.app-routed:has(#percyRail:not([hidden])) .shell-scroll{overflow:hidden}body.app-routed:has(#percyRail:not([hidden])) .shell-scroll .app{flex:1 1 auto;overflow:auto;min-height:0}body:has(#percyRail:not([hidden])) .recipient-tray{display:none}body.app-routed .shell-scroll>#percyRail{flex:0 0 auto;height:min(42dvh,320px);min-height:180px;max-height:min(70dvh,520px)}.percy-rail{position:static;inset:auto;width:auto;z-index:auto;border-left:0;border-top:3px solid var(--ws-primary);box-shadow:0 -8px 32px #0002;display:flex;flex-direction:column;overflow:auto;padding:12px 12px 8px}#percyRailMount{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#percyRail .assistant-workspace{display:flex;flex-direction:column;min-height:0}#percyRail .percy-thread{min-height:96px;flex:0 0 auto;overflow:visible}#percyRail .assistant-suggestions{flex-wrap:nowrap;overflow-x:auto}#percyRail .assistant-input-row{position:sticky;bottom:0;z-index:1;background:var(--ws-chat)}}

/* Percy first-login welcome shares each athlete's chosen theme. */
body .onboarding-overlay:not(.beta-eval-overlay){background:#20202b55;backdrop-filter:blur(5px);align-items:center;padding:24px}
body .percy-welcome{--focus-ring:var(--ws-primary);width:min(620px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:32px;border:1px solid var(--ws-chat-line);border-radius:22px;background:var(--ws-surface);color:var(--ws-ink)}
body .percy-welcome .percy-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;margin-bottom:16px;background:var(--ws-chat);color:var(--ws-primary)}
body .percy-welcome .onboarding-step-label{color:var(--ws-primary);margin-bottom:12px}
body .percy-welcome::before{display:none}
body .percy-welcome :focus-visible{outline-color:var(--ws-primary)}
body .percy-welcome .modal-title{max-width:none;color:var(--ws-ink);font-size:28px;line-height:1.2}
body .percy-welcome .onboarding-intro{color:var(--ws-muted);font-size:16px;margin:12px 0 24px;line-height:1.55}
body .percy-welcome .modal-grid label{color:var(--ws-ink);font-size:14px}
body .percy-welcome .modal-grid input,body .percy-welcome .modal-grid select{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-bg);color:var(--ws-ink);font:16px var(--font-ui);padding:10px 12px}
body .percy-welcome .btn-primary{background:var(--ws-primary);color:white;border-color:var(--ws-primary)}
body .percy-welcome .btn-secondary{background:var(--ws-surface);color:var(--ws-ink);border-color:var(--ws-line)}
body .percy-welcome .modal-footer{border-color:var(--ws-line);flex-wrap:wrap;gap:10px;margin-top:24px}
body .welcome-note{font-size:14px;line-height:1.5;color:var(--ws-muted);margin:16px 0 0}
.welcome-choices{display:grid;gap:12px}
.welcome-choice{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;padding:18px;border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-bg);color:var(--ws-ink);font:16px var(--font-ui);cursor:pointer}
.welcome-choice strong{display:flex;justify-content:space-between;gap:12px;line-height:1.4}
.welcome-choice>span{font-size:14px;line-height:1.5;color:var(--ws-muted)}
.welcome-choice:hover{border-color:var(--ws-primary);background:var(--ws-chat)}
.welcome-choice:focus-visible{outline:3px solid var(--ws-primary);outline-offset:3px}
.welcome-tour p{font-size:16px;line-height:1.6;color:var(--ws-ink)}
body #reviewConnectPrompt{padding:16px;background:var(--ws-chat);border-radius:12px}
@media(max-width:680px){body .onboarding-overlay:not(.beta-eval-overlay){padding:12px}body .percy-welcome{padding:24px 20px;max-height:calc(100dvh - 24px)}body .percy-welcome::before{display:none}
body .percy-welcome :focus-visible{outline-color:var(--ws-primary)}
body .percy-welcome .modal-title{max-width:none;font-size:26px}body .percy-welcome .modal-footer{flex-direction:column-reverse;align-items:stretch}body .percy-welcome .modal-footer button{width:100%}.welcome-choice{padding:16px}}

body .percy-welcome #wizard_error:not(:empty){display:block}

/* Required account security remains prominent across all personal themes. */
#mfaModal .modal { background: var(--ws-surface); color: var(--ws-ink); width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; }
#mfaModal input:not([type=checkbox]) { width: 100%; min-height: 44px; padding: 10px; border: 1px solid var(--ws-line); border-radius: 10px; background: var(--ws-bg); color: var(--ws-ink); }
#mfaModal [hidden] { display: none !important; }
#mfaSecret, #mfaRecoveryCodes { overflow-wrap: anywhere; }
#mfaRecoveryCodes { white-space: pre-wrap; }
#mfaSavedLabel { display: block; margin-top: 16px; }
#mfaRequiredNote { line-height: 1.6; }

#mfaModal .modal-title { color: var(--ws-ink); font-size: 26px; }
#mfaModal .modal { padding: 28px; border: 1px solid var(--ws-line); }
#mfaModal .modal p { line-height: 1.55; margin: 12px 0; }
#mfaModal .modal-footer { flex-wrap: wrap; }