:root{--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-active: #1d4ed8;--bg-primary: #1a1a1a;--bg-secondary: #232323;--bg-tertiary: #2d2d2d;--bg-elevated: #363636;--bg-hover: #2d2d2d;--text-primary: #e5e5e5;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-muted: #525252;--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--border-color: rgba(255, 255, 255, .1);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--selection: rgba(59, 130, 246, .15);--selection-hover: rgba(59, 130, 246, .25);--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-stroke-thin: 1.5px;--icon-stroke-regular: 2px;--icon-stroke-bold: 2.5px;--icon-primary: var(--text-primary);--icon-secondary: var(--text-secondary);--icon-accent: var(--accent-primary);--icon-muted: var(--text-tertiary);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .3);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-cubic: cubic-bezier(.4, 0, 1, 1);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--distance-sm: 8px;--distance-md: 12px;--distance-lg: 20px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--z-base: 1;--z-dropdown: 10;--z-sticky: 50;--z-fixed: 100;--z-modal-backdrop: 500;--z-modal: 600;--z-popover: 700;--z-tooltip: 800;--z-notification: 900;--z-max: 9999}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.popup-body{height:auto!important;min-height:auto!important;overflow:visible!important;border-radius:var(--radius-lg)}body.popup-body #root{height:auto!important;min-height:auto!important;border-radius:var(--radius-lg);overflow:visible!important}#root{width:100%;height:100%;background:var(--bg-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px;transition:background var(--duration-fast) ease}::-webkit-scrollbar-thumb:hover{background:#fff3}::-webkit-scrollbar-thumb:active{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}::selection{background:var(--selection-hover);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(12px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f5;--bg-elevated: #e9ecef;--bg-hover: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--text-tertiary: #6c757d;--text-muted: #adb5bd;--border-subtle: rgba(0, 0, 0, .05);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .2);--border-color: rgba(0, 0, 0, .12);--selection: rgba(59, 130, 246, .1);--selection-hover: rgba(59, 130, 246, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=light] ::-webkit-scrollbar-thumb:active{background:#00000059}[data-theme=light] *{scrollbar-color:rgba(0,0,0,.15) transparent}