*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--bg2: rgba(0, 6, 0, .97);--bg3: rgba(0, 12, 0, .8);--bg4: rgba(0, 20, 0, .65);--accent: #00ff41;--accent2: #00cc33;--accent-grad: linear-gradient(135deg, #00ff41, #009922);--accent-glow: 0 0 20px rgba(0, 255, 65, .4);--accent-glow-sm: 0 0 10px rgba(0, 255, 65, .25);--text: #c8ffc8;--text2: #4a7a4a;--text3: #234023;--border: rgba(0, 255, 65, .1);--border-glow: rgba(0, 255, 65, .45);--glass: rgba(0, 255, 65, .02);--danger: #ff2233;--success: #00ff41;--warn: #ffff00;--sidebar-w: 260px;--header-h: 56px}html,body,#root{height:100%;font-family:JetBrains Mono,Fira Code,Courier New,monospace}body{background:#000;background-image:radial-gradient(ellipse 60% 50% at 20% 80%,rgba(0,255,65,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 35% at 80% 15%,rgba(0,180,40,.03) 0%,transparent 60%);color:var(--text);overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:9999}.chat-window{width:min(1440px,97vw);height:min(920px,95vh);border-radius:0;overflow:hidden;border:1px solid rgba(0,255,65,.25);box-shadow:0 0 0 1px #00ff410d,0 32px 100px #000000f2,0 0 80px #00ff410f;display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg2)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00ff4133;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#00ff4180}input,textarea,select{background:#000a00cc;color:var(--accent);border:1px solid var(--border);border-radius:0;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;width:100%;transition:border-color .2s,box-shadow .2s;caret-color:var(--accent)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 16px #00ff411f,inset 0 0 8px #00ff410a;background:#000f00e6}input::placeholder,textarea::placeholder{color:var(--text3)}textarea{resize:vertical;min-height:80px}button{cursor:pointer;border:none;border-radius:0;padding:9px 18px;font-size:14px;font-weight:600;font-family:inherit;transition:all .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.99)}button:disabled{opacity:.3;cursor:not-allowed}.btn-primary{background:transparent;color:var(--accent);border:1px solid var(--accent);box-shadow:0 0 16px #00ff4126,inset 0 0 16px #00ff410a;letter-spacing:1px}.btn-primary:hover:not(:disabled){background:#00ff4114;box-shadow:0 0 28px #00ff4159,inset 0 0 20px #00ff4114}.btn-secondary{background:#000f00b3;color:var(--text2);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-glow);color:var(--accent);background:#001400cc}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger);box-shadow:0 0 12px #ff223326}.btn-danger:hover:not(:disabled){background:#ff223314;box-shadow:0 0 24px #ff22334d}.btn-ghost{background:transparent;color:var(--text2);padding:5px 10px;border-radius:0}.btn-ghost:hover:not(:disabled){background:var(--glass);color:var(--accent);transform:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:overlayIn .2s ease}.modal{background:#000500fa;border:1px solid var(--border-glow);border-radius:0;padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 0 60px #00ff4114,0 32px 80px #000000e6;animation:modalIn .3s cubic-bezier(.4,0,.2,1)}.modal h2{margin-bottom:18px;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.modal h2:before{content:"> ";opacity:.6}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:10px;color:var(--text2);margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:0;font-size:10px;font-weight:700;background:var(--glass);border:1px solid var(--border);letter-spacing:1px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:0;font-size:10px;font-weight:700;letter-spacing:1px}.avatar{border-radius:0;object-fit:cover;background:var(--bg4);flex-shrink:0}.avatar-placeholder{border-radius:0;background:#00ff4114;border:1px solid var(--border-glow);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;color:var(--accent);text-shadow:0 0 8px rgba(0,255,65,.4)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:none}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #00ff4133}50%{box-shadow:0 0 24px #00ff4180}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes borderGlow{0%,to{border-color:#00ff4126}50%{border-color:#00ff4180}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glitch{0%,88%,to{transform:none;text-shadow:0 0 20px rgba(0,255,65,.6)}89%{transform:skew(-8deg) translate(3px);text-shadow:3px 0 #ff2233,-3px 0 #00ff41}90%{transform:skew(4deg) translate(-2px);text-shadow:-3px 0 #ff2233,3px 0 #00ffff}91%{transform:none;text-shadow:0 0 20px rgba(0,255,65,.6)}94%{transform:translate(2px);text-shadow:-2px 0 #ff2233,0 0 10px var(--accent)}95%{transform:translate(-1px);text-shadow:2px 0 #00ffff,0 0 10px var(--accent)}96%{transform:none}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes flicker{0%,97%,to{opacity:1}98%{opacity:.85}99%{opacity:1}}.glitch{animation:glitch 5s ease-in-out infinite}.blink{animation:blink 1s step-end infinite}.flicker{animation:flicker 8s ease-in-out infinite}.slide-in-left{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}.slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}::selection{background:#00ff4140;color:#000}@supports (padding: env(safe-area-inset-top)){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media(max-width:768px){:root{--sidebar-w: 100vw;--header-h: 50px}.chat-window{width:100vw;height:100vh;height:100dvh;border-radius:0;border:none;box-shadow:none}.modal-overlay{padding:8px}.modal{max-width:100%;padding:20px;max-height:95vh;max-height:95dvh}input,textarea,select{font-size:16px;padding:10px 12px}button{padding:8px 14px}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;animation:overlayIn .2s ease}.mobile-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:51;animation:slideInLeft .25s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:0;height:0}}@media(max-width:480px){.modal{padding:16px}}