:root{--rocs-bg-base: #0a0a0c;--rocs-bg-surface: #121217;--rocs-bg-elevated: #1a1a22;--rocs-bg-glass: rgba(255, 255, 255, .05);--rocs-border-subtle: rgba(255, 255, 255, .1);--rocs-border-glow: rgba(124, 58, 237, .4);--rocs-color-primary: #7c3aed;--rocs-color-primary-hover: #6d28d9;--rocs-color-cyan: #06b6d4;--rocs-color-accent: #f43f5e;--rocs-text-main: #f8fafc;--rocs-text-muted: #94a3b8;--rocs-text-dim: #64748b;--rocs-font-sans: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--rocs-space-xs: 4px;--rocs-space-sm: 8px;--rocs-space-md: 16px;--rocs-space-lg: 24px;--rocs-space-xl: 32px;--rocs-radius-sm: 6px;--rocs-radius-md: 12px;--rocs-radius-lg: 20px;--rocs-radius-full: 9999px;--rocs-shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--rocs-shadow-glow: 0 0 20px rgba(124, 58, 237, .35)}.rocs-glass-panel{background:var(--rocs-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--rocs-border-subtle);border-radius:var(--rocs-radius-md);box-shadow:var(--rocs-shadow-glass)}