@import url(https://fonts.googleapis.com);html.light{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-hover:#d1d5db;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-hover:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}html.dark{--primary:#818cf8;--primary-hover:#a5b4fc;--primary-light:#c7d2fe;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border:#374151;--border-hover:#4b5563;--shadow:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;--shadow-hover:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080;--success:#34d399;--warning:#fbbf24;--danger:#f87171}html.retro{--primary:#0f0;--primary-hover:#0c0;--primary-light:#3f3;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a;--text-primary:#0f0;--text-secondary:#0c0;--text-tertiary:#090;--border:#0f0;--border-hover:#0c0;--shadow:0 0 10px #00ff004d;--shadow-hover:0 0 20px #00ff0080;--success:#0f0;--warning:#ff0;--danger:red}html.retro *{font-family:Press Start\ 2P,monospace!important;font-size:.75rem}html.retro h1{font-size:1.5rem!important}html.retro h2{font-size:1.25rem!important}html.retro h3{font-size:1rem!important}html.retro h4,html.retro h5,html.retro h6{font-size:.875rem!important}html.retro:before{background:repeating-linear-gradient(0deg,#00ff0008,#00ff0008 1px,#0000 0,#0000 2px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}html.retro body{text-shadow:0 0 5px #00ff0080}html.retro img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}html.retro .card,html.retro button,html.retro input,html.retro textarea{border:2px solid var(--primary)!important;box-shadow:0 0 10px #00ff004d!important}html.retro input:focus,html.retro textarea:focus{animation:blink 1s infinite}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Fira Code,monospace;font-weight:600;line-height:1.2}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-hover)}button{border:none;cursor:pointer;font-family:Inter,sans-serif;outline:none;transition:all .3s ease}.btn{border-radius:.5rem;font-size:1rem;font-weight:500;padding:.75rem 1.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.container{margin:0 auto;max-width:1200px;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}.section{align-items:center;display:flex;min-height:100vh;padding:4rem 0}@media(max-width:768px){.section{padding:2rem 0}}.card{background:var(--bg-secondary);border-radius:1rem;box-shadow:var(--shadow);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}body,html{max-width:100vw;overflow-x:hidden}body{position:relative}:root{--bg-primary:#0a0a0a;--bg-secondary:#161616;--bg-tertiary:#222;--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#666;--primary:#2563eb;--primary-hover:#3b82f6;--primary-light:#3b82f6;--success:#10b981;--border-color:#222;--shadow:0 4px 12px #00000080;--shadow-hover:0 8px 20px #2563eb4d}.light{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e5e5e5;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#3b82f6;--success:#10b981;--border-color:#d1d1d1;--shadow:0 2px 8px #0000001a;--shadow-hover:0 4px 16px #00000026}.retro{--bg-primary:#050510;--bg-secondary:#0a0a25;--bg-tertiary:#1a1a40;--primary:#00e5ff;--primary-hover:#00b8d4;--primary-light:#4df3ff;--text-primary:#fff;--text-secondary:#8b9bb4;--text-tertiary:#6b7b94;--border-color:#1a1a40;--success:#f07;--shadow:0 4px 12px #0009;--shadow-hover:0 8px 20px #00e5ff4d}.App{background-color:#0a0a0a;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);transition:background-color .3s ease}.App,.app-content{min-height:100vh;position:relative}.app-content{padding-top:4rem;z-index:1}@media(max-width:768px){.app-content{padding-top:3.5rem}}.console-hint{background:#161616;background:var(--bg-secondary);border:1px solid #222;border:1px solid var(--border-color);border-radius:4px;bottom:1rem;box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow);color:#a0a0a0;color:var(--text-secondary);font-family:Fira Code,monospace;font-size:.7rem;left:1rem;opacity:.7;padding:.5rem 1rem;position:fixed;z-index:1000}.console-hint:hover{border-color:#2563eb;border-color:var(--primary);opacity:1}@media(max-width:768px){.console-hint{display:none}}.page-loader{align-items:center;background:#0a0a0a;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.page-loader .loader-content{text-align:center}.page-loader .loader-content .loader-spinner{animation:spin 1s linear infinite;border:4px solid #222;border-top:4px solid #2563eb;border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--primary);height:50px;margin:0 auto 1rem;width:50px}.page-loader .loader-content p{color:#a0a0a0;color:var(--text-secondary);font-family:Fira Code,monospace;font-size:.875rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);left:0;position:fixed;right:0;top:0;z-index:10000}.navbar .nav-content{align-items:center;display:flex;gap:1.5rem;margin:0 auto;max-width:1400px;padding:0 2rem}@media(max-width:768px){.navbar .nav-content{gap:1rem;padding:0 1rem}}.navbar .back-btn{align-items:center;border-radius:.5rem;color:var(--text-primary);display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s}.navbar .back-btn svg{color:var(--primary);font-size:.95rem}.navbar .back-btn:hover{background:var(--bg-tertiary);color:var(--primary)}@media(max-width:768px){.navbar .back-btn{padding:.6rem}.navbar .back-btn span{display:none}}.navbar .nav-links{align-items:center;display:flex;flex:1 1;gap:.4rem;list-style:none;margin:0;padding:0}.navbar .nav-links li .theme-btn,.navbar .nav-links li a{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.4rem;padding:.75rem 1rem;position:relative;text-decoration:none;transition:color .3s,background .3s}.navbar .nav-links li .theme-btn svg,.navbar .nav-links li a svg{font-size:1rem;transition:color .3s}.navbar .nav-links li .theme-btn:hover,.navbar .nav-links li a:hover{background:var(--bg-tertiary);color:var(--primary)}.navbar .nav-links li .theme-btn.active,.navbar .nav-links li a.active{background:#6366f11a;color:var(--primary)}.navbar .nav-links li .theme-btn.active:after,.navbar .nav-links li a.active:after{background:var(--primary);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}@media(max-width:768px){.navbar .nav-links li .theme-btn,.navbar .nav-links li a{padding:.6rem}.navbar .nav-links li .theme-btn span,.navbar .nav-links li a span{display:none}}.navbar .nav-links .theme-item{margin-left:auto;position:relative}.navbar .nav-links .theme-item .theme-btn{border:1px solid var(--border-color);padding:.75rem}.navbar .nav-links .theme-item .theme-btn svg{color:var(--primary)}.navbar .nav-links .theme-item .theme-btn span{display:none}.navbar .nav-links .theme-item .theme-btn:hover{border-color:var(--primary)}.navbar .nav-links .theme-item .theme-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #0003;max-width:110px;min-width:110px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:15000}.navbar .nav-links .theme-item .theme-menu button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:Fira Code,monospace;font-size:.75rem;gap:.35rem;padding:.6rem .75rem;text-align:left;transition:all .2s;white-space:nowrap;width:100%}.navbar .nav-links .theme-item .theme-menu button svg{color:var(--primary);flex-shrink:0;font-size:.9rem}.navbar .nav-links .theme-item .theme-menu button:not(:last-child){border-bottom:1px solid var(--border-color)}.navbar .nav-links .theme-item .theme-menu button:hover{background:var(--bg-tertiary)}.navbar .nav-links .theme-item .theme-menu button.active{background:var(--primary);color:#fff}.navbar .nav-links .theme-item .theme-menu button.active svg{color:#fff}.navbar .nav-links .theme-item .theme-menu button span:last-child{font-size:.7rem;font-weight:700;margin-left:auto}@media(max-width:768px){.navbar .nav-links .theme-item .theme-menu{max-width:100px;min-width:100px;right:0}}.retro .navbar .nav-content{gap:.5rem;padding:0 1.5rem}.retro .navbar .back-btn{font-size:.75rem;gap:.3rem;padding:.55rem .8rem}.retro .navbar .back-btn svg{font-size:.85rem}.retro .navbar .nav-links{gap:.25rem}.retro .navbar .nav-links li a{font-size:.75rem;gap:.3rem;padding:.55rem .8rem}.retro .navbar .nav-links li a svg{font-size:.9rem}.retro .navbar .nav-links li a.active{background:#0000}.retro .navbar .nav-links li a.active:after{display:none}.retro .navbar .nav-links .theme-item .theme-btn{padding:.55rem}.retro .navbar .nav-links .theme-item .theme-btn span{display:none}.retro .navbar .nav-links .theme-item .theme-menu{border-color:var(--primary);box-shadow:0 4px 16px #00e5ff66;min-width:100px}.retro .navbar .nav-links .theme-item .theme-menu button{font-size:.7rem;padding:.55rem .7rem}.retro .navbar .nav-links .theme-item .theme-menu button svg{font-size:.85rem}@media(max-width:768px){.retro .navbar .nav-content{gap:.2rem;padding:0 .5rem}.retro .navbar .back-btn{padding:.5rem}.retro .navbar .back-btn svg{font-size:.8rem}.retro .navbar .nav-links{gap:.1rem}.retro .navbar .nav-links li a{padding:.5rem}.retro .navbar .nav-links li a svg{font-size:.85rem}.retro .navbar .nav-links .theme-item .theme-btn{padding:.5rem}.retro .navbar .nav-links .theme-item .theme-btn svg{font-size:.8rem}}.mixbot-guide-container{bottom:30px;font-family:Fira Code,monospace;position:fixed;right:30px;z-index:9999}.mixbot-guide-container .guide-trigger{align-items:center;background:#0a0a0a;border:1px solid #333;border-radius:4px;box-shadow:0 4px 20px #0006;color:#27c93f;cursor:pointer;display:flex;font-size:.75rem;gap:10px;padding:12px 20px}.mixbot-guide-container .guide-trigger .blink-dot{animation:blink 1.5s infinite;background:#27c93f;border-radius:50%;box-shadow:0 0 8px #27c93f;height:8px;width:8px}.mixbot-guide-container .guide-trigger:hover{background:#111;border-color:#27c93f;box-shadow:0 0 10px #27c93f66}.mixbot-guide-container .guide-terminal{background:#0d0d0d;border:1px solid #333;border-radius:8px;box-shadow:0 30px 60px #000000b3;overflow:hidden;width:420px}.mixbot-guide-container .guide-terminal .terminal-header{align-items:center;background:#1a1a1a;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:10px 15px}.mixbot-guide-container .guide-terminal .terminal-header .header-left{align-items:center;display:flex;gap:6px}.mixbot-guide-container .guide-terminal .terminal-header .header-left .dot{border-radius:50%;height:10px;width:10px}.mixbot-guide-container .guide-terminal .terminal-header .header-left .red{background:#ff5f56}.mixbot-guide-container .guide-terminal .terminal-header .header-left .yellow{background:#ffbd2e}.mixbot-guide-container .guide-terminal .terminal-header .header-left .green{background:#27c93f}.mixbot-guide-container .guide-terminal .terminal-header .header-left .title{color:#666;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-left:10px}.mixbot-guide-container .guide-terminal .terminal-header .minimize-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:0 5px}.mixbot-guide-container .guide-terminal .terminal-header .minimize-btn:hover{color:#fff}.mixbot-guide-container .guide-terminal .terminal-content{background:radial-gradient(circle at center,#27c93f0a 0,#0000 100%),linear-gradient(#12101000 50%,#00000026 0);background-size:100% 100%,100% 4px;min-height:140px;padding:25px}.mixbot-guide-container .guide-terminal .terminal-content .prompt{color:#27c93f;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:12px}.mixbot-guide-container .guide-terminal .terminal-content .main-text{color:#d1d1d1;font-size:.85rem;line-height:1.7}.mixbot-guide-container .guide-terminal .terminal-content .cursor{animation:blink 1s step-end infinite;background:#27c93f;display:inline-block;height:15px;margin-left:5px;width:8px}.mixbot-guide-container .guide-terminal .terminal-actions{background:#111;border-top:1px solid #222;display:flex;gap:8px;padding:12px}.mixbot-guide-container .guide-terminal .terminal-actions button{border-radius:4px;cursor:pointer;flex:1 1;font-family:Fira Code,monospace;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-transform:uppercase;transition:all .2s}.mixbot-guide-container .guide-terminal .terminal-actions .primary-btn{background:#27c93f;border:1px solid #27c93f;color:#000}.mixbot-guide-container .guide-terminal .terminal-actions .primary-btn:hover{background:#22a835;box-shadow:0 0 10px #27c93f66}.mixbot-guide-container .guide-terminal .terminal-actions .secondary-btn{background:#0000;border:1px solid #333;color:#27c93f}.mixbot-guide-container .guide-terminal .terminal-actions .secondary-btn:hover{background:#27c93f1a;border-color:#27c93f}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:450px){.mixbot-guide-container{bottom:20px;right:20px}.mixbot-guide-container .guide-terminal{width:calc(100vw - 40px)}}.pacman-transition{align-items:center;background:#020205;display:flex;font-family:Press Start\ 2P,cursive;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:99999}.pacman-transition .crt-overlay{background:linear-gradient(#12101000 50%,#0000001a 0),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:100% 3px,2px 100%;inset:0;pointer-events:none;position:absolute;z-index:5}.pacman-transition .content-wrapper{position:relative;text-align:center;width:100%}.pacman-transition .header-text{color:#fff;font-size:1.8rem;letter-spacing:2px;margin-bottom:50px;text-shadow:0 0 10px #fff6}.pacman-transition .maze-row{align-items:center;border-bottom:4px solid var(--primary);border-top:4px solid var(--primary);display:flex;height:80px;position:relative}.pacman-transition .actors-container{align-items:center;display:flex;gap:30px;position:absolute}.pacman-transition .pacman{background:#ff0;border-radius:50%;box-shadow:0 0 15px #ff0;height:50px;position:relative;width:50px}.pacman-transition .pacman .mouth-bottom,.pacman-transition .pacman .mouth-top{background:#020205;-webkit-clip-path:polygon(50% 50%,100% 0,100% 50%);clip-path:polygon(50% 50%,100% 0,100% 50%);height:100%;position:absolute;width:100%}.pacman-transition .pacman .mouth-top{animation:chomp-top .15s infinite}.pacman-transition .pacman .mouth-bottom{animation:chomp-bottom .15s infinite;-webkit-clip-path:polygon(50% 50%,100% 50%,100% 100%);clip-path:polygon(50% 50%,100% 50%,100% 100%)}.pacman-transition .ghost{background:aqua;border-radius:20px 20px 0 0;box-shadow:0 0 10px aqua;height:45px;position:relative;width:45px}.pacman-transition .ghost:after{color:#fff;content:"oo";font-size:15px;left:10px;position:absolute;top:10px}.pacman-transition .dot{background:#ffb8ae;border-radius:1px;height:8px;margin:0 30px;width:8px}.pacman-transition .footer-text{bottom:25px;color:var(--primary);font-size:.6rem;position:absolute;right:40px}@keyframes chomp-top{0%,to{transform:rotate(0deg)}50%{transform:rotate(-40deg)}}@keyframes chomp-bottom{0%,to{transform:rotate(0deg)}50%{transform:rotate(40deg)}}.nokia-snake-container{align-items:center;bottom:15%;display:flex;left:0;pointer-events:none;position:fixed;z-index:998}.nokia-snake-container .nokia-lcd{align-items:center;background:#879b32;border:3px solid #1a1a1a;box-shadow:6px 6px 0 #00000026;display:flex;gap:20px;padding:10px 15px}.nokia-snake-container .nokia-lcd .snake-body{display:flex;flex-direction:row-reverse;gap:2px}.nokia-snake-container .nokia-lcd .snake-body .segment{background:#2b3307;border:1px solid #879b32;height:14px;width:14px}.nokia-snake-container .nokia-lcd .snake-body .segment.head{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-around;padding-right:2px}.nokia-snake-container .nokia-lcd .snake-body .segment.head .eye{background:#879b32;height:3px;width:3px}.nokia-snake-container .nokia-lcd .nokia-food{animation:nokia-blink .4s step-end infinite;background:#2b3307;height:12px;width:12px}@keyframes nokia-blink{50%{opacity:0}}.achievements-container{position:fixed;right:2rem;top:6rem;z-index:9997}@media(max-width:768px){.achievements-container{right:1rem;top:5rem}}.achievements-container .achievements-icon{align-items:center;background:var(--bg-secondary);border-radius:2rem;box-shadow:var(--shadow);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem}.achievements-container .achievements-icon .trophy{font-size:1.5rem}.achievements-container .achievements-icon .count{color:var(--text-primary);font-family:Fira Code,monospace;font-weight:600}.achievements-container .achievements-icon:hover{box-shadow:var(--shadow-hover)}.achievements-container .achievements-panel{background:var(--bg-secondary);border-radius:1rem;box-shadow:var(--shadow-hover);max-height:500px;overflow:hidden;position:absolute;right:0;top:0;width:350px}@media(max-width:768px){.achievements-container .achievements-panel{max-width:350px;right:-1rem;width:calc(100vw - 2rem)}}.achievements-container .achievements-panel .panel-header{align-items:center;background:var(--primary);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.achievements-container .achievements-panel .panel-header h3{font-size:1.25rem;margin:0}.achievements-container .achievements-panel .panel-header .close-btn{background:#0000;color:#fff;font-size:1.5rem;padding:.25rem .5rem}.achievements-container .achievements-panel .panel-header .close-btn:hover{background:#fff3;border-radius:.25rem}.achievements-container .achievements-panel .achievements-list{max-height:380px;overflow-y:auto;padding:1rem}.achievements-container .achievements-panel .achievements-list .achievement-item{align-items:center;background:var(--bg-tertiary);border-radius:.5rem;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:transform .3s ease}.achievements-container .achievements-panel .achievements-list .achievement-item.unlocked{background:var(--bg-primary);border:2px solid var(--primary)}.achievements-container .achievements-panel .achievements-list .achievement-item.unlocked .achievement-icon{opacity:1}.achievements-container .achievements-panel .achievements-list .achievement-item.locked{opacity:.5}.achievements-container .achievements-panel .achievements-list .achievement-item.locked .achievement-icon{filter:grayscale(100%)}.achievements-container .achievements-panel .achievements-list .achievement-item:hover{transform:translateX(5px)}.achievements-container .achievements-panel .achievements-list .achievement-item .achievement-icon{font-size:2rem}.achievements-container .achievements-panel .achievements-list .achievement-item .achievement-info{flex:1 1}.achievements-container .achievements-panel .achievements-list .achievement-item .achievement-info h4{color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.achievements-container .achievements-panel .achievements-list .achievement-item .achievement-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.achievements-container .achievements-panel .achievements-list .achievement-item .checkmark{color:var(--success);font-size:1.5rem;font-weight:700}.achievements-container .achievements-panel .panel-footer{background:var(--bg-tertiary);padding:.75rem 1.5rem;text-align:center}.achievements-container .achievements-panel .panel-footer small{color:var(--text-tertiary);font-size:.75rem}.developer-console{background:#1a1a1a;border-radius:.5rem;bottom:2rem;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;font-family:Fira Code,monospace;height:400px;left:2rem;max-width:calc(100vw - 4rem);overflow:hidden;position:fixed;width:600px;z-index:10000}@media(max-width:768px){.developer-console{bottom:1rem;height:300px;left:1rem;width:calc(100vw - 2rem)}}.developer-console .console-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #3a3a3a;color:lime;display:flex;justify-content:space-between;padding:.75rem 1rem}.developer-console .console-header .console-close{background:#0000;color:#f55;font-size:1.5rem;padding:.25rem .5rem}.developer-console .console-header .console-close:hover{background:#f553;border-radius:.25rem}.developer-console .console-body{flex:1 1;font-size:.875rem;line-height:1.6;overflow-y:auto;padding:1rem}.developer-console .console-body .console-line{margin-bottom:.25rem}.developer-console .console-body .console-line.system{color:lime}.developer-console .console-body .console-line.input{color:#fff}.developer-console .console-body .console-line.output{color:#888}.developer-console .console-body .console-line.error{color:#f55}.developer-console .console-body::-webkit-scrollbar{width:8px}.developer-console .console-body::-webkit-scrollbar-track{background:#1a1a1a}.developer-console .console-body::-webkit-scrollbar-thumb{background:lime;border-radius:4px}.developer-console .console-body::-webkit-scrollbar-thumb:hover{background:#0c0}.developer-console .console-input{align-items:center;background:#2a2a2a;border-top:1px solid #3a3a3a;display:flex;gap:.75rem;padding:.75rem 1rem}.developer-console .console-input .prompt{color:lime;font-weight:700}.developer-console .console-input input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Fira Code,monospace;font-size:.875rem;outline:none}.developer-console .console-input input::placeholder{color:#555}
/*# sourceMappingURL=main.33dcef33.css.map*/