:root{--deep-sea-blue: #001f2d;--terminal-green: #66ffcc;--electric-surf-blue: #00bfff;--rip-current-pink: #ff66cc;--offshore-yellow: #ffff00;--deep-sea-blue-light: #002a3d;--deep-sea-blue-dark: #00141a;--terminal-green-light: #80ffdd;--terminal-green-dark: #4dcc99;--electric-surf-blue-light: #33ccff;--electric-surf-blue-dark: #0099cc;--bg-primary: var(--deep-sea-blue);--bg-secondary: var(--deep-sea-blue-light);--bg-overlay: rgba(0, 31, 45, .9);--text-primary: var(--terminal-green);--text-secondary: var(--terminal-green-light);--text-accent: var(--electric-surf-blue);--text-highlight: var(--offshore-yellow);--text-alert: var(--rip-current-pink);--font-primary: "Source Code Pro", "Courier New", "Monaco", monospace;--font-secondary: "Courier New", "IBM Plex Mono", monospace;--font-system: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px rgba(0, 31, 45, .3);--shadow-md: 0 4px 6px rgba(0, 31, 45, .3);--shadow-lg: 0 10px 15px rgba(0, 31, 45, .4);--shadow-xl: 0 20px 25px rgba(0, 31, 45, .5);--shadow-terminal: 0 0 20px var(--terminal-green);--shadow-electric: 0 0 20px var(--electric-surf-blue);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--cursor-char: "█";--cursor-blink: blink 1s infinite;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-modal: 1000;--z-tooltip: 1010;--z-overlay: 2000;--z-windy-controls: 2147483646;--z-windy-timeline: 2147483647;--z-max: 2147483647}@media (prefers-color-scheme: light){:root{--bg-overlay: rgba(0, 31, 45, .95)}}:root{--ascii-wave: "~^~^~^~^~^~^~^~^~";--ascii-divider: "═══════════════════════════════════════";--terminal-prompt: "🧙‍♂️ SHAMAN >"}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;font-family:var(--font-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-base);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);color:var(--text-highlight)}h1{font-size:var(--font-4xl);text-shadow:var(--shadow-terminal)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}h4{font-size:var(--font-xl)}h5{font-size:var(--font-lg)}h6{font-size:var(--font-base)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--electric-surf-blue);text-decoration:none;transition:var(--transition-fast);border-bottom:1px solid transparent}a:hover{color:var(--electric-surf-blue-light);border-bottom-color:var(--electric-surf-blue-light);text-shadow:var(--shadow-electric)}ul,ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-xs);color:var(--text-secondary)}code{font-family:var(--font-secondary);background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);color:var(--terminal-green);font-size:.9em}pre{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--border-radius-md);overflow-x:auto;margin-bottom:var(--space-md);border:1px solid var(--terminal-green-dark)}pre code{background:none;padding:0}::selection{background:var(--electric-surf-blue);color:var(--deep-sea-blue)}::-moz-selection{background:var(--electric-surf-blue);color:var(--deep-sea-blue)}img{max-width:100%;height:auto;display:block}*:focus{outline:2px solid var(--electric-surf-blue);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--deep-sea-blue-dark)}::-webkit-scrollbar-thumb{background:var(--terminal-green);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--terminal-green-light)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-cursor:after{content:var(--cursor-char);animation:var(--cursor-blink);color:var(--terminal-green)}@keyframes glitch{0%{text-shadow:.05em 0 0 var(--rip-current-pink),-.05em -.025em 0 var(--electric-surf-blue),.025em .05em 0 var(--offshore-yellow)}15%{text-shadow:.05em 0 0 var(--rip-current-pink),-.05em -.025em 0 var(--electric-surf-blue),.025em .05em 0 var(--offshore-yellow)}16%{text-shadow:-.05em -.025em 0 var(--rip-current-pink),.025em .025em 0 var(--electric-surf-blue),-.05em -.05em 0 var(--offshore-yellow)}49%{text-shadow:-.05em -.025em 0 var(--rip-current-pink),.025em .025em 0 var(--electric-surf-blue),-.05em -.05em 0 var(--offshore-yellow)}50%{text-shadow:.025em .05em 0 var(--rip-current-pink),.05em 0 0 var(--electric-surf-blue),0 -.05em 0 var(--offshore-yellow)}99%{text-shadow:.025em .05em 0 var(--rip-current-pink),.05em 0 0 var(--electric-surf-blue),0 -.05em 0 var(--offshore-yellow)}to{text-shadow:-.025em 0 0 var(--rip-current-pink),-.025em -.025em 0 var(--electric-surf-blue),-.025em -.05em 0 var(--offshore-yellow)}}.glitch{animation:glitch 1s linear infinite}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--text-accent)}.text-highlight{color:var(--text-highlight)}.text-alert{color:var(--text-alert)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-overlay{background:var(--bg-overlay)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.terminal-font{font-family:var(--font-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-primary);font-size:var(--font-base);font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:44px}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--electric-surf-blue)}.btn-primary{background:var(--electric-surf-blue);color:var(--deep-sea-blue);border-color:var(--electric-surf-blue)}.btn-primary:hover:not(:disabled){background:var(--electric-surf-blue-light);border-color:var(--electric-surf-blue-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--terminal-green);border-color:var(--terminal-green)}.btn-secondary:hover:not(:disabled){background:var(--terminal-green);color:var(--deep-sea-blue);box-shadow:var(--shadow-terminal)}.btn-alert{background:var(--rip-current-pink);color:var(--deep-sea-blue);border-color:var(--rip-current-pink)}.btn-alert:hover:not(:disabled){background:#ff80dd;border-color:#ff80dd;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-sm);min-height:36px}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:var(--font-lg);min-height:52px}.btn-full{width:100%}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-xs);font-family:var(--font-primary);font-size:var(--font-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-secondary);font-size:var(--font-base);background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--terminal-green-dark);border-radius:var(--border-radius-md);transition:var(--transition-normal)}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-input:focus{outline:none;border-color:var(--electric-surf-blue);box-shadow:0 0 0 3px #00bfff1a}.form-input:invalid{border-color:var(--rip-current-pink)}.card{background:var(--bg-secondary);border:1px solid var(--terminal-green-dark);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--terminal-green-dark)}.card-title{margin:0;font-size:var(--font-xl);color:var(--text-highlight)}.card-subtitle{margin:var(--space-xs) 0 0 0;font-size:var(--font-sm);color:var(--text-secondary);text-transform:none}.alert{padding:var(--space-md);border-radius:var(--border-radius-md);margin-bottom:var(--space-md);border-left:4px solid;font-family:var(--font-secondary)}.alert-info{background:#00bfff1a;border-color:var(--electric-surf-blue);color:var(--text-accent)}.alert-success{background:#66ffcc1a;border-color:var(--terminal-green);color:var(--text-primary)}.alert-warning{background:#ffff001a;border-color:var(--offshore-yellow);color:var(--text-highlight)}.alert-error{background:#ff66cc1a;border-color:var(--rip-current-pink);color:var(--text-alert)}.spinner{width:32px;height:32px;border:3px solid rgba(102,255,204,.3);border-top:3px solid var(--terminal-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-lg{width:48px;height:48px;border-width:4px}.spinner-sm{width:20px;height:20px;border-width:2px}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-family:var(--font-secondary);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-xl);white-space:nowrap}.badge-primary{background:var(--electric-surf-blue);color:var(--deep-sea-blue)}.badge-secondary{background:var(--terminal-green);color:var(--deep-sea-blue)}.badge-alert{background:var(--rip-current-pink);color:var(--deep-sea-blue)}.progress{width:100%;height:8px;background:var(--bg-secondary);border-radius:var(--border-radius-xl);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--terminal-green),var(--electric-surf-blue));border-radius:var(--border-radius-xl);transition:width var(--transition-slow)}.ascii-banner{font-family:var(--font-secondary);font-size:var(--font-sm);color:var(--terminal-green);text-align:center;white-space:pre-line;margin:var(--space-lg) 0;letter-spacing:.1em}.ascii-divider{text-align:center;color:var(--terminal-green-dark);margin:var(--space-md) 0;font-family:var(--font-secondary);width:100%;border-top:1px solid var(--terminal-green-dark);height:1px;line-height:0;font-size:0;overflow:hidden}.terminal-window{background:var(--deep-sea-blue-dark);border:1px solid var(--terminal-green-dark);border-radius:var(--border-radius-md);padding:var(--space-md);font-family:var(--font-secondary);font-size:var(--font-sm);color:var(--terminal-green);position:relative}.terminal-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--terminal-green-dark);font-size:var(--font-xs);color:var(--text-secondary)}.terminal-dots{display:flex;gap:var(--space-xs)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot:nth-child(1){background:var(--rip-current-pink)}.terminal-dot:nth-child(2){background:var(--offshore-yellow)}.terminal-dot:nth-child(3){background:var(--terminal-green)}.tooltip{position:relative;display:inline-block}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-sm);background:var(--deep-sea-blue-dark);color:var(--terminal-green);font-size:var(--font-xs);border:1px solid var(--terminal-green);border-radius:var(--border-radius-sm);white-space:nowrap;z-index:1000}@keyframes wave{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}}.wave-effect{display:inline-block;animation:wave 2s ease-in-out infinite}.theme-default{--bg-primary: var(--deep-sea-blue);--bg-secondary: var(--deep-sea-blue-light);--bg-overlay: rgba(0, 31, 45, .9);--text-primary: var(--terminal-green);--text-secondary: var(--terminal-green-light);--text-accent: var(--electric-surf-blue);--text-highlight: var(--offshore-yellow);--text-alert: var(--rip-current-pink)}.theme-surf{--bg-primary: #000;--bg-secondary: var(--deep-sea-blue-dark);--bg-overlay: rgba(0, 0, 0, .95);--text-primary: var(--terminal-green);--text-secondary: var(--electric-surf-blue);--text-accent: var(--offshore-yellow);--text-highlight: var(--rip-current-pink);--text-alert: #ff3366}.theme-dawn{--bg-primary: #f0f8ff;--bg-secondary: #e6f3ff;--bg-overlay: rgba(240, 248, 255, .95);--text-primary: var(--deep-sea-blue);--text-secondary: var(--deep-sea-blue-light);--text-accent: var(--electric-surf-blue-dark);--text-highlight: #ff6600;--text-alert: #cc0066;--shadow-sm: 0 1px 2px rgba(0, 31, 45, .1);--shadow-md: 0 4px 6px rgba(0, 31, 45, .1);--shadow-lg: 0 10px 15px rgba(0, 31, 45, .15);--shadow-xl: 0 20px 25px rgba(0, 31, 45, .2)}.theme-night{--bg-primary: #000;--bg-secondary: #001122;--bg-overlay: rgba(0, 0, 0, .98);--text-primary: var(--terminal-green);--text-secondary: var(--terminal-green-dark);--text-accent: var(--electric-surf-blue);--text-highlight: var(--offshore-yellow);--text-alert: var(--rip-current-pink);--shadow-terminal: 0 0 30px var(--terminal-green);--shadow-electric: 0 0 30px var(--electric-surf-blue)}.theme-shaman{--bg-primary: linear-gradient(135deg, #001122 0%, #002244 50%, #001122 100%);--bg-secondary: linear-gradient(135deg, #002244 0%, #003366 50%, #002244 100%);--bg-overlay: rgba(0, 17, 34, .95);--text-primary: var(--terminal-green);--text-secondary: var(--electric-surf-blue);--text-accent: var(--rip-current-pink);--text-highlight: var(--offshore-yellow);--text-alert: #ff6666;--shadow-mystical: 0 0 20px var(--rip-current-pink);--glow-intensity: 1.5}.theme-transition{transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}.theme-shaman .auth-logo,.theme-shaman .loading-logo{animation:glitch 2s linear infinite,float 3s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--rip-current-pink))}.theme-shaman .btn:hover{box-shadow:var(--shadow-lg),0 0 20px currentColor}.theme-shaman .terminal-window{background:linear-gradient(135deg,#012c,#024c,#012c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-night .loading-screen{background:radial-gradient(ellipse at center,#012,#000)}.theme-night .card,.theme-night .auth-container{box-shadow:var(--shadow-xl),inset 0 1px #66ffcc1a}.theme-dawn .loading-screen{background:linear-gradient(135deg,#f0f8ff,#e6f3ff)}.theme-dawn .auth-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-dawn .btn{color:#fff}.theme-dawn .btn-secondary{color:var(--deep-sea-blue)}.theme-dawn .btn-secondary:hover{color:#fff}.theme-selector{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-tooltip);background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--terminal-green-dark);border-radius:var(--border-radius-lg);padding:var(--space-sm);box-shadow:var(--shadow-lg);display:none}.theme-selector.open{display:block;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-secondary);font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.theme-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-option.active{background:var(--electric-surf-blue);color:var(--deep-sea-blue)}.theme-preview{width:16px;height:16px;border-radius:50%;border:1px solid var(--terminal-green-dark)}.theme-preview.default{background:linear-gradient(45deg,var(--deep-sea-blue) 50%,var(--terminal-green) 50%)}.theme-preview.surf{background:linear-gradient(45deg,#000 50%,var(--offshore-yellow) 50%)}.theme-preview.dawn{background:linear-gradient(45deg,#f0f8ff 50%,var(--electric-surf-blue) 50%)}.theme-preview.night{background:linear-gradient(45deg,#000 50%,var(--terminal-green) 50%)}.theme-preview.shaman{background:linear-gradient(45deg,var(--deep-sea-blue) 25%,var(--rip-current-pink) 25%,var(--rip-current-pink) 50%,var(--terminal-green) 50%,var(--terminal-green) 75%,var(--offshore-yellow) 75%);animation:rainbow 2s linear infinite}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion: reduce){.theme-transition,.glitch,.wave-effect,.animate-float,.animate-pulse,.animate-bounce{animation:none!important}.btn:hover,.card:hover{transform:none!important}}@media (prefers-contrast: high){:root{--text-primary: #ffffff;--text-secondary: #cccccc;--border-width: 2px}.btn,.form-input,.card{border-width:2px}}.theme-shaman .ascii-banner{animation:glitch 3s linear infinite}.theme-night .spinner{box-shadow:0 0 20px var(--terminal-green)}.theme-surf .btn:hover{text-shadow:0 0 10px currentColor}.theme-saved:after{content:"💾 Theme saved";position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);background:var(--terminal-green);color:var(--deep-sea-blue);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);font-family:var(--font-secondary);font-size:var(--font-sm);z-index:var(--z-tooltip);animation:slideInUp .5s ease-out,fadeOut .5s ease-out 2s forwards}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(10px)}}