:root{--color-bg-primary: #0f0f13;--color-bg-secondary: #18181d;--color-bg-tertiary: #23232b;--color-accent-primary: #6d28d9;--color-accent-secondary: #a855f7;--color-text-primary: #ffffff;--color-text-secondary: #a1a1aa;--color-text-muted: #52525b;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease}body.theme-halloween{--color-bg-primary: #1a0505;--color-bg-secondary: #2d0a0a;--color-accent-primary: #f97316;--color-accent-secondary: #9333ea;--color-text-primary: #fff7ed;--color-text-secondary: #fdba74}body.theme-tokyo-night{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-accent-primary: #f472b6;--color-accent-secondary: #22d3ee;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:block;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);background-attachment:fixed;transition:background .5s ease,color .5s ease;overflow-x:hidden;width:100%;max-width:100vw}#root{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-md);box-sizing:border-box;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-icon{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);transition:background-color .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:#ffffff1a}input[type=range]{width:100%;height:4px;background:#fff3;border-radius:var(--radius-full);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-text-primary);border-radius:50%;cursor:pointer;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}@media (max-width: 640px){:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem}body{align-items:flex-start}#root{padding:var(--spacing-sm)}.btn-primary{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:44px}.btn-icon{padding:var(--spacing-md);min-width:44px;min-height:44px}.glass-panel{padding:var(--spacing-md)}input[type=text],input[type=password],input[type=email],textarea{font-size:16px!important;min-height:44px}input[type=range]{height:8px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}.app-container{padding:var(--spacing-xs)!important}}@media (min-width: 641px) and (max-width: 1024px){:root{--spacing-lg: 1.25rem;--spacing-xl: 1.75rem}#root{padding:var(--spacing-md)}}@media (min-width: 1025px){.btn-icon:hover{background-color:#ffffff1a}}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 640px){.mobile-only{display:block}.desktop-only{display:none}}.text-responsive{font-size:clamp(.875rem,2vw,1rem)}.heading-responsive{font-size:clamp(1.25rem,4vw,1.5rem)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-accent-secondary);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}