:root{--color-primary-50: #EEF0FF;--color-primary-100: #DDE2FF;--color-primary-200: #BBC3FF;--color-primary-300: #8B9AFF;--color-primary-400: #6B7FED;--color-primary-500: #5B6FED;--color-primary-600: #4251D8;--color-primary-700: #3340B3;--color-primary-800: #2A3394;--color-primary-900: #1F2670;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--color-surface-base: #0A0B0F;--color-surface-raised: #14151B;--color-surface-overlay: #2B2D3A;--color-surface-elevated: #353747;--color-border-subtle: #3A3B48;--color-border-default: #4A4B58;--color-border-strong: #5A5B68;--color-text-primary: #FFFFFF;--color-text-secondary: #9CA3B2;--color-text-tertiary: #6B7280;--color-text-disabled: #4B5563;--color-success: #10B981;--color-success-rgb: 16, 185, 129;--color-warning: #F59E0B;--color-warning-surface: rgba(245, 158, 11, .1);--color-warning-text: #FCD34D;--color-error: #EF4444;--color-error-surface: rgba(239, 68, 68, .1);--color-error-text: #FCA5A5;--color-info: #06B6D4;--color-primary-rgb: 91, 111, 237;--color-background: var(--color-surface-base);--color-surface: var(--color-surface-raised);--color-surface-hover: var(--color-surface-overlay);--color-border: var(--color-border-default);--color-text-muted: var(--color-text-tertiary);--color-white: #FFFFFF;--focus-ring-color: var(--color-primary-400);--focus-ring-width: 3px;--focus-ring-offset: 2px;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-none: 0;--radius-sm: .125rem;--radius-default: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .6);--shadow-2xl: 0 16px 64px rgba(0, 0, 0, .7);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-glow-sm: 0 0 12px rgba(91, 111, 237, .3);--shadow-glow-md: 0 0 24px rgba(91, 111, 237, .4);--shadow-glow-lg: 0 0 48px rgba(91, 111, 237, .5);--duration-instant: 50ms;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--duration-slower: .5s;--duration-slowest: 1s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: var(--duration-fast) var(--ease-out);--transition-base: var(--duration-base) var(--ease-out);--transition-slow: var(--duration-slow) var(--ease-out);--font-family-base: var(--font-sans);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-60: 60;--z-70: 70;--z-80: 80;--z-90: 90;--z-100: 100;--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--screen-2xl: 1536px;--touch-target-min: 44px;--touch-target-default: 48px;--touch-target-large: 56px;--touch-min: var(--touch-target-min)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-surface-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent;border:none;cursor:pointer;-webkit-appearance:none;appearance:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}*:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}img,video,canvas,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);min-height:var(--touch-target-default);font-weight:var(--font-semibold);border-radius:var(--radius-lg);transition-property:transform,box-shadow,background-color,border-color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn--primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-glow-sm)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow-md)}.btn--secondary{background-color:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn--secondary:hover{background-color:var(--color-surface-overlay);border-color:var(--color-border-strong)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.btn--response{padding:var(--space-6);font-size:var(--text-lg);min-height:60px}.btn--response:focus-visible{background-color:var(--color-primary-500);border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:var(--shadow-md);outline:2px solid var(--color-primary-300);outline-offset:2px}@media (hover: hover) and (pointer: fine){.btn--response:hover:not(:disabled):not(:focus-visible){background-color:var(--color-surface-elevated);border-color:var(--color-primary-400);transform:translateY(-1px)}}.btn--icon{width:var(--touch-target-min);height:var(--touch-target-min);padding:0;border-radius:var(--radius-full)}.btn--block{width:100%}.btn--large{min-height:var(--touch-target-large);padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.card{background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--duration-base) var(--ease-out)}.card--interactive{cursor:pointer}.card--interactive:hover{background-color:var(--color-surface-overlay);border-color:var(--color-border-default);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);background-color:var(--color-surface-overlay);border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.card--selected{border-color:var(--color-primary-500);background-color:var(--color-surface-overlay);box-shadow:var(--shadow-glow-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge--success{background-color:var(--color-success);color:#fff}.badge--warning{background-color:var(--color-warning);color:#fff}.badge--error{background-color:var(--color-error);color:#fff}.badge--info{background-color:var(--color-info);color:#fff}.badge--outline{background-color:transparent;border:1px solid currentColor}.badge--outline.badge--success{color:var(--color-success)}.badge--outline.badge--warning{color:var(--color-warning)}.badge--outline.badge--error{color:var(--color-error)}.progress{position:relative;width:100%;height:8px;background-color:var(--color-surface-base);border-radius:var(--radius-full);overflow:hidden}.progress__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-primary-300) 100%);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.progress--sm{height:4px}.progress--lg{height:12px}.back-button{display:inline-flex;align-items:center;gap:var(--space-1-5, .375rem);padding:var(--space-2) var(--space-2);min-height:var(--touch-target-min);min-width:var(--touch-target-min);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:var(--text-sm);font-weight:var(--font-medium);margin:calc(var(--space-2) * -1) 0}.back-button:hover{color:var(--color-text-primary);background-color:var(--color-surface-raised)}.back-button__icon{width:18px;height:18px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.back-button__label{line-height:1;white-space:nowrap}.app-header .back-button{margin:0;padding:var(--space-1-5, .375rem) var(--space-2)}.page-header .back-button{margin-bottom:var(--space-3)}.icon{width:1em;height:1em;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.icon--sm{width:16px;height:16px}.icon--md{width:20px;height:20px}.icon--lg{width:24px;height:24px}.modal-backdrop{position:fixed;inset:0;background-color:#000000bf;z-index:var(--z-90);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:modalFadeIn var(--duration-fast) var(--ease-out)}.modal{background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp var(--duration-base) var(--ease-out)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.modal__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1;color:var(--color-text-primary)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-border-subtle)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.response-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);-webkit-user-select:none;user-select:none}@media (max-width: 575px){.response-panel{gap:var(--space-2)}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:var(--z-50);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background-color:#0a0b0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.app-header__logo{display:flex;align-items:center;gap:var(--space-2)}.app-header__logo-dot{width:8px;height:8px;background-color:var(--color-primary-500);border-radius:var(--radius-full);box-shadow:var(--shadow-glow-sm);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.app-header__title{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.02em}.app-header__actions{display:flex;gap:var(--space-2)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--space-16);background-color:#0a0b0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-around;align-items:center;z-index:var(--z-50);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--color-text-secondary);padding:var(--space-2);flex:1;height:100%;transition:color var(--duration-fast) var(--ease-out)}.bottom-nav__item--active{color:var(--color-primary-400)}.bottom-nav__icon{width:24px;height:24px;margin-bottom:4px}.bottom-nav__icon svg{width:100%;height:100%}.bottom-nav__label{font-size:var(--text-xs);font-weight:var(--font-medium)}.main-content{flex:1;padding:var(--space-6);padding-bottom:calc(var(--space-16) + env(safe-area-inset-bottom) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-8)}.hero{position:relative;background:linear-gradient(135deg,var(--color-surface-raised) 0%,var(--color-surface-overlay) 100%);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);overflow:hidden;box-shadow:var(--shadow-md)}.hero:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--color-primary-500) 0%,transparent 70%);opacity:.1;transform:translate(50%,-50%);pointer-events:none}.hero__status{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.hero__title{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-2);letter-spacing:-.03em}.hero__description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.hero__progress{margin-bottom:var(--space-6)}.hero__progress-label{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.action-grid{display:grid;gap:var(--space-4)}.action-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.action-card__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-base);border-radius:var(--radius-lg)}.action-card__content{flex:1}.action-card__title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.action-card__description{font-size:var(--text-sm);color:var(--color-text-tertiary)}.action-card__arrow{flex-shrink:0;color:var(--color-text-tertiary)}.template-grid{display:grid;gap:var(--space-4)}.template-card{position:relative;padding:var(--space-6);background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.template-card:hover{background-color:var(--color-surface-overlay);border-color:var(--color-border-default);box-shadow:var(--shadow-md)}.template-card--selected{border-color:var(--color-primary-500);background-color:var(--color-surface-overlay)}.template-card--selected:after{content:"✓";position:absolute;top:var(--space-4);right:var(--space-4);width:24px;height:24px;background-color:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.template-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.template-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.template-card__description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.template-card__stats{display:flex;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.stat{display:flex;flex-direction:column}.stat__value{font-weight:var(--font-semibold);color:var(--color-text-primary)}.stat__label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.exercise{display:flex;flex-direction:column;height:100vh;height:100dvh}.exercise__header{padding:var(--space-4) var(--space-6);background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width: 575px){.exercise__header{padding:var(--space-3) var(--space-4);gap:var(--space-2)}}.exercise__info{display:flex;align-items:center;justify-content:space-between}.exercise__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.exercise__meta{display:flex;align-items:center;gap:var(--space-3)}.exercise__actions{display:flex;align-items:center;gap:var(--space-2)}.exercise__timer{color:var(--color-text-secondary);font-size:var(--text-sm)}.exercise__canvas{flex:1;background-color:var(--color-surface-base);display:flex;align-items:center;justify-content:center;position:relative;padding:0}@media (max-width: 575px){.exercise__canvas{max-height:50vh;max-height:50dvh}}.exercise__canvas-placeholder{width:90%;max-width:400px;aspect-ratio:1;background-color:var(--color-surface-raised);border:2px dashed var(--color-border-default);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.exercise__response{background-color:var(--color-surface-raised);border-top:1px solid var(--color-border-subtle);padding:var(--space-6)}@media (max-width: 575px){.exercise__response{flex:1;padding:var(--space-1)}}.response-grid{display:grid;gap:var(--space-4);max-width:400px;margin:0 auto}.response-grid--directional{grid-template-columns:repeat(3,1fr);grid-template-areas:". up ." "left . right" ". down ."}.response-grid--binary{grid-template-columns:repeat(2,1fr)}.btn--response.btn--up{grid-area:up}.btn--response.btn--down{grid-area:down}.btn--response.btn--left{grid-area:left}.btn--response.btn--right{grid-area:right}.calibration{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.calibration__card{background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:400px;width:100%;text-align:center}.calibration__icon{width:80px;height:80px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-info) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl)}.calibration__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.calibration__description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.calibration__visual{width:200px;aspect-ratio:1.586;margin:0 auto var(--space-8);background:linear-gradient(135deg,#374151,#1f2937);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative}.calibration__visual:after{content:"";position:absolute;top:50%;left:20px;right:20px;height:20px;background:linear-gradient(90deg,#d4af37,#b8960f);transform:translateY(-50%);border-radius:4px}.calibration__actions{display:flex;flex-direction:column;gap:var(--space-4)}.calibration__steps{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.calibration__step{display:flex;align-items:center;gap:var(--space-4)}.calibration__step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary-500);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0}.calibration__step-text{color:var(--color-text-primary);font-size:var(--text-base)}.page-container{min-height:100vh;background-color:var(--color-background);padding:var(--space-6)}.page-container--centered{display:flex;align-items:center;justify-content:center}.page-content{max-width:1024px;margin:0 auto}.page-header{margin-bottom:var(--space-8)}.page-header__title{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.page-header__description{font-size:var(--text-base);color:var(--color-text-secondary)}.empty-state{text-align:center;max-width:400px}.empty-state__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.empty-state__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stats-grid--three{grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.stats-grid--three{grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-4)}.stat-card__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.content-section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.protocol-list{display:flex;flex-direction:column;gap:var(--space-4)}.protocol-card{background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.protocol-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.protocol-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.protocol-card__session-count{font-size:var(--text-sm);color:var(--color-text-secondary)}.protocol-card__stats{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-4)}.protocol-card__last-trained{color:var(--color-text-tertiary)}.protocol-card__last-trained span{color:var(--color-text-secondary)}.protocol-card__improvement{font-weight:var(--font-medium)}.protocol-card__improvement--neutral{color:var(--color-text-tertiary)}.protocol-card__improvement--positive{color:var(--color-success)}.protocol-card__improvement--negative{color:var(--color-error)}.session-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-item{width:100%;text-align:left;background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.session-item:hover{background-color:var(--color-surface-overlay);border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.session-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.session-item__title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)}.session-item__date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.session-item__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.session-item__improvement{font-weight:var(--font-medium)}.session-item__improvement--positive{color:var(--color-success)}.session-item__improvement--negative{color:var(--color-error)}.back-button{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);margin-left:calc(-1 * var(--space-2))}.chart-card{margin-bottom:var(--space-8)}.chart-container{position:relative;height:192px;display:flex;align-items:flex-end;gap:var(--space-1);margin-bottom:var(--space-2)}.chart-bar-wrapper{flex:1;position:relative;min-width:8px}.chart-bar-wrapper:hover .chart-bar{opacity:.8}.chart-bar{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--duration-fast) var(--ease-out)}.chart-bar--neutral{background-color:var(--color-text-secondary)}.chart-bar--positive{background-color:var(--color-success)}.chart-bar--negative{background-color:var(--color-error)}.chart-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);padding:var(--space-2);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);z-index:var(--z-10)}.chart-bar-wrapper:hover .chart-tooltip{opacity:1}.chart-labels{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted)}.calibration-container{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-base);-webkit-user-select:none;user-select:none;position:relative}.calibration-header{padding:var(--space-6) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.calibration-header__content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center}.calibration-header__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.calibration-header__description{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;max-width:600px}.calibration-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);gap:var(--space-6);max-width:1200px;margin:0 auto;width:100%}.calibration-instructions{width:100%;max-width:600px;padding:var(--space-6);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.calibration-instructions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.calibration-instructions__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.calibration-instructions__list{margin:0;padding-left:var(--space-6);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.calibration-instructions__list li{margin-bottom:var(--space-2)}.calibration-instructions__tip{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.calibration-instructions__footer{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.calibration-instructions__footer-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium);text-align:center}.calibration-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4)}.calibration-outline{border:2px solid var(--color-success);border-radius:var(--radius-md);background:rgba(var(--color-success-rgb),.1);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(var(--color-success-rgb),.3);transition:all var(--transition-fast) var(--ease-out)}.calibration-outline__label{text-align:center;color:var(--color-success);font-weight:var(--font-semibold)}.calibration-outline__name{font-size:var(--text-sm);letter-spacing:.05em}.calibration-outline__size{font-size:var(--text-xs);opacity:.8;margin-top:var(--space-1)}.calibration-outline__corner{position:absolute;width:12px;height:12px;border:2px solid var(--color-success)}.calibration-outline__corner--tl{top:-4px;left:-4px;border-right:none;border-bottom:none}.calibration-outline__corner--tr{top:-4px;right:-4px;border-left:none;border-bottom:none}.calibration-outline__corner--bl{bottom:-4px;left:-4px;border-right:none;border-top:none}.calibration-outline__corner--br{bottom:-4px;right:-4px;border-left:none;border-top:none}.calibration-visual__info{font-size:var(--text-lg);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.calibration-visual__value{color:var(--color-primary-500);font-weight:var(--font-semibold)}.calibration-controls{display:flex;flex-direction:column;gap:var(--space-6);align-items:center;width:100%;max-width:600px;padding:var(--space-6);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.calibration-controls__adjusters{display:flex;gap:var(--space-3);align-items:center;justify-content:center;flex-wrap:wrap}.calibration-controls__size{min-width:100px;text-align:center;font-size:var(--text-lg);color:var(--color-text-primary);padding:0 var(--space-4);font-variant-numeric:tabular-nums;font-weight:var(--font-medium)}.calibration-controls__actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.calibration-info{width:100%;max-width:600px;padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.calibration-info__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.calibration-info__item{display:flex;flex-direction:column;gap:var(--space-1)}.calibration-info__label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.calibration-info__value{font-size:var(--text-base);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.calibration-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-warning-surface);color:var(--color-warning-text);padding:var(--space-6);border-radius:var(--radius-xl);text-align:center;z-index:1000;max-width:320px;box-shadow:var(--shadow-xl);border:1px solid var(--color-warning)}.calibration-warning__icon{font-size:32px;margin-bottom:var(--space-3)}.calibration-warning__title{font-weight:var(--font-semibold);margin-bottom:var(--space-2);font-size:var(--text-lg)}.calibration-warning__message{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.calibration-alert{position:fixed;top:var(--space-4);left:var(--space-4);right:var(--space-4);background:var(--color-error-surface);color:var(--color-error-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-align:center;z-index:999;box-shadow:var(--shadow-lg);border:1px solid var(--color-error)}.calibration-alert__title{font-weight:var(--font-semibold);margin-bottom:var(--space-1);font-size:var(--text-base)}.calibration-alert__message{font-size:var(--text-sm)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--color-surface-elevated);border-radius:var(--radius-xl);padding:var(--space-6);max-width:480px;width:100%;border:1px solid var(--color-border);box-shadow:var(--shadow-2xl)}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.modal__title{margin:0;color:var(--color-primary-500);font-size:var(--text-xl);font-weight:var(--font-semibold)}.modal__content,.reference-selector{display:flex;flex-direction:column;gap:var(--space-3)}.reference-selector__item{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:all var(--transition-fast) var(--ease-out)}.reference-selector__item:hover{background:var(--color-surface-hover);border-color:var(--color-primary-500)}.reference-selector__item--selected{border:2px solid var(--color-primary-500);background:rgba(var(--color-primary-rgb),.1)}.reference-selector__name{font-weight:var(--font-semibold);margin-bottom:var(--space-1);font-size:var(--text-base)}.reference-selector__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.reference-selector__availability{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width: 768px){.calibration-header__content{padding:var(--space-4) var(--space-3)}.calibration-main{padding:var(--space-4) var(--space-3);gap:var(--space-4)}.calibration-instructions,.calibration-controls{padding:var(--space-4)}.calibration-controls__adjusters{gap:var(--space-2)}.calibration-controls__size{min-width:80px;font-size:var(--text-base)}.modal{padding:var(--space-4)}}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.flex-1{flex:1!important}.flex-shrink-0{flex-shrink:0!important}.gap-1{gap:var(--space-1)!important}.gap-2{gap:var(--space-2)!important}.gap-3{gap:var(--space-3)!important}.gap-4{gap:var(--space-4)!important}.gap-6{gap:var(--space-6)!important}.gap-8{gap:var(--space-8)!important}.m-0{margin:0!important}.m-auto{margin:auto!important}.mt-1{margin-top:var(--space-1)!important}.mt-2{margin-top:var(--space-2)!important}.mt-4{margin-top:var(--space-4)!important}.mb-1{margin-bottom:var(--space-1)!important}.mb-2{margin-bottom:var(--space-2)!important}.mb-4{margin-bottom:var(--space-4)!important}.p-0{padding:0!important}.p-2{padding:var(--space-2)!important}.p-4{padding:var(--space-4)!important}.p-6{padding:var(--space-6)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.font-normal{font-weight:var(--font-normal)!important}.font-medium{font-weight:var(--font-medium)!important}.font-semibold{font-weight:var(--font-semibold)!important}.font-bold{font-weight:var(--font-bold)!important}.text-xs{font-size:var(--text-xs)!important}.text-sm{font-size:var(--text-sm)!important}.text-base{font-size:var(--text-base)!important}.text-lg{font-size:var(--text-lg)!important}.text-xl{font-size:var(--text-xl)!important}.text-2xl{font-size:var(--text-2xl)!important}.text-primary{color:var(--color-text-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-tertiary{color:var(--color-text-tertiary)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-error{color:var(--color-error)!important}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transition-all{transition-property:all;transition-duration:var(--duration-base);transition-timing-function:var(--ease-out)}.transition-colors{transition-property:background-color,border-color,color;transition-duration:var(--duration-base);transition-timing-function:var(--ease-out)}.focus-visible:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (min-width: 640px){.sm\:hidden{display:none!important}.sm\:block{display:block!important}.sm\:flex{display:flex!important}}@media (min-width: 768px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1024px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important}}#root{min-height:100vh;background-color:var(--color-surface-base)}