.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}body[data-ui-theme=dark]{color-scheme:dark;--bg: var(--brain-dark-bg);--bg-panel: var(--brain-dark-bg-panel);--bg-card: var(--brain-dark-bg-card);--bg-card-hover: var(--brain-dark-bg-card-hover);--accent: var(--brain-dark-accent);--accent-dark: var(--brain-dark-accent-dark);--accent-hover: var(--brain-dark-accent-hover);--text-on-accent: var(--brain-dark-text-on-accent);--text-primary: var(--brain-dark-text-primary);--text-secondary: var(--brain-dark-text-secondary);--text-muted: var(--brain-dark-text-muted);--border: var(--brain-dark-border);--border-hover: var(--brain-dark-border-hover);--bg-elevated: var(--brain-dark-bg-elevated);--bg-overlay: var(--brain-dark-bg-overlay);--bg-accent-soft: var(--brain-dark-bg-accent-soft);--logo-filter: var(--brain-dark-logo-filter);--shadow-card: var(--brain-dark-shadow-card);--shadow-floating: var(--brain-dark-shadow-floating)}body[data-ui-theme=contrast]{--bg: var(--brain-contrast-bg);--bg-panel: var(--brain-contrast-bg);--bg-card: var(--brain-contrast-bg);--bg-card-hover: var(--brain-contrast-bg-card-hover);--accent: var(--brain-contrast-accent);--accent-dark: var(--brain-contrast-accent-dark);--accent-hover: var(--brain-contrast-accent-dark);--text-on-accent: var(--brain-contrast-text-on-accent);--text-primary: var(--brain-contrast-text-primary);--text-secondary: var(--brain-contrast-text-primary);--text-muted: var(--brain-contrast-text-muted);--border: var(--brain-contrast-border);--border-hover: var(--brain-contrast-accent);--bg-elevated: var(--brain-contrast-bg);--bg-overlay: var(--brain-contrast-bg-overlay);--bg-accent-soft: var(--brain-contrast-bg-accent-soft);--logo-filter: var(--brain-contrast-logo-filter);--shadow-card: none;--shadow-floating: none}.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-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-dialog h2{margin:0 0 12px;color:var(--text-primary)}.auth-dialog p,.auth-dialog li{color:var(--text-secondary);font-weight:var(--fw-bold, 700);line-height:1.65}.auth-checkbox-row,.auth-radio-row label,.auth-profile-grid 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-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}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;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{margin:0;overflow:hidden}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;height:100vh;background:var(--bg);color:var(--text-primary);font-size:var(--ui-font-size, 18px);font-weight:var(--ui-font-weight, var(--fw-regular, 500))}.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)}.navbar{position:relative;z-index:100;display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:64px;padding:0 48px;border-bottom:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card, 0 1px 4px rgba(0, 0, 0, .02))}.navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1600px;gap:20px;min-width:0}.navbar-brand{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;max-width:min(42vw,360px);gap:12px;color:var(--accent-dark);font-size:calc(20px * var(--ui-font-scale, 1));font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700));letter-spacing:0;text-decoration:none;white-space:nowrap}.navbar-brand img{flex:0 0 auto;height:24px;width:auto;filter:var(--logo-filter, none)}.navbar-brand svg{color:var(--accent)}.navbar-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-card);color:var(--text-primary);cursor:pointer}.navbar-menu{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;min-width:0;gap:24px}.navbar-links,.navbar-tools,.navbar-records{display:flex;align-items:center;min-width:0}.navbar-links{flex:0 0 auto;gap:8px}.navbar-tools{gap:16px}.navbar-records{gap:10px}.navbar-link{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-m);color:var(--text-secondary);font-size:calc(16px * var(--ui-font-scale, 1));font-weight:var(--ui-font-medium-weight, var(--fw-medium, 600));text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.navbar-link:hover{background:var(--bg-panel);color:var(--text-primary)}.navbar-link.active{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent-dark);font-weight:var(--ui-font-heading-weight, var(--fw-bold, 700))}.navbar-download-btn{flex:0 0 auto;min-height:40px;padding:8px 14px;border-radius:var(--radius-m);white-space:nowrap}.navbar-overlay{display:none}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;min-height:100vh;gap:14px;background:var(--bg);color:var(--text-secondary)}.app-loading-indicator{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--accent) 16%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.app-loading-text{font-size:calc(15px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.page-content{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;width:100%;overflow-y:auto;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{width:100%;min-height:100%;text-align:left;font:inherit}.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)}.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:20px;margin-bottom:12px;padding:16px 24px;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-bottom:2px;font-size:calc(14px * var(--ui-font-scale, 1));font-weight:var(--fw-bold, 700)}.setting-info p{color:var(--text-muted);font-size:calc(11px * 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-label,.config-summary,.number-preset-input::placeholder,.diff-btn-desc{font-size:calc(12px * var(--ui-font-scale, 1))}.color-field,.shape-btn,.number-preset-input{font-size:calc(14px * var(--ui-font-scale, 1))}.diff-btn-label,.number-preset-button{font-size:calc(16px * var(--ui-font-scale, 1))}.calibration-warning-message{font-size:calc(18px * var(--ui-font-scale, 1))}.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;border-top:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary)}.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))}.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:1220px){.navbar{padding-inline:18px}.navbar-toggle{z-index:102;display:inline-flex;flex:0 0 auto}.navbar-menu{position:fixed;top:0;right:-320px;z-index:101;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:min(320px,86vw);height:100vh;padding:84px 24px 24px;background:var(--bg-card);box-shadow:-4px 0 16px #0000001a;transition:right .3s ease}.navbar-menu.is-open{right:0}.navbar-links,.navbar-tools,.navbar-records{flex-direction:column;align-items:stretch;width:100%}.navbar-link,.navbar-download-btn{width:100%;justify-content:flex-start;text-align:left}.navbar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:block;background:#00000059}}@media(max-width:768px){.page-content{padding:24px 20px}.setting-row,.rehab-footer-inner,.rehab-footer-meta{flex-direction:column;align-items:stretch}.setting-actions,.setting-value-actions,.segmented-control,.range-control{width: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-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}.navbar-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}}@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)}}
