:root{--bg-primary: #F5F5F7;--bg-paper: #FFFFFF;--bg-elevated: #FFFFFF;--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-dark: #2563eb;--color-primary-glass: rgba(59, 130, 246, .1);--color-primary-glow: rgba(59, 130, 246, .2);--color-secondary: #5c6bc0;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-disabled: rgba(0, 0, 0, .38);--glass-blur-subtle: 8px;--glass-blur-light: 12px;--glass-blur-medium: 20px;--glass-blur-heavy: 40px;--glass-blur-intense: 60px;--glass-surface: rgba(255, 255, 255, .7);--glass-surface-light: rgba(255, 255, 255, .5);--glass-surface-medium: rgba(255, 255, 255, .8);--glass-surface-heavy: rgba(255, 255, 255, .9);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--animation-fast: .15s;--animation-normal: .2s;--animation-slow: .3s;--animation-slower: .5s;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}[data-theme=dark],.dark-mode{--bg-primary: #1C1C1E;--bg-paper: #2C2C2E;--bg-elevated: #3A3A3C;--color-primary: #60a5fa;--color-primary-light: #93c5fd;--color-primary-dark: #3b82f6;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .5);--glass-surface: rgba(30, 41, 59, .7);--glass-surface-light: rgba(30, 41, 59, .5);--glass-surface-medium: rgba(30, 41, 59, .8);--glass-surface-heavy: rgba(30, 41, 59, .9)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:SF Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.bg-light,.bg-dark{background:var(--bg-primary)}.bg-paper{background:var(--bg-paper)}.glass{background:var(--glass-surface);backdrop-filter:blur(var(--glass-blur-medium)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-medium)) saturate(120%);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a}.glass-light{background:var(--glass-surface-light);backdrop-filter:blur(var(--glass-blur-light)) saturate(110%);-webkit-backdrop-filter:blur(var(--glass-blur-light)) saturate(110%);border:1px solid rgba(148,163,184,.15);border-radius:var(--radius-md);box-shadow:0 1px 4px #00000008}.glass-heavy{background:var(--glass-surface-heavy);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(120%);border:1px solid rgba(148,163,184,.25);border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000000d}.glass-glow{background:var(--glass-surface);backdrop-filter:blur(var(--glass-blur-medium)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-medium)) saturate(120%);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000000f,0 0 24px var(--color-primary-glass),inset 0 1px #ffffff80}.specular-top:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);border-radius:50%}.specular-inner{box-shadow:inset 0 1px #ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--animation-normal) ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn var(--animation-normal) cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--animation-slow) cubic-bezier(.4,0,.2,1)}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--color-primary-glass)}50%{box-shadow:0 0 40px var(--color-primary-glow)}}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#0000004d}.dark-mode ::-webkit-scrollbar-track,[data-theme=dark] ::-webkit-scrollbar-track{background:#ffffff0d}.dark-mode ::-webkit-scrollbar-thumb,[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}.dark-mode ::-webkit-scrollbar-thumb:hover,[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@supports not (backdrop-filter: blur(10px)){.glass,.glass-light,.glass-heavy,.glass-glow{background:#ffffffd9}.dark-mode .glass,.dark-mode .glass-light,.dark-mode .glass-heavy,.dark-mode .glass-glow,[data-theme=dark] .glass,[data-theme=dark] .glass-light,[data-theme=dark] .glass-heavy,[data-theme=dark] .glass-glow{background:#1c1c1ef2}}@media (max-width: 768px){:root{--glass-blur-subtle: 0px;--glass-blur-light: 0px;--glass-blur-medium: 0px;--glass-blur-heavy: 0px;--glass-blur-intense: 0px;--glass-surface: rgba(255, 255, 255, .88);--glass-surface-light: rgba(255, 255, 255, .78);--glass-surface-medium: rgba(255, 255, 255, .92);--glass-surface-heavy: rgba(255, 255, 255, .96)}[data-theme=dark],.dark-mode{--glass-surface: rgba(30, 41, 59, .88);--glass-surface-light: rgba(30, 41, 59, .78);--glass-surface-medium: rgba(30, 41, 59, .92);--glass-surface-heavy: rgba(30, 41, 59, .96)}*,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}::selection{background:var(--color-primary-glass);color:inherit}::-moz-selection{background:var(--color-primary-glass);color:inherit}