:root{--bg-base:#040407;--bg-panel:#08080eb8;--bg-panel-solid:#08080f;--border-color:#00ff661f;--border-color-glow:#00ff6659;--primary:#0f6;--primary-rgb:0, 255, 102;--secondary:#00e5ff;--secondary-rgb:0, 229, 255;--accent:#aa3bff;--accent-rgb:170, 59, 255;--warning:#ffb300;--danger:#f36;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"Share Tech Mono", "Courier New", Courier, monospace;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{background-color:var(--bg-base);background-image:radial-gradient(circle at 50% 30%, rgba(var(--accent-rgb), .08) 0%, transparent 60%), radial-gradient(circle at 10% 70%, rgba(var(--secondary-rgb), .05) 0%, transparent 50%), linear-gradient(#00ff6604 1px, transparent 1px), linear-gradient(90deg, #00ff6604 1px, transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;background-attachment:fixed;min-height:100vh;margin:0;padding:0;animation:120s linear infinite gridScroll;position:relative;overflow-x:hidden}@keyframes gridScroll{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,0 1000px,0 1000px}}body:after{content:" ";z-index:99999;pointer-events:none;opacity:.5;background:linear-gradient(#12101000 50%,#00000038 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000a,#00ff0003,#0000ff0a) 0 0/6px 100%;display:block;position:fixed;inset:0}#root{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:40px 20px;position:relative}@keyframes textFlicker{0%{opacity:.98;text-shadow:0 0 4px rgba(var(--primary-rgb), .2)}50%{opacity:1;text-shadow:0 0 10px rgba(var(--primary-rgb), .45), 0 0 20px rgba(var(--primary-rgb), .15)}to{opacity:.99;text-shadow:0 0 6px rgba(var(--primary-rgb), .3)}}h1,h2,h3,h4,h5,h6{font-family:var(--mono);color:var(--text-primary);letter-spacing:.05em;text-shadow:0 0 8px rgba(var(--primary-rgb), .25);margin-top:0}h1{text-align:center;margin-bottom:5px;font-size:clamp(2.2rem,6vw,4rem);animation:3s ease-in-out infinite textFlicker}p{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:1.5rem;font-size:1rem;font-weight:300}a{color:var(--primary);border-bottom:1px dotted #0000;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}a:hover{color:#fff;text-shadow:0 0 8px var(--primary);border-bottom-color:var(--primary)}code{font-family:var(--mono);color:var(--primary);background:#00ff660f;border:1px solid #00ff6626;border-radius:3px;padding:2px 6px;font-size:.9em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#020205}::-webkit-scrollbar-thumb{background:#00ff662e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0f66}.glow-text{text-shadow:0 0 8px #00ff6680;color:var(--primary)}.glow-border{border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00ff6608}.glow-border:hover{border-color:var(--border-color-glow);box-shadow:0 0 25px #00ff6614}.terminal-code{font-family:var(--mono);color:#cad3df;background:#020205;border:1px solid #00ff6614;border-radius:4px;margin-bottom:1.5rem;padding:14px 18px;position:relative;overflow-x:auto}.terminal-code code{color:inherit;background:0 0;border:none;padding:0}.copy-btn{color:var(--primary);font-family:var(--mono);cursor:pointer;background:#00ff660f;border:1px solid #00ff6626;border-radius:3px;padding:2px 8px;font-size:11px;transition:all .2s;position:absolute;top:8px;right:8px}.copy-btn:hover{background:var(--primary);color:#000;box-shadow:0 0 8px var(--primary)}.btn-primary{font-family:var(--mono);border:1px solid var(--primary);color:var(--primary);letter-spacing:.08em;cursor:pointer;background:#00ff660f;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:var(--primary);color:#000;text-shadow:none;box-shadow:0 0 15px #00ff6680}.grid-layout{grid-template-columns:1fr;gap:24px;margin-bottom:24px;display:grid}@media (width>=900px){.grid-layout{grid-template-columns:1.1fr .9fr}}.header-container{text-align:center;flex-direction:column;align-items:center;margin-bottom:35px;display:flex;position:relative}.ascii-logo{font-family:var(--mono);color:var(--primary);text-shadow:0 0 10px #0f66;white-space:pre;-webkit-user-select:none;user-select:none;width:100%;margin:15px 0 10px;padding-bottom:5px;font-size:clamp(6px,1.2vw,12px);line-height:1.15;overflow-x:auto}.sub-slogan{font-family:var(--mono);color:var(--secondary);text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 8px #00e5ff4d;margin-top:2px;font-size:1.15rem}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);border-radius:8px;padding:22px;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--primary-rgb), .3), transparent);width:100%;height:2px;position:absolute;top:0;left:0}.panel-title{border-bottom:1px solid rgba(var(--primary-rgb), .1);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.panel-title h3{align-items:center;gap:10px;margin:0;font-size:1.1rem;display:flex}.visualizer-container{border:1px solid rgba(var(--primary-rgb), .08);background:#010103;border-radius:6px;flex-direction:column;height:380px;display:flex;position:relative;overflow:hidden}.visualizer-canvas{width:100%;height:100%;display:block}.visualizer-controls{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.visualizer-btn{pointer-events:auto;font-family:var(--mono);border:1px solid var(--secondary);color:var(--secondary);cursor:pointer;background:#00e5ff0d;border-radius:4px;padding:5px 12px;font-size:11px;transition:all .2s cubic-bezier(.4,0,.2,1)}.visualizer-btn:hover{background:var(--secondary);color:#000;box-shadow:0 0 10px #00e5ff66}.visualizer-legend{font-family:var(--mono);color:var(--text-secondary);background:#040407e6;border:1px solid #ffffff0d;border-radius:4px;gap:12px;padding:5px 10px;font-size:11px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background-color:var(--primary);box-shadow:0 0 8px var(--primary)}.status-dot.simulated{background-color:var(--secondary);box-shadow:0 0 8px var(--secondary);animation:1.8s ease-in-out infinite pulseSim}.status-dot.offline{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}@keyframes pulseSim{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}to{opacity:.6;transform:scale(1)}}.settings-panel{font-family:var(--mono);border-top:1px solid #ffffff0d;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;padding-top:16px;font-size:12px;display:grid}.setting-item{flex-direction:column;gap:6px;display:flex}.setting-item label{color:var(--text-secondary);justify-content:space-between;display:flex}.setting-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.setting-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:12px;height:12px;box-shadow:0 0 6px var(--primary);border-radius:50%;transition:transform .1s}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.setting-select{color:var(--text-primary);font-family:var(--mono);cursor:pointer;background:#020205;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:4px 8px}.setting-select:focus{border-color:var(--primary)}.terminal-chat-container{border:1px solid rgba(var(--primary-rgb), .08);background:#010103;border-radius:6px;flex-direction:column;height:420px;display:flex;overflow:hidden}.terminal-tabs{border-bottom:1px solid rgba(var(--primary-rgb), .08);background:#06060a;display:flex}.term-tab-btn{border:none;border-right:1px solid rgba(var(--primary-rgb), .05);color:var(--text-secondary);font-family:var(--mono);cursor:pointer;background:0 0;padding:8px 16px;font-size:11px;transition:all .2s}.term-tab-btn:hover{color:#fff;background:#ffffff05}.term-tab-btn.active{color:var(--primary);border-bottom:2px solid var(--primary);text-shadow:0 0 6px rgba(var(--primary-rgb), .4);background:#010103}.chat-history{font-family:var(--mono);flex-direction:column;flex-grow:1;gap:12px;padding:16px;font-size:13px;display:flex;overflow-y:auto}.packet-logs-feed{font-family:var(--mono);color:var(--text-secondary);flex-direction:column;flex-grow:1;gap:6px;padding:16px;font-size:12px;display:flex;overflow-y:auto}.packet-log-line{white-space:pre-wrap;border-bottom:1px solid #ffffff05;padding-bottom:4px;line-height:1.4}.packet-log-line.tx{color:var(--primary)}.packet-log-line.rx{color:var(--secondary)}.packet-log-line.sys{color:var(--warning)}.chat-msg{border-radius:6px;flex-direction:column;max-width:85%;padding:10px 14px;line-height:1.45;display:flex}.chat-msg.system{color:var(--secondary);text-align:center;background:#00e5ff08;border:1px solid #00e5ff1f;align-self:center;max-width:95%;font-size:11px}.chat-msg.user{color:var(--primary);background:#00ff660d;border:1px solid #00ff662e;align-self:flex-end}.chat-msg.ai{color:var(--text-primary);background:#ffffff05;border:1px solid #ffffff0f;align-self:flex-start}.chat-meta{color:var(--text-muted);border-top:1px dotted #ffffff0d;justify-content:space-between;gap:16px;margin-top:6px;padding-top:4px;font-size:10px;display:flex}.chat-input-area{border-top:1px solid rgba(var(--primary-rgb), .08);background:#040407;display:flex}.chat-input{color:#fff;font-family:var(--mono);background:0 0;border:none;outline:none;flex-grow:1;padding:12px 16px;font-size:13.5px}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{border:none;border-left:1px solid rgba(var(--primary-rgb), .08);color:var(--primary);cursor:pointer;font-family:var(--mono);background:0 0;padding:0 20px;font-size:13.5px;transition:all .2s}.chat-send-btn:hover:not(:disabled){background:rgba(var(--primary-rgb), .05);color:#fff}.chat-send-btn:disabled{color:var(--text-muted);cursor:not-allowed}.software-grid{grid-template-columns:1fr;gap:20px;margin-bottom:35px;display:grid}@media (width>=768px){.software-grid{grid-template-columns:repeat(3,1fr)}}.software-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;padding:22px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.software-card:hover{border-color:var(--border-color-glow);transform:translateY(-2px);box-shadow:0 0 20px #00ff660d}.software-card h3{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1.1rem;display:flex}.software-badge{font-size:10px;font-family:var(--mono);border-radius:4px;padding:2px 6px}.software-badge.cyan{border:1px solid var(--secondary);color:var(--secondary);background:#00e5ff14}.software-badge.green{border:1px solid var(--primary);color:var(--primary);background:#00ff6614}.software-badge.purple{border:1px solid var(--accent);color:var(--accent);background:#aa3bff14}.software-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:16px;font-size:.88rem;line-height:1.5}.software-link{font-family:var(--mono);color:var(--primary);background:#00ff6608;border:1px solid #00ff6614;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12.5px;display:flex}.software-link:hover{border-color:var(--primary);background:#00ff6614}.tabs-container{margin-bottom:35px}.tabs-nav{border-bottom:1px solid rgba(var(--primary-rgb), .08);gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13.5px;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);text-shadow:0 0 6px rgba(var(--primary-rgb), .4)}.tab-content{font-size:.92rem}.tab-content h4{color:var(--secondary);margin:18px 0 8px;font-size:1.05rem}.tab-content ul{margin-bottom:1.5rem;padding-left:20px}.tab-content li{color:var(--text-secondary);margin-bottom:6px}.support-banner{text-align:center;background:radial-gradient(circle,#aa3bff14 0%,#040407f2 100%);border:1px solid #aa3bff26;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin-top:55px;padding:26px;display:flex}.support-banner h3{color:var(--accent);text-shadow:0 0 10px #aa3bff33;margin-bottom:0}.coffee-btn{color:#000;font-family:var(--mono);background:#fd0;border:2px solid #000;border-radius:5px;align-items:center;gap:10px;padding:10px 22px;font-weight:700;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex;box-shadow:0 4px #000}.coffee-btn:hover{color:#000;border-bottom-color:#000;transform:translateY(-2px);box-shadow:0 6px #000,0 0 15px #ffdd0059}.coffee-btn:active{transform:translateY(2px);box-shadow:0 2px #000}.footer-info{text-align:center;font-family:var(--mono);color:var(--text-muted);border-top:1px solid #ffffff08;margin-top:35px;padding-top:20px;font-size:10.5px}.device-selector-bar{background:#020205;border-top:1px solid #00ff6614;align-items:center;gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.device-selector-label{font-family:var(--mono);color:var(--text-secondary);white-space:nowrap;font-size:11px}.device-pill{font-family:var(--mono);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;padding:2px 8px;font-size:11px;transition:all .2s}.device-pill:hover:not(.offline){color:#fff;background:#00ff660a;border-color:#00ff664d}.device-pill.active{border-color:var(--primary);color:var(--primary);text-shadow:0 0 4px rgba(var(--primary-rgb), .3);background:#00ff661a}.device-pill.offline{color:var(--text-muted);cursor:not-allowed;border-color:#f363;text-decoration:line-through}.sim-controls-panel{border-top:1px solid #ffffff0a;gap:10px;margin-top:12px;padding-top:12px;display:flex}.sim-event-btn{font-family:var(--mono);color:var(--text-secondary);cursor:pointer;text-align:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:6px 12px;font-size:11px;transition:all .2s}.sim-event-btn:hover{border-color:var(--secondary);color:#fff;background:#00e5ff14;box-shadow:0 0 10px #00e5ff26}.sim-event-btn.danger:hover{border-color:var(--danger);background:#ff336614;box-shadow:0 0 10px #ff336626}.nodes-status-table{border-collapse:collapse;width:100%;font-family:var(--mono);margin-top:15px;font-size:12px}.nodes-status-table th,.nodes-status-table td{text-align:left;border-bottom:1px solid #ffffff0a;padding:8px 12px}.nodes-status-table th{color:var(--secondary);border-bottom:1px solid #00e5ff26;font-weight:400}.nodes-status-table tr:hover td{background:#ffffff03}.packet-builder-container{background:#00000040;border:1px solid #00ff6614;border-radius:6px;margin-bottom:20px;padding:16px}.packet-builder-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=600px){.packet-builder-grid{grid-template-columns:repeat(4,1fr)}}.builder-field{flex-direction:column;gap:4px;display:flex}.builder-field label{font-family:var(--mono);color:var(--text-secondary);font-size:11px}.builder-input,.builder-select{color:#fff;font-family:var(--mono);background:#020205;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:6px 10px;font-size:12px}.builder-input:focus,.builder-select:focus{border-color:var(--primary)}