:root{--bg: #0a0a0d;--bg-panel: #141419;--bg-card: #1a1a22;--bg-button: #252530;--bg-button-hover: #2f2f3d;--bg-button-active: #3a3a4a;--bg-overlay: rgba(0, 0, 0, .75);--text-primary: #f0f0f5;--text-secondary: #c5c5d0;--text-muted: #8888a0;--color-primary: #7c7cff;--color-primary-hover: #9494ff;--color-primary-light: #a5a5ff;--color-accent: #5cffb1;--color-accent-dim: rgba(92, 255, 177, .15);--color-success: #22c992;--color-success-light: #4aedb5;--color-warning: #ffcc44;--color-warning-dim: rgba(255, 204, 68, .15);--color-danger: #ff5566;--color-danger-dim: rgba(255, 85, 102, .1);--color-inactive: #3a3a4a;--color-visitor: #5cff9f;--color-floating-text: #ff99cc;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .15);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow-primary: 0 0 20px rgba(124, 124, 255, .3);--shadow-glow-accent: 0 0 20px rgba(92, 255, 177, .2);--shadow-glow-success: 0 0 20px rgba(34, 201, 146, .3);--font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-2xl: 20px;--spacing-3xl: 24px;--spacing-4xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100%;display:flex;flex-direction:column}.main-content{flex:1;padding-top:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-lg);letter-spacing:-.02em}h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-lg)}h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-lg)}button{background:var(--bg-button);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}button:hover:not(:disabled){background:var(--bg-button-hover);border-color:var(--border-hover);transform:translateY(-1px)}button:active:not(:disabled){background:var(--bg-button-active);transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}