@layer tokens{:where(.ob-app,.ob-modal,.ob-popup,.ob-select-content){--ob-bg:#f5f8fc;--training-teal:#087c88;--ob-surface:#fff;--ob-text:#17314e;--ob-muted:#617287;--ob-line:#dfe7ef;--ob-blue:#1671ca;--ob-soft:#e7f1fc;--ob-grouped:#eef3f8;--ob-accent-fill:#176ec3;--ob-card:#fff;--ob-secondary:#5a6c81;--ob-blue-text:#166bbe;--ob-separator:var(--ob-line);--ob-chevron:#a8b1bd;--ob-fill-hover:color-mix(in srgb,var(--ob-text) 8%,transparent);--ob-fill-pressed:color-mix(in srgb,var(--ob-text) 12%,transparent);--ob-fill-control:color-mix(in srgb,var(--ob-text) 8%,var(--ob-card));--ob-seg-thumb:#fff;--ob-switch-on:#34c759;--ob-switch-off:#c0c7cf;--ob-danger:#b43342;--ob-danger-fill:#c62f3f;--ob-warning-text:#c2410c;--ob-toast:rgba(0,0,0,.85);--ob-scrim:rgba(0,0,0,.2);--ob-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ob-font-rounded:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ob-type-large-title:700 34px/41px var(--ob-font);--ob-type-title1:700 28px/34px var(--ob-font);--ob-type-title2:700 22px/28px var(--ob-font);--ob-type-title3:600 20px/25px var(--ob-font);--ob-type-headline:600 17px/22px var(--ob-font);--ob-type-body:400 17px/22px var(--ob-font);--ob-type-callout:400 16px/21px var(--ob-font);--ob-type-subheadline:400 15px/20px var(--ob-font);--ob-type-footnote:400 13px/18px var(--ob-font);--ob-type-caption1:400 12px/16px var(--ob-font);--ob-type-caption2:400 11px/13px var(--ob-font);--ob-space-2:2px;--ob-space-4:4px;--ob-space-6:6px;--ob-space-8:8px;--ob-space-12:12px;--ob-space-16:16px;--ob-space-20:20px;--ob-space-24:24px;--ob-space-32:32px;--ob-space-40:40px;--ob-scale:1;--ob-r-card:26px;--ob-r-stat:calc(10px * var(--ob-scale));--ob-r-stat-grid:22px;--ob-r-guide:12px;--ob-r-provider:8px;--ob-r-hover:10px;--ob-r-control:12px;--ob-r-thumb:calc(10px * var(--ob-scale));--ob-r-alert:35px;--ob-r-sheet:40px;--ob-r-dialog:26px;--ob-r-toast:calc(14px * var(--ob-scale));--ob-col-list:920px;--ob-col-form:732px;--ob-col-text:560px;--ob-col-result:calc(500px * var(--ob-scale));--ob-row-inset:16px;--ob-gutter:16px;--ob-tab-bottom:max(12px,calc(env(safe-area-inset-bottom) - 13px));--ob-bottom-clearance:calc(62px + var(--ob-tab-bottom) + 16px);--ob-pinned-clearance:calc(var(--ob-bottom-clearance) + 50px + 9px);--ob-glass-shadow:0 1px 6px rgba(0,0,0,.08),0 0 0 .5px var(--ob-line);--ob-menu-shadow:0 10px 30px rgba(0,0,0,.16);--ob-sheet-shadow:0 20px 50px rgba(0,0,0,.18);color:var(--ob-text);font:var(--ob-type-body)}.dark :where(.ob-app,.ob-modal,.ob-popup,.ob-select-content){--ob-bg:#0d1928;--training-teal:#5acbd0;--ob-surface:#142336;--ob-text:#e6eef8;--ob-muted:#9babbe;--ob-line:#283b52;--ob-blue:#7eb9fa;--ob-soft:#203c5b;--ob-grouped:#060d16;--ob-card:#142336;--ob-secondary:#9babbe;--ob-blue-text:#7eb9fa;--ob-chevron:#5e6e81;--ob-fill-control:color-mix(in srgb,var(--ob-text) 10%,var(--ob-card));--ob-seg-thumb:#465465;--ob-switch-on:#30d158;--ob-switch-off:#4a596c;--ob-danger:#ff8f9b;--ob-warning-text:#fdba74;--ob-scrim:rgba(0,0,0,.45);--ob-glass-shadow:0 0 0 .5px var(--ob-line);--ob-menu-shadow:0 10px 30px rgba(0,0,0,.5);--ob-sheet-shadow:0 20px 60px rgba(0,0,0,.55)}.dark :where(.ob-modal,.ob-popup,.ob-select-content){--ob-grouped:#142336;--ob-card:#233144}@media (min-width:681px){:where(.ob-app,.ob-modal,.ob-popup,.ob-select-content){--ob-scale:1.35;--ob-row-inset:20px;--ob-gutter:24px}}}@layer reset, tokens, base, components, screens;@layer components.trainer{.ob-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ob-language-sheet{max-width:480px}.ob-language-sheet>.ob-modal-body{padding-top:12px}.ob-language-search{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:16px;padding:0 14px;min-height:48px;border-radius:14px;background:var(--ob-card);color:var(--ob-secondary)}.ob-language-search input{width:100%;min-width:0;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ob-text);font:var(--ob-type-body);box-shadow:none}.ob-language-search:focus-within{outline:2px solid var(--ob-blue);outline-offset:2px}.ob-language-search input:focus-visible{outline:none}.ob-language-search svg{flex:none}.ob-language-options.ob-card{max-height:min(58dvh,540px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.ob-language-options .ob-row{min-height:60px;padding-block:10px}.ob-language-options .ob-row[aria-pressed=true] .ob-row-accessory{color:var(--ob-blue)}.ob-language-empty{margin:0;padding:24px var(--ob-row-inset);color:var(--ob-secondary);text-align:center}.ob-app{background:var(--ob-grouped)}.ob-main{--ob-gutter:clamp(24px,5vw,76px);max-width:calc(var(--ob-col-list) + var(--ob-gutter) * 2);padding-inline:var(--ob-gutter)}.ob-main.ob-main-settings{max-width:calc(var(--ob-col-form) + var(--ob-gutter) * 2)}.ob-page-heading{gap:16px;margin-bottom:8px}.ob-auth-title,.ob-page-heading h1{margin:0;font:var(--ob-type-large-title);letter-spacing:normal;text-wrap:balance;overflow-wrap:normal}.ob-prose{max-width:var(--ob-col-text)}.ob-section{margin:0 0 20px}.ob-card{background:var(--ob-card);border:0;border-radius:var(--ob-r-card);overflow:clip}.ob-section-header{margin:25px 0 12px;padding-inline:var(--ob-row-inset);color:var(--ob-secondary);font:var(--ob-type-headline)}.ob-section:first-child>.ob-section-header{margin-top:0}.ob-section-footer{padding:8px var(--ob-row-inset) 0;color:var(--ob-secondary);font:var(--ob-type-footnote)}.ob-section-footer a{color:var(--ob-blue-text)}.ob-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;width:100%;min-height:52px;margin:0;padding:0 var(--ob-row-inset);border:0;background:transparent;color:var(--ob-text);font:var(--ob-type-body);text-align:start;text-decoration:none}.ob-row-with-icon{grid-template-columns:24px minmax(0,1fr) auto}.ob-row-has-value{grid-template-columns:auto minmax(0,1fr)}.ob-row-with-icon.ob-row-has-value{grid-template-columns:24px auto minmax(0,1fr)}.ob-row-has-value .ob-row-accessory{justify-content:flex-end;overflow:hidden}.ob-row-accessory>svg{flex:none}.ob-row>*{position:relative;z-index:1}.ob-row:after{content:"";position:absolute;bottom:0;left:var(--ob-row-inset);right:var(--ob-row-inset);height:1px;background:var(--ob-separator)}.ob-row-with-icon:after{left:calc(var(--ob-row-inset) + 40px)}.ob-row:last-child:after{display:none}.ob-row-copy{display:grid;min-width:0;gap:2px}.ob-row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-row-copy:only-child>.ob-row-label{white-space:normal}.ob-row-icon{justify-self:center;color:var(--ob-blue)}.ob-row-accessory{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;color:var(--ob-muted)}.ob-row-value{min-width:0;max-width:min(44vw,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--ob-type-body);font-variant-numeric:tabular-nums}.ob-row-chevron{flex:none;margin-right:-4px;color:var(--ob-chevron);transition:transform .2s ease-in-out}.ob-row-chevron[data-expanded=true]{transform:rotate(90deg)}.ob-row-description{color:var(--ob-muted);font:var(--ob-type-footnote)}.ob-row-detail{padding-block:12px}.ob-row-detail .ob-row-label{white-space:normal}.ob-row-tinted,.ob-row-tinted .ob-row-label{color:var(--ob-blue)}.ob-row-destructive{color:var(--ob-danger)}.ob-button,.ob-navbar-button,.ob-navbar-icon,.ob-row{-webkit-tap-highlight-color:transparent}.ob-row:disabled,.ob-row:disabled .ob-row-icon{color:var(--ob-muted)}:is(button,a).ob-row:before{content:"";position:absolute;inset:4px;border-radius:var(--ob-r-hover);pointer-events:none}.ob-card .ob-settings-group-toggle:before{inset:0;border-radius:0}.ob-card .ob-disclosure:last-child:has(>.ob-disclosure-content[hidden])>.ob-row:before{border-end-start-radius:calc(var(--ob-r-card) - 4px);border-end-end-radius:calc(var(--ob-r-card) - 4px)}:is(button,a).ob-row:active{background:var(--ob-fill-pressed)}:is(button,a).ob-row:focus-visible{outline:2px solid var(--ob-blue);outline-offset:-2px}.ob-info-row{position:relative;margin:0;padding:15px var(--ob-row-inset);font:var(--ob-type-subheadline);color:var(--ob-muted)}.ob-info-row.ob-footnote-row{min-height:44px;padding-block:11px;font:var(--ob-type-footnote)}.ob-disclosure-content[hidden]{display:none}.ob-disclosure:has(>.ob-disclosure-content:not([hidden]))>.ob-row:after,.ob-settings-group:has(>.ob-settings-group-content:not([hidden]))>h2>.ob-row:after{display:block}.ob-settings-group>h2{margin:0}.ob-settings-group-title,.ob-settings-group-toggle{font:var(--ob-type-headline)}.ob-settings-group-content{padding:0}.ob-settings-group-content[hidden]{display:none}.ob-switch-row{cursor:pointer}.ob-switch{appearance:none;position:relative;flex:none;width:63px;height:28px;margin:0 -2px 0 0;padding:0;border:0;border-radius:999px;background:var(--ob-switch-off);cursor:inherit;transition:background-color .2s ease}.ob-switch:after{content:"";position:absolute;top:2px;left:2px;width:37px;height:24px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s ease}.ob-switch:checked{background:var(--ob-switch-on)}.ob-switch:checked:after{transform:translateX(22px)}.ob-switch:focus-visible{outline:2px solid var(--ob-blue);outline-offset:2px}.ob-switch:disabled{opacity:.4}.ob-seg,.ob-segmented{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;height:32px;padding:2px;margin:0;border:0;border-radius:999px;background:var(--ob-fill-control)}:is(.ob-seg,.ob-segmented)>button{display:grid;place-items:center;min-width:0;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--ob-text);font:500 13px/18px var(--ob-font)}:is(.ob-seg,.ob-segmented)>button:is([aria-checked=true],[aria-pressed=true]){background:var(--ob-seg-thumb);box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600}:is(.ob-seg,.ob-segmented)>button:focus-visible{outline:2px solid var(--ob-blue);outline-offset:-2px}:is(.ob-seg,.ob-segmented)>button{transition:background-color .2s ease,box-shadow .2s ease}.ob-seg-row{padding:10px var(--ob-row-inset)}.ob-actions-menu,.ob-picker-menu,.ob-select-content{min-width:220px;max-width:calc(100vw - 32px);padding:6px;border:0;border-radius:14px;background:var(--ob-card);color:var(--ob-text);box-shadow:var(--ob-menu-shadow);z-index:100}.ob-menu-item{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:0;border-radius:8px;color:var(--ob-text);font:var(--ob-type-body);cursor:pointer}.ob-menu-item[data-highlighted]{outline:none;background:var(--ob-fill-hover)}.ob-menu-check{display:grid;place-items:center;width:20px;flex:none}.ob-button{min-height:44px;padding:0 18px;gap:8px;border:0;border-radius:999px;background:var(--ob-accent-fill);color:#fff;font:600 15px/20px var(--ob-font)}.ob-button:hover:not(:disabled){background:#125da7}.ob-button.ob-secondary{min-width:88px;border:0;background:var(--ob-fill-control);color:var(--ob-blue-text)}.ob-button.ob-secondary:hover:not(:disabled){background:var(--ob-fill-control);filter:brightness(1.05)}.ob-button-large{width:100%;min-height:50px;padding-inline:20px;font:var(--ob-type-headline)}.ob-button:disabled{background:var(--ob-fill-control);color:var(--ob-muted);opacity:1}.ob-button:active:not(:disabled),.ob-navbar-button:active:not(:disabled),.ob-navbar-icon:active:not(:disabled){transform:scale(.97);filter:brightness(.9)}.ob-text-button{min-height:44px;padding:0 8px;color:var(--ob-blue-text);font:var(--ob-type-body)}.ob-text-button:active:not(:disabled){opacity:.55}.ob-destructive{color:var(--ob-danger)}.ob-destructive-filled{background:var(--ob-danger-fill);color:#fff}.ob-neutral-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:8px 16px;border:0;border-radius:999px;background:var(--ob-fill-control);color:var(--ob-text);font:var(--ob-type-body)}.ob-neutral-button.ob-destructive{color:var(--ob-danger)}.ob-neutral-button:active:not(:disabled){transform:scale(.97);filter:brightness(.9)}.ob-navbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;gap:8px;min-height:56px;padding:max(6px,env(safe-area-inset-top)) 0 6px;margin-bottom:20px;background:color-mix(in srgb,var(--ob-grouped) 85%,transparent);backdrop-filter:blur(20px)}.ob-navbar-title{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--ob-type-headline);text-align:center;letter-spacing:normal}.ob-navbar-leading,.ob-navbar-trailing{display:flex;align-items:center;min-width:0}.ob-navbar-trailing{justify-content:flex-end}.ob-navbar-button,.ob-navbar-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--ob-card);color:var(--ob-text);box-shadow:var(--ob-glass-shadow);font:var(--ob-type-body)}.ob-navbar-button.is-emphasized{font-weight:600}.ob-navbar-button:disabled{color:var(--ob-muted);opacity:1}.ob-navbar-icon{width:44px;height:44px;padding:0}.ob-navbar[data-scrolled=true]:after{content:"";position:absolute;top:100%;inset-inline:0;height:24px;background:linear-gradient(var(--ob-grouped),transparent);pointer-events:none}.ob-modal{--ob-modal-padding:20px;width:min(620px,calc(100vw - 48px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:var(--ob-r-dialog);background:var(--ob-grouped);box-shadow:var(--ob-sheet-shadow);text-align:start}.ob-modal::backdrop{background:var(--ob-scrim);backdrop-filter:none}.ob-modal:has(~.ob-modal[open])::backdrop{background:transparent}.ob-modal>.ob-navbar{flex:none;margin:0;padding:12px var(--ob-modal-padding)}.ob-modal-body{min-height:0;padding:0 var(--ob-modal-padding) var(--ob-modal-padding);overflow-y:auto}.ob-modal-body:empty{display:none}.ob-modal>footer{padding:8px 16px max(8px,env(safe-area-inset-bottom));gap:12px;border:0;background:transparent}.ob-alert,.ob-modal-plain,.ob-modal-plain>.ob-navbar{background:var(--ob-card)}.ob-alert{width:min(320px,calc(100vw - 48px));padding:19px 0 16px;border-radius:var(--ob-r-alert)}.ob-alert>.ob-alert-title{margin:0 30px;font:var(--ob-type-headline);letter-spacing:normal}.ob-alert>.ob-modal-body{padding:4px 30px 0;color:var(--ob-muted);font:var(--ob-type-subheadline)}.ob-alert>footer{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:22px;padding:0 16px}.ob-alert>footer>button{width:100%;min-height:48px;margin:0;padding:8px 16px;border:0;border-radius:999px;background:var(--ob-fill-control);color:var(--ob-text);font:var(--ob-type-body)}.ob-alert>footer>button.ob-destructive,.ob-alert>footer>button.ob-error{color:var(--ob-danger)}.ob-alert>footer>button[autofocus]{order:2}.ob-alert[open]{animation:ob-alert-enter .2s ease}@keyframes ob-alert-enter{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes ob-sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ob-confirmation{width:240px;padding:20px 20px 16px;border-radius:var(--ob-r-alert);background:var(--ob-card);box-shadow:var(--ob-menu-shadow);z-index:100}.ob-confirmation h2{margin:0;color:var(--ob-secondary);font:600 15px/20px var(--ob-font)}.ob-confirmation p{margin:8px 0 0;font:var(--ob-type-body)}.ob-confirmation-action{margin-top:16px}.ob-confirmation:focus{outline:none}.ob-field-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 12px;min-height:52px;margin:0;padding:0 var(--ob-row-inset);color:var(--ob-text);font:var(--ob-type-body)}.ob-field-row:not(:last-child):after{content:"";position:absolute;inset-inline:var(--ob-row-inset);bottom:0;height:1px;background:var(--ob-separator)}.ob-field-row input{width:100%;min-width:0;min-height:52px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ob-muted);font:var(--ob-type-body);text-align:end;box-shadow:none}.ob-field-row:focus-within{box-shadow:inset 0 0 0 2px var(--ob-blue)}.ob-field-row input:focus-visible{outline:none;box-shadow:none}.ob-field-row>.ob-field-message{grid-column:1/-1;padding-bottom:8px;font:var(--ob-type-caption1)}.ob-stepper{display:inline-grid;grid-template-columns:1fr 1px 1fr;align-items:center;width:94px;height:32px;border-radius:999px;background:var(--ob-fill-control)}.ob-stepper>button{position:relative;display:grid;place-items:center;height:32px;padding:0;border:0;background:transparent;color:var(--ob-text)}.ob-stepper>button:before{content:"";position:absolute;inset:-6px 0}.ob-stepper>button:disabled{color:var(--ob-chevron)}.ob-stepper>span{width:1px;height:18px;background:var(--ob-separator)}.ob-badge,.ob-warmup-lock{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;color:var(--ob-blue-text);background:color-mix(in srgb,var(--ob-blue) 12%,transparent);font:600 12px/16px var(--ob-font);white-space:nowrap}.ob-warmup-lock>svg{width:12px;height:12px}.ob-sidebar nav a{min-height:44px;padding-block:8px}.ob-sidebar nav a[aria-current]{background:var(--ob-soft)}.ob-practicing{grid-template-columns:minmax(0,1fr);background:var(--ob-bg)}.ob-practicing>.ob-sidebar{display:none}.ob-practicing>.ob-main{grid-column:1/-1;max-width:none}@media (hover:hover){:is(button,a).ob-row:not(:disabled):hover:before{background:var(--ob-fill-hover)}.ob-text-button:hover{background:var(--ob-fill-hover)}}@media (min-resolution:2dppx){.ob-field-row:after,.ob-row:after{height:.5px}}@media (min-width:681px){.ob-menu-item{font:var(--ob-type-callout)}}@media (min-width:681px) and (max-width:999px){.ob-main{--ob-gutter:24px}}@media (max-width:680px){.ob-app{padding-bottom:0}.ob-main{--ob-gutter:16px;padding:max(16px,env(safe-area-inset-top)) var(--ob-gutter) var(--ob-bottom-clearance)}.ob-page-heading{gap:16px;margin-bottom:8px}.ob-sidebar nav{left:21px;right:21px;bottom:var(--ob-tab-bottom);height:62px;padding:9px 4px;border:0;border-radius:31px;background:color-mix(in srgb,var(--ob-card) 88%,transparent);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--ob-glass-shadow)}.ob-sidebar nav a{display:grid;align-content:center;justify-items:center;gap:2px;min-height:44px;padding:0;border-radius:22px;color:var(--ob-text);font:600 10px/12px var(--ob-font)}.ob-sidebar nav a svg{width:24px;height:24px;stroke-width:1.75}.ob-sidebar nav a[aria-current]{color:var(--ob-blue);background:var(--ob-fill-control)}.ob-modal:not(.ob-alert){--ob-modal-padding:16px;width:100%;max-width:none;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));margin:auto 0 0;padding-bottom:env(safe-area-inset-bottom);border-radius:var(--ob-r-sheet) var(--ob-r-sheet) 0 0;box-shadow:0 -2px 24px rgba(0,0,0,.12)}.ob-modal:not(.ob-alert)>.ob-navbar{padding-block:16px}.ob-sheet[open]{animation:ob-sheet-enter .35s cubic-bezier(.32,.72,0,1)}.ob-practicing>.ob-main{padding-bottom:0}}@media (prefers-reduced-motion:reduce){.ob-row-chevron,.ob-switch,.ob-switch:after,:is(.ob-seg,.ob-segmented)>button{transition:none}.ob-alert[open],.ob-sheet[open]{animation:none}.ob-button:active:not(:disabled),.ob-navbar-button:active:not(:disabled),.ob-navbar-icon:active:not(:disabled),.ob-neutral-button:active:not(:disabled){transform:none}}}