:root{--color-bg-primary: #0a0f1c;--color-bg-secondary: #131c31;--color-text-primary: #ffffff;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .4);--color-primary: #38bdf8;--color-primary-hover: #0ea5e9;--color-accent-purple: #c084fc;--color-accent-cyan: #22d3ee;--color-text: #f8fafc;--color-text-secondary: #94a3b8;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--gradient-primary: linear-gradient(135deg, var(--color-accent-cyan), var(--color-primary));--gradient-glow: linear-gradient(45deg, var(--color-accent-cyan), var(--color-accent-purple));--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-bg: rgba(15, 23, 42, .6);--shadow-glow: 0 0 15px rgba(56, 189, 248, .15);--shadow-card: 0 8px 32px 0 rgba(7, 11, 25, .37);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-full: 9999px;--font-family-base: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-base: 14px;--line-height-base: 1.5;--font-weight-base: 400;--transition-fast: .15s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-base);line-height:var(--line-height-base);background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 50%,rgba(56,189,248,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(192,132,252,.08),transparent 25%);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;justify-content:center}.app-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.global-header{width:100%;max-width:800px;display:flex;justify-content:space-between;align-items:center;padding:1rem;margin:0 auto}.user-badge{color:var(--color-accent-cyan);font-size:.8rem;opacity:.8;font-weight:500;background:#22d3ee1a;padding:.25rem .75rem;border-radius:var(--border-radius-full)}@media(max-width:480px){.global-header{flex-direction:column;gap:.75rem;text-align:center}h1{font-size:2rem!important}h2{font-size:1.5rem!important}}