.shared-page-content{flex:1;overflow-y:auto;padding:48px 24px;display:flex;flex-direction:column;align-items:center;width:100%}.shared-page-content>*{max-width:1280px;width:100%}@media(max-width:768px){.shared-page-content{padding:24px 20px}}.shared-section-title{font-size:calc(28px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, 700);margin-bottom:8px;letter-spacing:.5px;text-align:center;animation:sharedFadeInUp .5s ease}.shared-section-subtitle{font-size:calc(14px * var(--ui-font-scale, 1));color:var(--text-secondary);margin-bottom:28px;text-align:center;animation:sharedFadeInUp .5s ease}.shared-card-grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%;margin-top:32px}@media(min-width:768px){.shared-card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.shared-card-grid{grid-template-columns:repeat(3,1fr)}}@keyframes sharedFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{color-scheme:light}.main-concept-fullscreen-root{min-height:100vh;min-height:100dvh;background:var(--bg)}.main-concept-fullscreen-root-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:transparent}.main-concept-fullscreen-root:fullscreen{width:100vw;height:100vh;height:100dvh;overflow:auto}.main-concept-fullscreen-panel{z-index:1000}.main-concept-session{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;padding:28px;background:var(--bg);color:var(--text-primary)}.main-concept-shell{width:min(1180px,100%);min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);display:flex;flex-direction:column;gap:18px;margin:0 auto}.main-concept-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-panel)}.main-concept-header span,.main-concept-panel-heading p,.main-concept-element span{color:var(--text-secondary)}.main-concept-header h1,.main-concept-panel-heading h2{margin:0;letter-spacing:0}.main-concept-header h1{font-size:calc(30px * var(--ui-font-scale, 1));line-height:1.2}.main-concept-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.main-concept-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:18px;flex:1}.main-concept-panel{min-width:0;padding:20px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-elevated);box-shadow:var(--shadow-card)}.main-concept-panel-heading{display:grid;gap:6px;margin-bottom:16px}.main-concept-panel-heading h2{font-size:calc(18px * var(--ui-font-scale, 1))}.main-concept-panel-heading p{margin:0;font-size:calc(14px * var(--ui-font-scale, 1));line-height:1.55}.main-concept-question .main-concept-panel-heading p{color:var(--text-primary);font-size:calc(24px * var(--ui-font-scale, 1));font-weight:800}.main-concept-sentence-list,.main-concept-elements{display:grid;gap:10px}.main-concept-sentence{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);text-align:left}.main-concept-sentence span{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-panel);color:var(--text-secondary);font-size:calc(12px * var(--ui-font-scale, 1));font-weight:800}.main-concept-sentence strong,.main-concept-element strong{min-width:0;overflow-wrap:anywhere}.main-concept-sentence.active{border-color:var(--accent);background:var(--bg-accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.main-concept-sentence:disabled,.main-concept-rating:disabled,.main-concept-actions .btn:disabled{cursor:default;opacity:.72}.main-concept-element{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(0,1.25fr);align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-card)}.main-concept-element>div:first-child{display:grid;gap:4px}.main-concept-element span{font-size:calc(12px * var(--ui-font-scale, 1));font-weight:700}.main-concept-element strong{color:var(--text-primary);font-size:calc(16px * var(--ui-font-scale, 1))}.main-concept-rating-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.main-concept-rating{min-height:42px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:calc(14px * var(--ui-font-scale, 1));font-weight:800}.main-concept-rating.active{border-color:var(--accent);background:var(--bg-accent-soft);color:var(--accent-dark)}.main-concept-feedback{display:grid;gap:6px;margin-top:16px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-panel)}.main-concept-feedback p{margin:0;color:var(--text-secondary);font-size:calc(14px * var(--ui-font-scale, 1));line-height:1.45}.main-concept-feedback.success{border-color:var(--success)}.main-concept-feedback.error{border-color:var(--error)}.main-concept-feedback.warning{border-color:var(--warning)}.main-concept-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.main-concept-results-table{max-width:900px}.main-concept-results-table td:nth-child(2){text-align:left}.main-concept-instruction-list{display:grid;gap:10px;padding-left:20px;color:var(--text-secondary);font-size:calc(14px * var(--ui-font-scale, 1));line-height:1.55}.main-concept-instruction-list p{margin:0}.main-concept-instruction-list strong{color:var(--text-primary)}.main-concept-preview-list{display:grid;gap:8px}.main-concept-preview-list span{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-card);color:var(--text-secondary);font-size:calc(13px * var(--ui-font-scale, 1));font-weight:700;line-height:1.45}@media(max-width:900px){.main-concept-session{padding:16px}.main-concept-shell{min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px)}.main-concept-header,.main-concept-layout,.main-concept-element{grid-template-columns:1fr}.main-concept-header{display:grid}.main-concept-header h1{font-size:calc(26px * var(--ui-font-scale, 1))}.main-concept-header-actions{justify-content:stretch}.main-concept-header-actions .btn,.main-concept-actions .btn{flex:1 1 160px}.main-concept-question .main-concept-panel-heading p{font-size:calc(20px * var(--ui-font-scale, 1))}.main-concept-rating-group{grid-template-columns:1fr}}.trainer-auth-panel{max-width:360px}.auth-panel{display:grid;gap:8px;color:var(--text-primary);font-family:var(--font-family)}.home-auth-panel .auth-panel-actions{display:flex;flex-wrap:nowrap}.auth-panel-status,.auth-panel-note,.auth-panel-error,.auth-panel-warning{margin:0;color:var(--text-secondary);font-size:calc(13px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700);line-height:1.45;overflow-wrap:anywhere}.auth-panel-error,.auth-panel-warning{color:var(--error)}.auth-sensitive-warning,.auth-dialog .auth-sensitive-warning{--auth-warning: var(--warning, var(--error));margin:12px 0;padding:clamp(12px,calc(12px * var(--ui-font-scale, 1)),20px) clamp(14px,calc(16px * var(--ui-font-scale, 1)),24px);border:2px solid var(--auth-warning);border-radius:var(--radius-s);background:color-mix(in srgb,var(--auth-warning) 14%,var(--bg-card));color:var(--text-primary);font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700));line-height:1.6;overflow-wrap:anywhere}.auth-privacy-link{color:var(--accent);font-weight:var(--fw-bold, 700);text-underline-offset:3px}.auth-panel-actions,.auth-dialog-actions,.auth-radio-row{display:flex;flex-wrap:wrap;gap:8px}.auth-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:calc(8px * var(--ui-font-scale, 1)) calc(14px * var(--ui-font-scale, 1));border:1px solid var(--border-hover);border-radius:var(--radius-s);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font:inherit;font-size:calc(13px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700);line-height:1.25}.auth-button-primary{border-color:var(--accent-dark);background:var(--accent-dark);color:var(--text-on-accent)}.auth-button-secondary{background:var(--bg-card);color:var(--accent-dark)}.auth-button-primary:hover:not(:disabled){border-color:var(--accent-hover, var(--accent-dark));background:var(--accent-hover, var(--accent-dark))}.auth-button-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 8%,transparent)}.auth-button:disabled{cursor:not-allowed;opacity:.55}.auth-button:active{transform:none}.auth-button:focus-visible,.auth-provider-button:focus-visible,.auth-link-button:focus-visible,.auth-dialog input:focus-visible,.auth-dialog select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 50%,white);outline-offset:2px}.auth-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding-block:clamp(20px,4vh,40px);padding-inline:clamp(24px,5vw,56px);background:var(--bg-overlay, rgba(15, 23, 42, .58))}.auth-dialog{width:min(calc(680px * var(--ui-font-scale, 1)),100%);max-height:min(90vh,calc(920px * var(--ui-font-scale, 1)));overflow:auto;padding:clamp(24px,calc(28px * var(--ui-font-scale, 1)),44px);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-card);box-shadow:var(--shadow-floating);font-size:var(--ui-font-size, 1rem)}.auth-profile-dialog{width:min(calc(860px * var(--ui-font-scale, 1)),100%)}.auth-account-dialog{width:min(calc(480px * var(--ui-font-scale, 1)),100%)}.auth-dialog h2{margin:0 0 12px;color:var(--text-primary)}.auth-section-heading{margin:22px 0 0;color:var(--text-primary);font-size:calc(18px * var(--ui-font-scale, 1))}.auth-dialog p,.auth-dialog li{color:var(--text-secondary);font-weight:var(--fw-bold, 700);line-height:1.65}.auth-dialog ul{margin:10px 0 12px;padding-inline-start:0;list-style-position:inside}.auth-dialog li{padding-inline-start:0}.auth-checkbox-row,.auth-radio-row label,.auth-profile-grid label,.auth-account-form label{display:grid;gap:6px;color:var(--text-primary);font-weight:var(--fw-bold, 700)}.auth-checkbox-row,.auth-radio-row label{grid-template-columns:auto minmax(0,1fr);align-items:start}.auth-dialog input,.auth-dialog select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border-hover);border-radius:var(--radius-s);background:var(--bg-card);color:var(--text-primary);font:inherit;font-weight:var(--fw-bold, 700)}.auth-dialog input[type=checkbox],.auth-dialog input[type=radio]{width:20px;min-height:20px;margin-top:3px;accent-color:var(--accent)}.auth-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.auth-frequency-grid{grid-template-columns:repeat(3,minmax(120px,1fr));margin-bottom:0}.auth-account-form{display:grid;gap:16px;margin-top:20px}.turnstile-widget{display:grid;width:100%;max-width:100%;place-items:center;overflow-x:auto}.auth-provider-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:calc(10px * var(--ui-font-scale, 1)) calc(14px * var(--ui-font-scale, 1));border:1px solid var(--border-hover);border-radius:var(--radius-s);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font:inherit;font-weight:var(--fw-bold, 700)}.auth-provider-button:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.auth-provider-button:disabled{cursor:not-allowed;opacity:.55}.auth-provider-mark{width:22px;height:22px;border-radius:50%;object-fit:contain;flex:0 0 auto}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:var(--text-muted, var(--text-secondary));font-size:calc(13px * var(--ui-font-scale, 1));font-weight:var(--fw-regular, 500)}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border)}.auth-account-form .auth-dialog-actions{display:grid;gap:8px;margin-top:8px}.auth-account-form .auth-button-primary{width:100%;min-height:44px}.auth-switch-line{margin:10px 0 0;text-align:center}.auth-link-button{display:inline;padding:0;border:0;background:transparent;color:var(--accent-dark);cursor:pointer;font:inherit;font-weight:var(--fw-bold, 700);text-decoration:underline;text-underline-offset:3px}.auth-cancel-link{justify-self:center;margin-top:8px;color:var(--text-muted, var(--text-secondary))}.auth-dialog>.auth-panel+.auth-dialog-actions{margin-top:14px}.auth-fieldset{display:grid;gap:10px;margin:18px 0;padding:18px;border:1px solid var(--border);border-radius:var(--radius-s)}.auth-fieldset legend{padding:0 8px;color:var(--accent);font-weight:var(--fw-bold, 700)}@media(max-width:780px){.trainer-auth-panel,.auth-panel-actions{width:100%}.auth-profile-grid,.auth-frequency-grid{grid-template-columns:1fr}.auth-dialog{padding:clamp(22px,calc(24px * var(--ui-font-scale, 1)),34px)}}@media(forced-colors:active){.auth-sensitive-warning,.auth-dialog .auth-sensitive-warning{--auth-warning: CanvasText;background:Canvas;color:CanvasText}}.install-app-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:48px 0 64px;color:var(--text-primary, var(--text, #202428))}.install-app-hero{max-width:760px;margin-bottom:32px}.install-app-kicker{margin:0 0 6px;color:var(--accent, var(--primary, #146c5b));font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.install-app-hero h1{margin-bottom:10px}.install-app-button{min-height:46px;margin-top:10px;padding:10px 20px;border:0;border-radius:var(--radius-m, var(--radius, 8px));background:var(--accent, var(--primary, #146c5b));color:var(--text-on-accent, #fff);font:inherit;font-weight:750;cursor:pointer}.install-app-button:disabled{opacity:.58;cursor:default}.install-app-status{min-height:1.5em;margin:10px 0 0;color:var(--text-secondary, var(--text-muted, #606970))}.install-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.install-guide-card{padding:24px;border:1px solid var(--border, #d4d9de);border-radius:var(--radius-l, var(--radius, 8px));background:var(--bg-card, var(--surface, #fff));box-shadow:var(--shadow-card, var(--shadow-sm, 0 1px 2px rgba(20, 33, 43, .08)))}.install-guide-card h2{margin-bottom:14px}.install-guide-card li+li{margin-top:8px}.install-guide-card img{width:100%;height:auto;max-height:360px;margin:20px 0 12px;border:1px solid var(--border, #d4d9de);border-radius:var(--radius-m, var(--radius, 8px));object-fit:contain}.install-guide-note{color:var(--text-secondary, var(--text-muted, #606970))}.install-guide-source{display:block;margin-top:10px;color:var(--accent, var(--primary, #146c5b));font-size:.84rem;font-weight:700}.install-attribution{margin-top:24px;padding:16px 18px;border-left:4px solid var(--accent, var(--primary, #146c5b));background:var(--bg-panel, var(--surface-muted, #eef1f4));color:var(--text-secondary, var(--text-muted, #606970));font-size:.82rem}.install-attribution a{color:var(--accent, var(--primary, #146c5b))}@media(max-width:760px){.install-app-page{width:min(100% - 24px,1180px);padding:24px 0 36px}.install-guide-grid{grid-template-columns:1fr}.install-guide-card{padding:18px}}:root{--bg-error-soft: color-mix(in srgb, var(--error) 10%, var(--bg-card));--bg-warning-soft: color-mix(in srgb, var(--warning) 14%, var(--bg-card))}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100dvh;background:var(--bg);color:var(--text-primary);font-family:var(--font-family);font-size:var(--ui-font-size, 18px);font-weight:var(--ui-font-weight, var(--fw-regular, 500));line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-ui-theme=dark]{color-scheme:dark;--bg: var(--theme-dark-bg);--bg-panel: var(--theme-dark-bg-panel);--bg-card: var(--theme-dark-bg-card);--bg-card-hover: var(--theme-dark-bg-card-hover);--accent: var(--theme-dark-accent);--accent-dark: var(--theme-dark-accent-dark);--accent-hover: var(--theme-dark-accent-hover);--success: var(--theme-dark-success);--error: var(--theme-dark-error);--warning: var(--theme-dark-warning);--text-on-accent: var(--theme-dark-text-on-accent);--text-primary: var(--theme-dark-text-primary);--text-secondary: var(--theme-dark-text-secondary);--text-muted: var(--theme-dark-text-muted);--border: var(--theme-dark-border);--border-hover: var(--theme-dark-border-hover);--bg-elevated: var(--theme-dark-bg-elevated);--bg-overlay: var(--theme-dark-bg-overlay);--bg-accent-soft: var(--theme-dark-bg-accent-soft);--logo-filter: var(--theme-dark-logo-filter);--shadow-card: var(--theme-dark-shadow-card);--shadow-floating: var(--theme-dark-shadow-floating)}body[data-ui-theme=contrast]{color-scheme:dark;--bg: var(--theme-contrast-bg);--bg-panel: var(--theme-contrast-bg);--bg-card: var(--theme-contrast-bg);--bg-card-hover: var(--theme-contrast-bg-card-hover);--accent: var(--theme-contrast-accent);--accent-dark: var(--theme-contrast-accent-dark);--accent-hover: var(--theme-contrast-accent-dark);--success: var(--theme-contrast-accent);--error: var(--theme-contrast-accent);--warning: var(--theme-contrast-accent);--text-on-accent: var(--theme-contrast-text-on-accent);--text-primary: var(--theme-contrast-text-primary);--text-secondary: var(--theme-contrast-text-primary);--text-muted: var(--theme-contrast-text-muted);--border: var(--theme-contrast-border);--border-hover: var(--theme-contrast-accent);--bg-elevated: var(--theme-contrast-bg);--bg-overlay: var(--theme-contrast-bg-overlay);--bg-accent-soft: var(--theme-contrast-bg-accent-soft);--logo-filter: var(--theme-contrast-logo-filter);--shadow-card: none;--shadow-floating: none}body{margin:0;overflow-x:hidden;overflow-y:auto}html,#root{overflow-x:hidden;overflow-y:visible}button,input,select,textarea{font:inherit}a{color:inherit}body[data-ui-font-bold=true] .app-layout :where(a,button,input,label,li,p,select,small,span,strong,textarea,td,th,h1,h2,h3,h4){font-weight:800!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text-primary);font-size:var(--ui-font-size, 18px);font-weight:var(--ui-font-weight, var(--fw-regular, 500))}html[data-training-embed=hub],body[data-training-embed=hub],body[data-training-embed=hub] #root,.app-layout-embedded-hub{background:transparent!important}.training-module-overlay-content{display:contents}.app-layout-embedded-hub .training-module-selection-page>:not(.config-modal-overlay):not(.training-module-overlay-content){visibility:hidden;pointer-events:none}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:8px 12px;border:2px solid var(--accent);border-radius:var(--radius-m);background:var(--bg-card);color:var(--text-primary);transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.trainer-hub-header{position:relative;z-index:100;display:grid;grid-template-columns:minmax(220px,auto) minmax(0,1fr) 48px;align-items:center;gap:28px;min-height:72px;padding:10px max(28px,calc((100vw - 1540px)/2));background:var(--bg-card);box-shadow:var(--shadow-card, 0 1px 4px rgba(0, 0, 0, .02));transition:min-height .22s ease,opacity .22s ease,transform .22s ease}.trainer-hub-brand{display:inline-flex;align-items:center;gap:11px;min-width:0;text-decoration:none}.trainer-hub-brand img{width:42px;height:42px;object-fit:contain;filter:var(--logo-filter, none)}.trainer-hub-brand>span{display:grid;min-width:0}.trainer-hub-brand strong{overflow:hidden;color:var(--text-primary);font-size:calc(17px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700));line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.trainer-hub-brand small{color:var(--accent);font-size:calc(12px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700));line-height:1.3}.trainer-hub-nav{display:flex;align-items:stretch;justify-content:center;gap:6px;min-width:0}.trainer-hub-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;color:var(--text-secondary);font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700));text-decoration:none;white-space:nowrap}.trainer-hub-nav-link:after{position:absolute;right:18px;bottom:2px;left:18px;height:3px;background:transparent;content:""}.trainer-hub-nav-link:hover,.trainer-hub-nav-link.is-active{color:var(--accent-dark)}.trainer-hub-nav-link.is-active:after{background:var(--accent)}.trainer-account-menu{position:relative;justify-self:end}.trainer-account-menu-button{position:relative;display:inline-grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:50%;color:var(--text-primary);background:transparent}.trainer-account-menu-button:hover,.trainer-account-menu-button[aria-expanded=true]{color:var(--accent-dark);background:var(--bg-accent-soft)}.trainer-account-menu-button.is-signed-in:after{position:absolute;right:4px;bottom:4px;width:9px;height:9px;border:2px solid var(--bg-card);border-radius:50%;background:var(--success);content:""}.trainer-account-icon{width:34px;height:34px}.trainer-account-avatar{width:100%;height:100%;border-radius:inherit;object-fit:cover}.trainer-account-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:110;width:min(340px,calc(100vw - 32px));padding:18px;border:1px solid var(--border);border-radius:calc(var(--radius-l) * 2);background:var(--bg-card);box-shadow:var(--shadow-floating)}.trainer-account-popover:before{position:absolute;top:-7px;right:15px;width:12px;height:12px;border-top:1px solid var(--border);border-left:1px solid var(--border);background:var(--bg-card);content:"";transform:rotate(45deg)}.trainer-account-name{margin:0 0 12px;padding-bottom:12px;overflow:hidden;color:var(--text-primary);font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700));text-overflow:ellipsis;white-space:nowrap}.trainer-hub-auth-panel{padding:0;border:0;background:transparent;box-shadow:none}.trainer-hub-auth-panel .auth-panel-actions,.trainer-hub-auth-panel .auth-panel-actions .auth-button,.trainer-account-download-btn{width:100%}.trainer-hub-auth-panel .auth-panel-actions .auth-button{flex:1 1 auto}.trainer-account-download-btn{margin-top:12px}.app-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:var(--bg-overlay-dark);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.app-dialog{width:min(520px,100%);display:grid;justify-items:center;gap:16px;padding:30px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-card);box-shadow:var(--shadow-modal);text-align:center}.app-dialog h2{margin:0;color:var(--text-primary);font-size:26px}.app-layout .app-dialog h2{font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700))}.app-dialog-content{color:var(--text-secondary);font-size:16px;line-height:1.65}.app-layout .app-dialog-content{font-size:calc(17px * var(--ui-font-scale, 1))}.app-dialog-content p{margin:0}.app-dialog-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.app-dialog-error{border-color:var(--error)}.app-dialog-error h2{color:var(--error)}.inline-alert{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-panel);color:var(--text-secondary);font-family:var(--font-family);font-size:14px;font-weight:var(--fw-bold, 700);line-height:1.45;text-align:left}.inline-alert-error{border-color:var(--error);background:var(--bg-error-soft);color:var(--error)}.inline-alert-warning{border-color:var(--warning);background:var(--bg-warning-soft);color:var(--warning)}.inline-alert-action{cursor:pointer}.training-config>.inline-alert{margin:14px 28px 0}.training-start-alert{max-width:340px;min-height:44px;margin:0;padding:8px 12px}.training-start-alert-list{max-width:420px;display:grid;gap:4px}.training-start-alert-details{display:grid;gap:2px;font-weight:600}.training-start-alert-details>span:before{content:"- "}.app-loading{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;min-height:100dvh;padding:24px;background:var(--bg);overflow:hidden}.app-loading-indicator{width:40px;height:40px;border:3px solid color-mix(in srgb,var(--accent) 18%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.page-content{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;width:100%;padding:48px 24px}.page-content>*{width:100%;max-width:1280px}.page-content>.config-modal-overlay{max-width:none}.section-title{margin-bottom:8px;color:var(--text-primary);font-size:calc(28px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700));letter-spacing:0;text-align:center}.section-subtitle{margin-bottom:28px;color:var(--text-secondary);font-size:calc(14px * var(--ui-font-scale, 1));text-align:center}.selection-grid,.training-grid,.assessment-grid{display:grid;grid-template-columns:1fr;width:100%;gap:24px}.content-grid-spaced{margin-top:32px}.card{position:relative;overflow:hidden;padding:32px;border:1px solid transparent;border-radius:var(--radius-l);background:var(--bg-card);box-shadow:var(--shadow-card);color:inherit;cursor:pointer;transition:all var(--transition-fast)}.card:hover{border-color:color-mix(in srgb,var(--accent) 18%,transparent);background:var(--bg-card);box-shadow:var(--shadow-ambient);transform:translateY(-2px)}.card-active{border-color:var(--success)!important;background:var(--bg-card)!important;box-shadow:var(--shadow-ambient);transform:translateY(-2px)}.card-link,.external-link-card,.external-link-card:hover{color:inherit;text-decoration:none}.card-link{display:block;height:100%}.selection-card{display:flex;width:100%;min-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;border:2px solid color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:calc(var(--radius-l) * 1.25);box-shadow:0 20px 20px color-mix(in srgb,var(--accent) 8%,transparent);text-align:left;font:inherit;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.selection-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));box-shadow:0 25px 30px color-mix(in srgb,var(--accent) 14%,transparent);transform:translateY(-4px)}.selection-card-visual{display:block;height:152px;overflow:hidden;background:color-mix(in srgb,var(--accent) 12%,var(--bg-card))}.selection-card-visual .card-image-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.selection-card:hover .card-image-placeholder{transform:scale(1.05)}.selection-card-content{display:block;padding:24px 32px 32px}.placeholder-card,.settings-preview{cursor:default}.placeholder-card:hover,.settings-preview:hover{border-color:transparent;box-shadow:var(--shadow-card);transform:none}.card-title{display:block;margin-bottom:12px;color:var(--text-primary);font-size:calc(24px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700);letter-spacing:0}.card-desc{display:block;color:var(--text-secondary);font-size:calc(16px * var(--ui-font-scale, 1));line-height:1.5}.card-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:var(--radius-m);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:calc(22px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.card-action{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--accent);font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.card-action-icon{transition:transform var(--transition-normal)}.card-action-icon.is-expanded{transform:rotate(180deg)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:2px solid transparent;border-radius:var(--radius-l);gap:8px;background:transparent;color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.62}.btn:disabled:hover{box-shadow:none}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-ambient)}.btn-secondary{border-color:var(--success);background:transparent;color:var(--success)}.btn-secondary:hover{background:color-mix(in srgb,var(--success) 10%,transparent)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-panel);color:var(--text-primary)}.btn-danger{background:var(--error);color:var(--text-on-accent)}.btn-danger:hover{background:var(--error-hover, var(--error))}.btn-sm{min-height:40px;padding:8px 16px;border-radius:var(--radius-m);font-size:calc(14px * var(--ui-font-scale, 1))}.btn-lg{min-height:56px;padding:16px 32px;font-size:calc(18px * var(--ui-font-scale, 1))}.input{width:100%;padding:10px 16px;border:2px solid var(--border);border-radius:var(--radius-m);background:var(--bg);color:var(--text-primary);outline:none;font-family:var(--font-family);font-size:calc(14px * var(--ui-font-scale, 1));transition:border-color var(--transition-fast)}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:calc(13px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.settings-container{width:100%}.settings-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.settings-tab{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;border:2px solid transparent;border-radius:var(--radius-l);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--fw-medium, 600);text-align:center;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.settings-tab:hover{background:var(--bg-panel);color:var(--text-primary)}.settings-tab.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent-dark);font-weight:var(--fw-bold, 700)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:12px 18px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-card)}.setting-info{display:grid;align-content:center}.setting-info h3{margin:0 0 2px;font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700))}.setting-info p{margin:0;color:var(--text-muted);font-size:calc(13px * var(--ui-font-scale, 1))}.app-layout .setting-info h3{margin:0 0 2px;font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700))}.app-layout .setting-info p{margin:0;font-size:calc(13px * var(--ui-font-scale, 1))}.setting-value{color:var(--accent);font-size:calc(18px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.config-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;width:100vw;min-height:100vh;min-height:100dvh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain}.config-modal-panel{max-height:min(82vh,760px);margin-top:0;overflow-y:auto;box-shadow:var(--shadow-modal, var(--shadow-floating))}.training-number-input::-webkit-outer-spin-button,.training-number-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.custom-image-field{margin-top:12px}.custom-image-preview{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg)}.custom-image-preview img{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-s);background:var(--bg-card)}.config-actions{display:flex;gap:12px;margin-top:28px}.config-start-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px}.config-start-btn.is-loading{pointer-events:none}.config-start-icon{flex:0 0 auto}.ready-dot,.loading-dot{width:8px;height:8px;display:inline-block;margin-left:4px;border-radius:50%;animation:pulse 2s infinite}.ready-dot{background:var(--success)}.loading-dot{background:currentColor;animation-duration:.9s}.config-summary{margin-top:16px;color:var(--text-muted);text-align:center}.config-summary strong{color:var(--text-secondary)}.experiment-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg)}.experiment-container-scrollable{overflow-y:auto}.experiment-instructions{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;animation:fadeIn .5s ease;text-align:center}.experiment-instructions h1{margin-bottom:16px;font-size:calc(36px * var(--ui-font-scale, 1))}.experiment-instructions p{max-width:500px;margin-bottom:32px;color:var(--text-secondary);font-size:calc(16px * var(--ui-font-scale, 1));line-height:1.8}.experiment-results{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding:32px;animation:fadeIn .5s ease;text-align:center}.results-score{margin:16px 0;color:var(--accent);font-size:calc(64px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.results-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:16px;color:var(--text-secondary);font-size:calc(14px * var(--ui-font-scale, 1))}.results-summary-value{color:var(--accent)}.training-result-summary{width:min(720px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,220px));justify-content:center;gap:12px;margin:16px 0 18px}.training-result-summary span{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-card)}.training-result-summary small{color:var(--text-muted);font-size:calc(12px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.training-result-summary strong{color:var(--accent-dark);font-size:calc(20px * var(--ui-font-scale, 1));font-weight:800}.results-table{width:100%;max-width:600px;margin:24px 0;border-collapse:collapse}.results-table th,.results-table td{border:1px solid var(--border);text-align:center}.results-table th{padding:10px 16px;background:var(--bg-panel);color:var(--text-secondary);font-size:calc(13px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.results-table td{padding:8px 16px;background:var(--bg-card);color:var(--text-primary);font-size:calc(13px * var(--ui-font-scale, 1))}.results-table td.rt-fast,.results-table td.result-success{color:var(--success);font-weight:var(--fw-bold, 700)}.results-table td.rt-slow{color:var(--warning)}.results-table td.result-fail{color:var(--error);font-weight:var(--fw-bold, 700)}.results-actions,.training-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px}.training-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;width:100vw;min-height:100vh;min-height:100dvh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;background:var(--bg-overlay);color:var(--text-primary);text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.training-panel h1{font-size:calc(36px * var(--ui-font-scale, 1));line-height:1.2}.training-panel p{max-width:640px;color:var(--text-secondary);font-size:calc(17px * var(--ui-font-scale, 1));line-height:1.7}.training-config{width:min(940px,calc(100vw - 48px));max-height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-elevated);box-shadow:var(--shadow-elevated, var(--shadow-floating));text-align:left}.training-rules{border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.training-rules .training-config-label{color:var(--accent-dark)}.training-rules-body{grid-template-columns:1fr}.training-rule-section{position:relative}.training-rule-section:before{content:"";position:absolute;top:22px;bottom:22px;left:-12px;width:3px;border-radius:999px;background:var(--accent);opacity:.72}.training-rule-list{counter-reset:training-rule;display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}.training-rule-list li{counter-increment:training-rule;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;color:var(--text-secondary);font-size:calc(15px * var(--ui-font-scale, 1));line-height:1.55}.training-rule-list li:before{content:counter(training-rule);width:26px;height:26px;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:50%;background:var(--bg-accent-soft);color:var(--accent-dark);font-size:calc(12px * var(--ui-font-scale, 1));font-weight:800;line-height:1}.training-rule-note{margin:10px 0 0;color:var(--text-muted);font-size:calc(13px * var(--ui-font-scale, 1));line-height:1.55}.training-config-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px 22px}.training-config-title{min-width:0;flex:1 1 auto}.training-config-header-side{min-width:280px;max-width:56%;display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:10px}.training-config-label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:calc(13px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.training-config h1{margin:0;color:var(--text-primary);font-size:calc(32px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, 800);line-height:1.15}.training-config .config-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 28px 0;text-align:left}.training-config-header .config-summary{justify-content:flex-end;margin:0;text-align:right}.training-config .config-summary span,.training-config .config-summary strong{min-height:34px;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-panel);color:var(--text-secondary);font-size:calc(13px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700);white-space:nowrap}.training-config .config-summary strong{color:var(--accent-dark)}.training-config-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;overflow-y:auto;padding:6px 28px 2px}.training-config-body-single{grid-template-columns:1fr;padding-top:6px}.training-setting{min-width:0;padding:22px 0}.training-setting-wide{grid-column:1 / -1}.training-config-notice{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:16px 18px;border:1px solid var(--warning);border-radius:var(--radius-m);background:var(--bg-warning-soft)}.training-config-notice strong{flex:0 0 auto;color:var(--warning);font-size:calc(14px * var(--ui-font-scale, 1))}.training-config-notice span{color:var(--text-secondary);font-size:calc(13px * var(--ui-font-scale, 1));line-height:1.5}.training-setting-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.training-setting-header h2{margin:0 0 4px;color:var(--text-primary);font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, 800);line-height:1.25}.training-setting-title-row{display:flex;align-items:center;gap:8px}.training-setting-help{display:none;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:var(--bg-card);color:var(--text-secondary);cursor:pointer}.training-setting-help.is-open{border-color:var(--accent);background:var(--bg-accent-soft);color:var(--accent-dark)}.training-setting-header p{margin:0;color:var(--text-secondary);font-size:calc(13px * var(--ui-font-scale, 1));line-height:1.45}.training-setting-header>span{flex:0 0 auto;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--radius-m);background:var(--bg-accent-soft);color:var(--accent-dark);font-size:calc(13px * var(--ui-font-scale, 1));font-weight:800;white-space:nowrap}.training-option-grid{display:grid;gap:8px}.training-option-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.training-option-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.training-duration-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.training-option-grid-four,.training-speed-grid,.training-wait-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.training-option-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.training-option-grid-auto{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.training-option{min-width:0;min-height:62px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.training-option:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.training-option.active{border-color:var(--accent);background:var(--bg-accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.training-option:disabled{border-color:var(--border);background:var(--bg-card);box-shadow:none;color:var(--text-muted);cursor:not-allowed;opacity:.52}.training-option-title{width:100%;overflow-wrap:anywhere;color:inherit;font-size:calc(16px * var(--ui-font-scale, 1));font-weight:800;line-height:1.25}.training-option-meta{width:100%;overflow-wrap:anywhere;color:var(--text-muted);font-size:calc(12px * var(--ui-font-scale, 1));font-weight:var(--fw-medium, 600);line-height:1.35}.training-option.active .training-option-title{color:var(--accent-dark)}.training-option-custom{cursor:pointer}.training-option-field{align-items:stretch;justify-content:flex-start;cursor:default}.training-option-field:hover{border-color:var(--border);background:var(--bg-card)}.training-option-field input[type=file]{width:100%;margin-top:8px;color:var(--text-secondary);font:inherit;font-size:calc(12px * var(--ui-font-scale, 1))}.training-option-color-field{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.training-option-color-field input[type=color]{width:52px;height:34px;flex:0 0 auto;padding:0;border:1px solid var(--border-hover);border-radius:var(--radius-s);background:transparent;cursor:pointer}.training-option-toggle{min-height:62px;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.training-option-toggle>div{min-width:0;flex:1 1 auto;display:grid;gap:3px}.training-option-toggle input[type=checkbox]{width:24px;height:24px;flex:0 0 auto;accent-color:var(--accent);cursor:pointer}.training-config-inline-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px}.training-option-grid-spaced{margin-top:10px}.training-number-input{width:100%;height:30px;margin-top:3px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-family);font-size:calc(14px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700);text-align:center;outline:none}.training-number-input:focus{border-color:var(--accent)}.training-slider{width:100%;height:34px;accent-color:var(--accent)}.training-config .config-actions{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:18px 28px 28px}.training-config-body .config-actions{margin:18px 0 28px}.training-config .config-actions .btn{border-radius:var(--radius-m)}.training-config-body>.config-summary{margin:16px 0 0;color:var(--text-muted);text-align:left}.training-panel-compact{gap:14px}.jspsych-display-element{width:100%;height:100%;background:var(--bg)!important}.jspsych-content-wrapper{width:100%;height:100%;padding:0!important}.jspsych-content{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important}.setting-actions,.setting-value-actions,.font-setting-control,.segmented-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.setting-value-actions{gap:12px}.font-setting-control{justify-content:flex-end;min-width:min(420px,100%);gap:10px}.font-setting-control .setting-value{min-width:64px;text-align:center}.typography-setting-control,.sound-setting-control{min-width:min(560px,100%)}.setting-edit-input{width:120px}.setting-row-clickable{cursor:pointer}.setting-row input[type=checkbox]{width:28px;height:28px;accent-color:var(--accent)}.segmented-control{justify-content:flex-end}.range-control{display:grid;grid-template-columns:minmax(160px,1fr) 76px;align-items:center;width:min(360px,100%);gap:12px}.range-control input{accent-color:var(--accent)}.range-control output{color:var(--accent);font-weight:var(--fw-bold, 700);text-align:right}.settings-preview{margin-top:8px;padding:20px;background:var(--bg-panel)}.settings-preview p{margin-bottom:0;color:var(--text-secondary)}.reset-button{width:fit-content;margin-left:auto}.rehab-footer{flex:0 0 auto;padding:0;background:var(--bg-card);color:var(--text-secondary);transition:max-height .22s ease,opacity .22s ease,transform .22s ease}.rehab-footer-inner{display:flex;align-items:center;justify-content:space-between;width:min(1500px,calc(100% - 48px));min-height:64px;margin:0 auto;gap:16px;padding:0;font-size:.82rem}.rehab-footer-meta,.rehab-footer nav{display:flex;align-items:center;gap:12px}.rehab-footer a{color:var(--accent);font-weight:var(--ui-font-medium-weight, var(--fw-medium, 600))}.mobile-touch-pad{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:1010;width:148px;height:148px;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:2px;pointer-events:auto;touch-action:none}.mobile-touch-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(148,163,184,.56);border-radius:var(--radius-m);background:#0f172a7a;color:#fff;box-shadow:0 8px 22px #0f172a2e;cursor:pointer;font-size:22px;font-weight:900;line-height:1;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-touch-button:active{border-color:#ffffffe6;background:#2563ebb8;transform:scale(.96)}.mobile-touch-up{grid-column:2;grid-row:1}.mobile-touch-left{grid-column:1;grid-row:2}.mobile-touch-right{grid-column:3;grid-row:2}.mobile-touch-down{grid-column:2;grid-row:3}.mobile-action-controls{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:1010;display:flex;flex-direction:column;gap:10px;pointer-events:auto;touch-action:none}.mobile-action-button{min-width:108px;min-height:54px;padding:10px 16px;border:1px solid rgba(255,255,255,.52);border-radius:var(--radius-m);background:#0f172a8f;color:#fff;box-shadow:0 8px 22px #0f172a33;cursor:pointer;font-size:16px;font-weight:900;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-action-button:active{background:#2563ebbd;transform:scale(.97)}@media(hover:hover)and (pointer:fine){.mobile-touch-pad,.mobile-action-controls{display:none}}.fade-in{animation:fadeIn .4s ease both}.fade-in-up{animation:fadeInUp .5s ease both}@media(min-width:768px){.selection-grid,.training-grid,.assessment-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.selection-grid,.training-grid,.assessment-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1080px){.trainer-hub-header{grid-template-columns:minmax(0,1fr) 44px;gap:8px;min-height:112px;padding:8px 16px 0}.trainer-hub-nav{grid-column:1 / -1;grid-row:2;align-self:end;justify-content:flex-start;overflow-x:auto}.trainer-hub-nav-link{flex:0 0 auto;padding:7px 12px 10px}.trainer-hub-nav-link:after{right:12px;left:12px}.trainer-account-menu{grid-column:2;grid-row:1}.trainer-account-popover{position:fixed;top:62px;right:16px}}@media(max-width:768px){.trainer-hub-brand strong{font-size:calc(15px * var(--ui-font-scale, 1))}.trainer-hub-brand img{width:38px;height:38px}.trainer-hub-nav-link{padding-right:8px;padding-left:8px;font-size:calc(14px * var(--ui-font-scale, 1))}.trainer-hub-nav-link:after{right:8px;left:8px}.page-content{padding:14px 14px 12px}.section-title{margin-bottom:4px;font-size:calc(22px * var(--ui-font-scale, 1));line-height:1.18}.section-subtitle{margin-bottom:14px;font-size:calc(12px * var(--ui-font-scale, 1));line-height:1.4}.selection-grid,.training-grid,.assessment-grid{gap:12px}.card{padding:18px;border-radius:var(--radius-m)}.card-icon,.card-desc{display:none}.card-title{margin-bottom:0;font-size:calc(18px * var(--ui-font-scale, 1));line-height:1.22}.setting-row,.rehab-footer-inner,.rehab-footer-meta{flex-direction:column;align-items:stretch}.setting-row{gap:12px;padding:12px 16px}.rehab-footer-inner{flex-direction:row;align-items:center;min-height:calc(30px + env(safe-area-inset-bottom));width:min(1500px,calc(100% - 24px));justify-content:center;gap:6px;padding-bottom:env(safe-area-inset-bottom);font-size:calc(11px * var(--ui-font-scale, 1));line-height:1.3;text-align:center}.rehab-footer-inner>span{display:none}.rehab-footer-meta nav{display:flex;flex-wrap:wrap;justify-content:center}.rehab-footer-meta nav a{display:inline-flex;align-items:center;min-height:36px}.rehab-footer-meta{flex-direction:row;align-items:center;gap:0}.setting-actions,.setting-value-actions,.segmented-control,.range-control{width:100%}.training-panel{padding:0}.training-panel h1{font-size:calc(22px * var(--ui-font-scale, 1))}.config-modal-overlay{align-items:stretch;justify-content:stretch;padding:0}.config-modal-panel{max-height:100dvh;margin:0}.training-config{width:100vw;height:100vh;height:100dvh;max-height:none;border-right:0;border-left:0;border-radius:0;box-shadow:none}.training-config-header{flex:0 0 auto;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;flex-direction:column}.training-config .config-summary,.training-config .config-actions{margin-left:12px;margin-right:12px}.training-config-header-side{width:100%;min-width:0;max-width:none;justify-content:flex-start}.training-config-header .config-summary{justify-content:flex-start;margin:0;text-align:left}.training-config h1{font-size:calc(20px * var(--ui-font-scale, 1));line-height:1.16}.training-config-label{margin-bottom:2px;font-size:calc(10px * var(--ui-font-scale, 1))}.training-config .config-summary{gap:6px;overflow-x:auto;padding-bottom:2px}.training-config .config-summary span,.training-config .config-summary strong{min-height:28px;padding:4px 8px;font-size:calc(11px * var(--ui-font-scale, 1))}.training-rule-section:before{display:none}.training-config-body{grid-template-columns:1fr;padding:0 12px 2px}.training-option-grid-two,.training-option-grid-three,.training-option-grid-four,.training-option-grid-five,.training-speed-grid,.training-duration-grid,.training-wait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-option-grid-auto{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.training-option-field{grid-column:1 / -1}.training-setting{padding:12px 0}.training-setting-header{align-items:center;gap:8px;margin-bottom:8px}.training-setting-title-row h2,.training-setting-header h2{margin:0;font-size:calc(14px * var(--ui-font-scale, 1));line-height:1.22}.training-setting-help{display:inline-flex}.training-setting-description{display:none;margin-top:6px!important;font-size:calc(11px * var(--ui-font-scale, 1))!important;line-height:1.42!important}.training-setting-description[data-mobile-open=true]{display:block}.training-setting-header>span{min-height:26px;padding:3px 8px;font-size:calc(11px * var(--ui-font-scale, 1))}.training-option{min-height:50px;padding:8px 10px;border-radius:var(--radius-s)}.training-option-title{font-size:calc(14px * var(--ui-font-scale, 1))}.training-option-meta{display:-webkit-box;overflow:hidden;font-size:calc(10px * var(--ui-font-scale, 1));line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.training-config .config-actions,.training-config .config-actions .btn,.training-actions,.training-actions .btn{width:100%}.training-config .config-actions{margin:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--bg-elevated)}.training-config .config-actions .btn{min-height:48px;padding:10px 16px;font-size:calc(15px * var(--ui-font-scale, 1))}.training-config-notice{flex-direction:column;gap:4px;margin-top:8px;padding:10px 12px}.training-result-summary{grid-template-columns:1fr}.experiment-results{justify-content:flex-start;padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.results-table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media(max-width:720px){.training-start-alert{max-width:none;flex:1 1 100%}}@media(max-width:640px){.font-setting-control{width:100%;justify-content:flex-start}.font-setting-control .setting-value{min-width:0;text-align:left}.font-setting-control .btn{flex:1 1 auto}}@media(max-height:560px)and (orientation:landscape){.mobile-touch-pad{width:124px;height:124px;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}.mobile-touch-button{width:40px;height:40px;font-size:18px}.mobile-action-controls{gap:8px}.mobile-action-button{min-width:90px;min-height:44px;padding:8px 12px;font-size:14px}.trainer-hub-header{min-height:96px}.trainer-hub-brand strong{font-size:calc(14px * var(--ui-font-scale, 1))}.trainer-hub-brand img{height:18px;width:18px}.trainer-account-menu-button{width:36px;height:36px}.rehab-footer-inner{min-height:calc(24px + env(safe-area-inset-bottom));font-size:calc(8px * var(--ui-font-scale, 1))}.page-content{padding-top:8px;padding-bottom:8px}.section-title{font-size:calc(18px * var(--ui-font-scale, 1))}.section-subtitle{display:none}.training-config-header{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}.training-config-label,.training-config-header-side{display:none}.training-config h1{font-size:calc(18px * var(--ui-font-scale, 1))}.training-config-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.training-setting{padding:8px 0}.training-setting-header{margin-bottom:6px}.training-option{min-height:42px;padding:6px 9px}.training-option-meta{display:none}.training-config .config-actions{flex-wrap:nowrap;padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.training-config .config-actions .btn{min-height:42px;padding:8px 12px}}@media(max-width:520px){.settings-tab{flex:1 1 100%}}@media(forced-colors:active){:root{--bg: Canvas;--bg-panel: Canvas;--bg-card: Canvas;--bg-card-hover: Canvas;--accent: LinkText;--accent-dark: LinkText;--accent-hover: Highlight;--text-on-accent: HighlightText;--text-primary: CanvasText;--text-secondary: CanvasText;--text-muted: CanvasText;--border: CanvasText;--border-hover: Highlight;--bg-elevated: Canvas;--bg-overlay: Canvas;--bg-accent-soft: Canvas;--logo-filter: none;--shadow-card: none;--shadow-floating: none}.trainer-hub-brand img{forced-color-adjust:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.app-loading-indicator{animation:none!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}