:root{--ha-violet-50: #f3f2fb;--ha-violet-100: #e4e2f5;--ha-violet-200: #cac6ec;--ha-violet-300: #a8a3dd;--ha-violet-400: #8b86cd;--ha-violet-500: #6f68be;--ha-violet-600: #5b52a8;--ha-violet-700: #4a4289;--ha-violet-800: #3c3770;--ha-violet-900: #2f2b56;--arbiref-primary: #E8463B;--arbiref-hover: #c8362c;--arbiref-grad-from: #F57569;--arbiref-grad-to: #b52a22;--coachbox-primary: #0FA58E;--coachbox-hover: #0c8a76;--accent: var(--arbiref-primary);--accent-hover: var(--arbiref-hover);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--success-rgb: 16, 185, 129;--warning-rgb: 245, 158, 11;--danger-rgb: 239, 68, 68;--info-rgb: 59, 130, 246;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 16px 40px rgba(0,0,0,.45);--shadow-glow: 0 0 0 6px color-mix(in oklab, var(--accent) 18%, transparent);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--touch-min: 44px;--touch-comfort: 56px;--topbar-h: clamp(44px, 6dvh, 60px);--bench-h: clamp(38px, 5dvh, 52px);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--d-bg: #0b0b10;--d-surface: #14141c;--d-surface-2: #1c1c26;--d-border: #262631;--d-border-soft: #1e1e28;--d-text: #f1f0f5;--d-text-dim: #9a98aa;--d-text-muted: #6b6979;--l-bg: #f7f6fb;--l-surface: #ffffff;--l-surface-2: #f0eef7;--l-border: #e4e1ee;--l-border-soft: #eeecf4;--l-text: #14131c;--l-text-dim: #5d5a6f;--l-text-muted: #85829a}html[data-theme=dark],:root:not([data-theme]){--bg: var(--d-bg);--surface: var(--d-surface);--surface-2: var(--d-surface-2);--border: var(--d-border);--border-soft: var(--d-border-soft);--text: var(--d-text);--text-dim: var(--d-text-dim);--text-muted: var(--d-text-muted);--bg-page: var(--d-bg);--bg-card: var(--d-surface);--bg-hover: var(--d-surface-2);--bg-input: var(--d-bg);--border-light: var(--d-border-soft);--text-primary: var(--d-text);--text-secondary: var(--d-text-dim);--text-placeholder: #4a4a4a;--text-empty: #444444;color-scheme:dark}html[data-theme=light]{--bg: var(--l-bg);--surface: var(--l-surface);--surface-2: var(--l-surface-2);--border: var(--l-border);--border-soft: var(--l-border-soft);--text: var(--l-text);--text-dim: var(--l-text-dim);--text-muted: var(--l-text-muted);--bg-page: var(--l-bg);--bg-card: var(--l-surface);--bg-hover: var(--l-surface-2);--bg-input: var(--l-surface);--border-light: var(--l-border-soft);--text-primary: var(--l-text);--text-secondary: var(--l-text-dim);--text-placeholder: var(--l-text-muted);--text-empty: var(--l-text-dim);color-scheme:light}:root{--coachbox-grad-from: #2fcdb4;--coachbox-grad-to: #076e5e;--app-zoom: 1;--app-vh: calc(100dvh / var(--app-zoom))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;height:var(--app-vh);overscroll-behavior:none;overflow-x:hidden;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#root{height:100%;height:var(--app-vh);padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}button{font-family:inherit;cursor:pointer;touch-action:manipulation;border:none;background:none}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{html,body,#root{height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important}html,body{background:#fff!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}