@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";
:root{--green-50:#e6fdf0;--green-100:#b3f9d5;--green-200:#80f5ba;--green-300:#4df19f;--green-400:#3bea7e;--green-500:#2dd46b;--green-600:#24ad57;--green-700:#1b8643;--green-800:#125f2f;--green-900:#09381b;--green-glow-sm:0 0 10px #3bea7e40;--green-glow:0 0 20px #3bea7e66;--green-glow-lg:0 0 30px #3bea7e80, 0 0 60px #3bea7e26;--green-glow-text:0 0 10px #3bea7e99, 0 0 20px #3bea7e4d;--steel-50:#edf1f5;--steel-100:#c8d3df;--steel-200:#a3b5c9;--steel-300:#7e97b3;--steel-400:#5f7f9e;--steel-500:#4a6d8c;--steel-600:#3b5770;--steel-700:#2c4154;--steel-800:#1d2b38;--steel-900:#0e151c;--gold-50:#fdf5e6;--gold-100:#f8e2b3;--gold-200:#f3cf80;--gold-300:#eebc4d;--gold-400:#d4a843;--gold-500:#c9943a;--gold-600:#a17830;--gold-700:#795c26;--gold-800:#51401c;--gold-900:#292012;--gold-glow:0 0 20px #c9943a59;--gold-glow-lg:0 0 30px #c9943a80, 0 0 60px #c9943a33;--charcoal-50:#f2f3f4;--charcoal-100:#d9dbde;--charcoal-200:#bfc3c8;--charcoal-300:#a6abb2;--charcoal-400:#6b727c;--charcoal-500:#3a3f47;--charcoal-600:#2f343b;--charcoal-700:#24282e;--charcoal-800:#191c21;--charcoal-900:#0d1117;--navy-500:#1c2b3a;--navy-600:#152231;--navy-700:#0f1928;--navy-800:#08101f;--navy-900:#040a16;--silver-100:#f4f7fa;--silver-200:#e4eaf0;--silver-300:#d5dce4;--silver-400:#b8c2ce;--silver-500:#8e9aac;--color-success:#3bea7e;--color-warning:#d4a843;--color-error:#e85454;--color-error-glow:0 0 20px #e8545466;--color-info:#5f7f9e;--bg-base:#0d1117;--bg-surface:#161b22;--bg-elevated:#1c2129;--bg-hover:#21262d;--bg-active:#282e36;--bg-overlay:#0d1117d9;--bg-glass:#3a3f4766;--bg-glass-hover:#3a3f478c;--bg-glass-green:#3bea7e0a;--bg-green-subtle:#3bea7e14;--bg-gold-subtle:#c9943a14;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#6e7681;--text-muted:#484f58;--text-link:#3bea7e;--text-on-green:#0d1117;--text-on-gold:#0d1117;--border-subtle:#f0f6fc0a;--border-default:#f0f6fc1a;--border-strong:#f0f6fc2e;--border-green:#3bea7e4d;--border-green-strong:#3bea7e99;--border-gold:#c9943a4d;--glass-blur:blur(16px);--glass-blur-heavy:blur(24px);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.35rem;--text-3xl:1.5rem;--text-4xl:1.75rem;--text-5xl:2rem;--text-6xl:2.25rem;--text-hero:2.5rem;--leading-none:1;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d, 0 1px 3px #0003;--shadow-lg:0 10px 15px #0000004d, 0 4px 6px #0003;--shadow-xl:0 20px 25px #00000059, 0 8px 10px #0003;--shadow-inner:inset 0 2px 4px #0000004d;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-expo:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--duration-instant:50ms;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.4s;--duration-slower:.6s;--duration-slowest:1s;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-overlay:40;--z-modal:50;--z-popover:60;--z-toast:70;--z-tooltip:80;--sidebar-width:260px;--sidebar-collapsed:72px;--navbar-height:64px;--bottom-nav-height:64px;--max-content-width:1280px;--chat-max-width:768px}[data-theme=light]{--bg-base:#f4f7fa;--bg-surface:#fff;--bg-elevated:#f9fafb;--bg-hover:#f0f3f6;--bg-active:#e8ecf0;--bg-overlay:#f4f7fad9;--bg-glass:#ffffffb3;--bg-glass-hover:#ffffffd9;--bg-glass-green:#3bea7e0f;--bg-green-subtle:#3bea7e1a;--bg-gold-subtle:#c9943a1a;--text-primary:#1c2b3a;--text-secondary:#4a6d8c;--text-tertiary:#6e7681;--text-muted:#8e9aac;--text-link:#1b8643;--border-subtle:#1c2b3a0f;--border-default:#1c2b3a1f;--border-strong:#1c2b3a33;--border-green:#1b86434d;--border-green-strong:#1b864399;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 1px 3px #0000000d;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 8px 10px #0000000d;--green-glow-sm:0 0 10px #1b864326;--green-glow:0 0 20px #1b864333;--green-glow-lg:0 0 30px #1b864340}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first last;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;transition:background-color var(--duration-slow) var(--ease-in-out), color var(--duration-slow) var(--ease-in-out);overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--charcoal-500);border-radius:var(--radius-full);border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--charcoal-400)}::selection{color:var(--text-primary);background:#3bea7e40}:focus-visible{outline:2px solid var(--green-400);outline-offset:2px;border-radius:var(--radius-sm);box-shadow:var(--green-glow-sm)}a{color:var(--text-link);transition:color var(--duration-normal) var(--ease-in-out), text-shadow var(--duration-normal) var(--ease-in-out);text-decoration:none}a:hover{color:var(--green-300);text-shadow:var(--green-glow-text)}img,picture,video,canvas,svg{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{max-width:65ch;line-height:var(--leading-relaxed)}code,pre,kbd,samp{font-family:var(--font-mono)}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}input,textarea{background:0 0;border:none;outline:none}.font-sans{font-family:var(--font-sans)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-green{color:var(--green-400)}.text-gold{color:var(--gold-400)}.text-steel{color:var(--steel-400)}.text-glow{color:var(--green-400);text-shadow:var(--green-glow-text)}.text-glow-gold{color:var(--gold-400);text-shadow:0 0 10px #c9943a99,0 0 20px #c9943a4d}.mono{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide)}.mono-green{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--green-400);letter-spacing:var(--tracking-wide)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--duration-normal) var(--ease-in-out), box-shadow var(--duration-normal) var(--ease-in-out), background var(--duration-normal) var(--ease-in-out)}.glass-card:hover{border-color:var(--border-green);box-shadow:var(--green-glow-sm);background:var(--bg-glass-hover)}.glass-card-gold:hover{border-color:var(--border-gold);box-shadow:var(--gold-glow)}.active-border-left{border-left:3px solid var(--green-400);box-shadow:inset 4px 0 8px #3bea7e1a}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-in-out);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--green-500);color:var(--text-on-green);border:1px solid var(--green-400)}.btn-primary:hover{background:var(--green-400);box-shadow:var(--green-glow);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--green-glow-sm);transform:translateY(0)}.btn-secondary{color:var(--green-400);border:1px solid var(--border-green);background:0 0}.btn-secondary:hover{background:var(--bg-green-subtle);border-color:var(--border-green-strong);box-shadow:var(--green-glow-sm)}.btn-gold{background:linear-gradient(135deg, var(--gold-500), var(--gold-400));color:var(--text-on-gold);border:1px solid var(--gold-400)}.btn-gold:hover{box-shadow:var(--gold-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--color-error);color:#fff;border:1px solid var(--color-error)}.btn-danger:hover{box-shadow:var(--color-error-glow);transform:translateY(-1px)}.btn-sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm)}.btn-lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-md)}.input-wrapper{align-items:center;display:flex;position:relative}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-in-out)}.input::placeholder{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.input:focus{border-color:var(--green-400);box-shadow:var(--green-glow-sm);background:var(--bg-elevated)}.input-mono{font-family:var(--font-mono)}.input-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.input-label-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--green-400);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;font-weight:600;display:inline-flex}.badge-green{background:var(--bg-green-subtle);color:var(--green-400);border:1px solid var(--border-green)}.badge-gold{background:var(--bg-gold-subtle);color:var(--gold-400);border:1px solid var(--border-gold)}.badge-muted{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-subtle)}@keyframes codeRain{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.code-rain-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.code-rain-column{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--green-400);opacity:.04;writing-mode:vertical-rl;text-orientation:mixed;-webkit-user-select:none;user-select:none;animation:linear infinite codeRain;position:absolute;top:0}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor-blink{background:var(--green-400);width:2px;height:1.2em;box-shadow:var(--green-glow-sm);vertical-align:text-bottom;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block}.cursor-block{background:var(--green-400);width:.6em;height:1.1em;box-shadow:var(--green-glow-sm);vertical-align:text-bottom;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes glowPulse{0%,to{box-shadow:0 0 4px #3bea7e66}50%{box-shadow:0 0 12px #3bea7ecc,0 0 24px #3bea7e4d}}.glow-pulse{animation:2s ease-in-out infinite glowPulse}.glow-pulse-gold{animation:2s ease-in-out infinite glowPulseGold}@keyframes glowPulseGold{0%,to{box-shadow:0 0 4px #c9943a66}50%{box-shadow:0 0 12px #c9943acc,0 0 24px #c9943a4d}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out-expo) forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-scale{animation:fadeInScale var(--duration-slow) var(--ease-out-expo) forwards}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out-expo) forwards}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp var(--duration-slow) var(--ease-out-expo) forwards}@keyframes typingDots{0%,20%{opacity:.2}40%{opacity:1}60%,to{opacity:.2}}.typing-dots span{background:var(--green-400);border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1.4s infinite typingDots;display:inline-block}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes borderPulse{0%,to{border-color:var(--green-400);box-shadow:0 0 4px #3bea7e4d}50%{border-color:var(--green-300);box-shadow:0 0 12px #3bea7e80}}.border-pulse{animation:2s ease-in-out infinite borderPulse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes glassesGlow{0%,to{filter:drop-shadow(0 0 8px #3bea7e4d)}50%{filter:drop-shadow(0 0 20px #3bea7eb3)drop-shadow(0 0 40px #3bea7e4d)}}.animate-glasses-glow{animation:3s ease-in-out infinite glassesGlow}.clip-shield{clip-path:polygon(50% 0%,95% 10%,100% 40%,85% 80%,50% 100%,15% 80%,0% 40%,5% 10%)}.toggle{background:var(--charcoal-600);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--duration-normal) var(--ease-in-out);border:1px solid var(--border-default);position:relative}.toggle.active{background:var(--green-500);border-color:var(--green-400);box-shadow:var(--green-glow-sm)}.toggle:after{content:"";background:var(--text-primary);width:18px;height:18px;transition:transform var(--duration-normal) var(--ease-bounce);border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(20px)}.notification-dot{background:var(--green-400);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite glowPulse}.notification-dot-gold{background:var(--gold-400);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite glowPulseGold}@media (min-width:640px){:root{--text-2xl:1.4rem;--text-3xl:1.65rem;--text-4xl:2rem;--text-5xl:2.5rem;--text-6xl:3rem;--text-hero:3.5rem}}@media (min-width:768px){:root{--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.5rem;--text-hero:4rem}}@media (min-width:1024px){:root{--text-6xl:3.75rem;--text-hero:4.5rem}}@media (min-width:1440px){:root{--text-hero:5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.code-rain-column{display:none}}@media print{body{color:#000;background:#fff}.code-rain-container,.cursor-blink,.cursor-block,.notification-dot{display:none}}