html{--color-bg-primary: #f4f5f8;--color-bg-secondary: #ffffff;--color-bg-tertiary: #ebebeb;--color-surface: #ffffff;--color-surface-hover: #f0f0f0;--color-surface-active: #e6e6e6;--surface-transparency: 78%;--color-text-primary: #111214;--color-text-secondary: #3e4048;--color-text-tertiary: #757880;--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-border-lighter: #ebebeb;--color-primary: #6b72e1c7;--color-primary-hover: #4f56ccd9;--color-primary-active: #444bb8e6;--color-primary-light: #6b72e126;--color-primary-lighter: #6b72e114;--color-secondary: #d97706c7;--color-secondary-hover: #b45309d9;--color-secondary-active: #92400ee6;--color-secondary-light: #d9770626;--color-secondary-lighter: #d9770614;--color-tertiary: #9333eac7;--color-tertiary-hover: #7e22ced9;--color-tertiary-active: #6b21a8e6;--color-tertiary-light: #9333ea26;--color-tertiary-lighter: #9333ea14;--color-focus-ring: #6b72e1;--color-success: #30a46c;--color-success-light: #e8f5e9;--color-warning: #f5a623;--color-warning-light: #fff3e0;--color-danger: #e5484d;--color-danger-light: #ffebee;--color-scrollbar-track: #f0f0f0;--color-scrollbar-thumb: #d1d1d6;--color-scrollbar-thumb-hover: #b0b0b5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .28s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .14);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 8px 32px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .08);--icon-stroke-width: 1.8}html.dark{--color-bg-primary: #111214;--color-bg-secondary: #1a1b1e;--color-bg-tertiary: #24272e;--color-surface: #1e2128;--color-surface-hover: #252b34;--color-surface-active: #2e3640;--surface-transparency: 86%;--color-text-primary: #f5f6f8;--color-text-secondary: #d4d6db;--color-text-tertiary: #888c98;--color-border: #2e3640;--color-border-light: #252b34;--color-border-lighter: #1e2128;--color-primary: #7c84f5c7;--color-primary-hover: #9aa2ffd9;--color-primary-active: #7c84f5e6;--color-primary-light: #7c84f533;--color-primary-lighter: #7c84f51f;--color-secondary: #fbbf24c7;--color-secondary-hover: #fcd34dd9;--color-secondary-active: #fbbf24e6;--color-secondary-light: #fbbf2433;--color-secondary-lighter: #fbbf241f;--color-tertiary: #c084fcc7;--color-tertiary-hover: #d8b4fed9;--color-tertiary-active: #c084fce6;--color-tertiary-light: #c084fc33;--color-tertiary-lighter: #c084fc1f;--color-focus-ring: #9aa2ff;--color-success: #3db76b;--color-success-light: #1d3a2a;--color-warning: #f5a623;--color-warning-light: #3a2a1a;--color-danger: #ff6b6b;--color-danger-light: #3a1e1e;--color-scrollbar-track: #1a1b1e;--color-scrollbar-thumb: #2e3640;--color-scrollbar-thumb-hover: #3a4250;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .28s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .28);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .3);--icon-stroke-width: 1.8}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%}body{position:fixed;inset:0}.app-scroll{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}[hidden]{display:none!important}*:focus{outline:none}*:focus-visible{outline:none;box-shadow:0 0 0 4px var(--color-focus-ring);transition:box-shadow var(--transition-fast)}*:not(:focus-visible){transition:box-shadow var(--transition-fast)}.nexus-mouse-user *:focus-visible,.nexus-touch-user *:focus-visible{box-shadow:none}html,body{margin:0;padding:0;height:100%;width:100%}body{font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--color-text-primary);font-weight:600}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}h5,h6{font-size:14px}p{margin:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit;font-size:inherit;padding:var(--spacing-sm) var(--spacing-md);border:none;background-color:transparent;color:inherit;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}button:hover{background-color:var(--color-surface-hover)}button:active{background-color:var(--color-surface-active)}button[aria-checked=true]{background-color:var(--color-primary-light);color:var(--color-primary)}button[aria-checked=false]{background-color:transparent;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 3px var(--color-focus-ring-glow)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}textarea{resize:vertical;min-height:100px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}*{scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scrollbar-width:thin}.stacked{flex-direction:column}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.border{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.m-0{margin:0}