*{margin:0;padding:0;box-sizing:border-box}:root{--terminal-green: #33ff33;--terminal-green-dim: #20cc20;--terminal-bg: #0a0a0a;--glow-off: none;--glow-low: 0 0 5px var(--terminal-green);--glow-medium: 0 0 10px var(--terminal-green), 0 0 20px var(--terminal-green-dim);--glow-high: 0 0 10px var(--terminal-green), 0 0 30px var(--terminal-green-dim), 0 0 50px var(--terminal-green-dim);--glow-intensity: var(--glow-medium)}body{background:#000;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:VT323,monospace}.terminal{width:100%;max-width:1050px;height:90vh;background:var(--terminal-bg);border-radius:20px;padding:30px;position:relative;box-shadow:inset 0 0 100px #000000e6,0 0 50px #33ff331a;overflow:hidden}.terminal:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10}.terminal:after{content:"";position:absolute;inset:0;background:#33ff3308;pointer-events:none;z-index:9;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.27}10%{opacity:.25}20%{opacity:.27}30%{opacity:.25}40%{opacity:.26}50%{opacity:.27}60%{opacity:.25}70%{opacity:.26}80%{opacity:.24}90%{opacity:.27}to{opacity:.25}}.screen{height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.main-layout{flex:1;display:flex;overflow:hidden;min-height:0}.connections-panel{width:220px;min-width:220px;border-right:1px solid rgba(51,255,51,.2);padding:8px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--terminal-green-dim) transparent;color:var(--terminal-green-dim);font-size:14px;line-height:1.6;text-shadow:var(--glow-intensity)}.connections-panel::-webkit-scrollbar{width:4px}.connections-panel::-webkit-scrollbar-track{background:transparent}.connections-panel::-webkit-scrollbar-thumb{background:var(--terminal-green-dim)}.connections-panel .panel-section{margin-bottom:10px}.connections-panel .panel-label{color:var(--terminal-green);font-size:13px;opacity:.6;margin-bottom:4px}.connections-panel .panel-divider{border:none;border-top:1px solid rgba(51,255,51,.15);margin:8px 0}.connections-panel .knock-item{padding:4px 6px;cursor:pointer;transition:background .1s;border:1px solid transparent;margin-bottom:2px}.connections-panel .knock-item:hover{background:#33ff3314;border-color:#3f33}.connections-panel .knock-item.active{background:#ffb0001a;border-color:#ffb0004d}.connections-panel .session-item{padding:4px 6px;cursor:pointer;transition:background .1s;border:1px solid transparent;margin-bottom:2px;color:var(--terminal-green)}.connections-panel .session-item:hover{background:#33ff3314;border-color:#3f33}.connections-panel .session-item.active{border-color:#33ff334d;background:#33ff330d}.connections-panel .nav-item{padding:4px 6px;cursor:pointer;transition:background .1s;color:var(--terminal-green-dim);opacity:.7;margin-top:4px}.connections-panel .nav-item:hover{opacity:1;background:#33ff330d}.connections-panel .nav-item.active-view{color:var(--terminal-green);opacity:1}.presence-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle}.presence-dot.online{background:var(--terminal-green);box-shadow:0 0 4px var(--terminal-green)}.presence-dot.offline{background:#33ff334d}.main-view{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.messages{flex:1;overflow-y:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--terminal-green-dim) transparent}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--terminal-green-dim)}.chat-area{flex:1;overflow-y:auto;padding-bottom:10px;padding-left:10px;scrollbar-width:thin;scrollbar-color:var(--terminal-green-dim) transparent}.chat-area::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-area::-webkit-scrollbar-thumb{background:var(--terminal-green-dim)}.session-wrapper{display:none;flex-direction:column;flex:1;overflow:hidden;min-height:0}.session-header{flex-shrink:0;padding:4px 10px;font-family:VT323,monospace;font-size:14px;color:var(--terminal-green-dim);text-shadow:var(--glow-intensity);border-bottom:1px solid rgba(51,255,51,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-header .header-key{cursor:pointer;transition:opacity .1s}.session-header .header-key:hover{opacity:1;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}.session-terminate{float:right;cursor:pointer;color:#f339;font-size:16px;padding:0 4px;transition:all .1s}.session-terminate:hover{color:#f33;text-shadow:0 0 8px #ff3333}.knock-btn{cursor:pointer;font-family:VT323,monospace;font-size:18px;padding:4px 12px;transition:all .1s;-webkit-user-select:none;user-select:none}.knock-btn.accept-btn{color:var(--terminal-green);text-shadow:var(--glow-intensity)}.knock-btn.accept-btn:hover{background:#33ff3326;text-shadow:0 0 10px var(--terminal-green),0 0 20px var(--terminal-green-dim)}.knock-btn.decline-btn{color:#f33;text-shadow:0 0 5px #ff3333}.knock-btn.decline-btn:hover{background:#ff333326;text-shadow:0 0 10px #ff3333,0 0 20px #cc2020}.welcome-btn{display:inline-block;cursor:pointer;font-family:VT323,monospace;font-size:18px;color:var(--terminal-green);text-shadow:var(--glow-intensity);padding:4px 8px;margin-right:8px;margin-bottom:4px;border:1px solid rgba(51,255,51,.3);transition:all .1s;-webkit-user-select:none;user-select:none}.welcome-btn:hover{background:#33ff331f;border-color:var(--terminal-green);text-shadow:0 0 10px var(--terminal-green),0 0 20px var(--terminal-green-dim)}.welcome-btn:active{background:#3f33}.message{color:var(--terminal-green);font-size:18px;line-height:1.5;margin-bottom:10px;text-shadow:var(--glow-intensity)}.message.system{color:var(--terminal-green-dim)}.message.warning{color:#ffb000;text-shadow:0 0 10px #ffb000,0 0 20px #cc8800}.message.error{color:#f33;text-shadow:0 0 10px #ff3333,0 0 20px #cc2020}.message .prefix{opacity:.7}.message .tag{opacity:.8}.message .tag.copyable{cursor:pointer;-webkit-user-select:all;user-select:all;transition:opacity .15s}.message .tag.copyable:hover{opacity:1;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}.message .tag.copyable.copied{opacity:.5}.copy-toast{animation:toastFade 2s ease-in-out forwards}@keyframes toastFade{0%{opacity:.8}70%{opacity:.8}to{opacity:0}}.input-line,#inputForm{display:flex;align-items:center;color:var(--terminal-green);font-size:18px;text-shadow:var(--glow-intensity);margin:0;padding:0;border:none;background:transparent}.hidden-submit{position:absolute;left:-9999px;width:1px;height:1px}.prompt{margin-right:8px;opacity:.7}.input-wrapper{flex:1;position:relative}#input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;font-size:18px;caret-color:transparent}.input-display{color:var(--terminal-green);font-family:VT323,monospace;font-size:18px;text-shadow:var(--glow-intensity);white-space:pre}.cursor{color:var(--terminal-green);font-family:VT323,monospace;font-size:18px;text-shadow:var(--glow-intensity);animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.boot-text{color:var(--terminal-green-dim);font-size:14px;margin-bottom:20px;text-shadow:var(--glow-intensity)}.typing:after{content:"█";animation:blink .5s step-end infinite}#input:disabled~.input-display,#input:disabled~.cursor{opacity:.5}#input:disabled~.cursor{animation:none}.toggles{position:absolute;top:15px;right:15px;display:flex;gap:10px;z-index:20}.toggle-btn{background:transparent;border:1px solid var(--terminal-green-dim);color:var(--terminal-green);font-family:VT323,monospace;font-size:14px;padding:5px 10px;cursor:pointer;text-shadow:var(--glow-intensity);transition:all .1s}.toggle-btn:hover{background:#33ff331a;box-shadow:var(--glow-intensity)}.toggle-btn.muted{opacity:.5}.toggle-btn.reset-btn{color:#f339;border-color:#ff33334d;font-size:16px;padding:3px 8px;line-height:1}.toggle-btn.reset-btn:hover{color:#f33;background:#ff33331a;box-shadow:0 0 8px #ff33334d}.toggle-btn.reset-btn.armed{color:#f33;border-color:#f33;background:#ff333326;animation:resetPulse .6s ease-in-out infinite}@keyframes resetPulse{0%,to{box-shadow:0 0 5px #ff33334d}50%{box-shadow:0 0 15px #f339}}.mobile-nav{display:none}.mobile-menu-btn{cursor:pointer;font-size:18px;color:var(--terminal-green);text-shadow:var(--glow-intensity);padding:2px 8px;-webkit-user-select:none;user-select:none;transition:opacity .1s}.mobile-menu-btn:hover{opacity:.7}.mobile-panel-back{display:none}@media(max-width:700px){.terminal{max-width:100%;height:100vh;border-radius:0;padding:15px}.connections-panel{width:160px;min-width:160px;font-size:12px;padding:6px 8px}}@media(max-width:500px){.toggles{position:static;justify-content:flex-end;margin-bottom:4px}.boot-verbose{display:none}.boot-text{margin-bottom:8px}.connections-panel{display:none;width:100%;min-width:100%;border-right:none;font-size:14px;padding:8px 10px}.main-layout.mobile-panel-open .connections-panel{display:block;flex:1}.mobile-panel-back{display:block!important;border-bottom:1px solid rgba(51,255,51,.15);margin-bottom:6px;padding-bottom:6px;opacity:.6}.main-layout.mobile-panel-open .main-view{display:none}.main-layout.mobile-panel-open~#inputForm{display:none}.mobile-nav{display:flex;align-items:center;flex-shrink:0;border-bottom:1px solid rgba(51,255,51,.15);padding:2px 0 4px;margin-bottom:4px}.terminal{padding:10px}.message,.input-line,#inputForm,.input-display{font-size:16px}}