:root{--ink:#07110f;--surface:#0b1715;--raised:#10211d;--line:#204137;--muted:#89a59b;--text:#e6f5ef;--acid:#b7f34a;--cyan:#42d9c7;--amber:#ffbf5f;--danger:#ff6b6b;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{background:var(--ink);color:var(--text);font-family:"Bahnschrift","Aptos Display",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 2%,rgba(66,217,199,.12),transparent 31%),radial-gradient(circle at 15% 100%,rgba(183,243,74,.09),transparent 28%),var(--ink)}button,a{font:inherit}.hidden{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.auth-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden}.auth-orbit{position:absolute;width:560px;height:560px;border:1px solid var(--line);border-radius:50%;animation:spin 18s linear infinite}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(183,243,74,.25)}.auth-orbit:before{inset:70px}.auth-orbit:after{inset:145px}.auth-card{z-index:1;width:min(510px,calc(100vw - 40px));padding:45px;border:1px solid var(--line);background:rgba(11,23,21,.92);box-shadow:var(--shadow)}.auth-card h1{font-size:42px;line-height:1;margin:15px 0}.auth-card p{color:var(--muted);line-height:1.6}.loader{display:flex;gap:6px;margin-top:25px}.loader i{width:9px;height:9px;background:var(--acid);animation:blink 1.1s infinite}.loader i:nth-child(2){animation-delay:.2s}.loader i:nth-child(3){animation-delay:.4s}
.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:26px 18px;background:rgba(7,17,15,.88);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:4px 8px 30px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-family:"Cascadia Code","Consolas",monospace;box-shadow:5px 5px 0 #275c4d}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.18em}.brand small{font:11px "Cascadia Code","Consolas",monospace;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:var(--muted);text-decoration:none;text-align:left;padding:14px 12px;display:flex;gap:13px;align-items:center;cursor:pointer;border-left:2px solid transparent}.nav-item span{font:11px "Cascadia Code","Consolas",monospace;color:#54796c}.nav-item:hover,.nav-item.active{color:var(--text);background:linear-gradient(90deg,rgba(183,243,74,.1),transparent);border-left-color:var(--acid)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 4px;display:flex;align-items:center;gap:10px}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot small{color:var(--muted);font-size:11px}.pulse{width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 6px rgba(66,217,199,.1);animation:pulse 2s infinite}
main{padding:32px clamp(25px,4vw,64px) 60px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:35px}.topbar h1{font-size:clamp(27px,3.2vw,48px);line-height:1.05;margin:8px 0 0;letter-spacing:-.035em}.eyebrow,.kicker,.secure-label{font:600 10px "Cascadia Code","Consolas",monospace;letter-spacing:.18em;color:var(--acid)}.identity{text-align:right;border-left:1px solid var(--line);padding-left:20px}.identity span,.identity small{display:block}.identity small{color:var(--muted);margin:3px 0 8px}.identity button{border:0;background:none;color:var(--cyan);cursor:pointer;padding:0}.view{display:none}.view.active{display:block;animation:reveal .35s ease}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 18px}.section-head h2,.panel h2{margin:4px 0 0;font-size:24px}.ghost-button,.primary-button{border:1px solid var(--line);color:var(--text);background:transparent;padding:10px 16px;cursor:pointer}.ghost-button:hover{border-color:var(--cyan);color:var(--cyan)}.primary-button{background:var(--acid);border-color:var(--acid);color:var(--ink);font-weight:700}
.systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.system-card{position:relative;overflow:hidden;text-align:left;background:linear-gradient(145deg,var(--raised),#0b1815);border:1px solid var(--line);color:var(--text);padding:20px;min-height:168px;cursor:pointer;transition:.2s}.system-card:after{content:"";position:absolute;width:100px;height:100px;border:1px solid var(--line);border-radius:50%;right:-43px;bottom:-43px}.system-card:hover,.system-card.selected{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 18px 40px rgba(0,0,0,.22)}.system-card.selected{box-shadow:inset 3px 0 var(--acid),0 18px 40px rgba(0,0,0,.22)}.system-top{display:flex;justify-content:space-between}.system-id{font:11px "Cascadia Code","Consolas",monospace;color:var(--muted)}.system-card h3{font-size:25px;margin:31px 0 5px}.system-card p{color:var(--muted);margin:0;font:12px "Cascadia Code","Consolas",monospace}.status-dot{display:flex;gap:7px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot.online{color:var(--acid)}.status-dot.online:before{background:var(--acid);box-shadow:0 0 12px var(--acid)}.status-dot.offline{color:var(--danger)}.status-dot.offline:before{background:var(--danger)}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.panel{background:rgba(11,24,21,.8);border:1px solid var(--line);padding:24px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel-copy{color:var(--muted);line-height:1.6;max-width:650px}.status-chip{font:600 10px "Cascadia Code","Consolas",monospace;text-transform:uppercase;letter-spacing:.12em;padding:7px 9px;border:1px solid var(--line)}.status-chip.success{color:var(--acid);border-color:rgba(183,243,74,.4)}.status-chip.running{color:var(--cyan);border-color:rgba(66,217,199,.4)}.status-chip.failed{color:var(--danger);border-color:rgba(255,107,107,.4)}.status-chip.neutral{color:var(--muted)}.actions{display:grid;gap:10px;margin-top:24px}.action-button{display:flex;align-items:center;gap:15px;text-align:left;border:1px solid var(--line);background:#0c1a17;color:var(--text);padding:15px;cursor:pointer;transition:.2s}.action-button:not(:disabled):hover{border-color:var(--acid);transform:translateX(4px)}.action-button:disabled{opacity:.38;cursor:not-allowed}.action-button strong,.action-button small{display:block}.action-button small{color:var(--muted);margin-top:3px}.action-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);font:18px "Cascadia Code","Consolas",monospace;color:var(--cyan)}.restart .action-icon{color:var(--amber)}.timeline{list-style:none;padding:8px 0 0;margin:18px 0 0;max-height:360px;overflow:auto}.timeline li{display:grid;grid-template-columns:18px 1fr;gap:11px;position:relative;padding-bottom:17px;color:var(--muted);font-size:13px;line-height:1.45}.timeline li:after{content:"";position:absolute;left:5px;top:13px;bottom:0;width:1px;background:var(--line)}.timeline li:last-child:after{display:none}.timeline li span{margin-top:4px;width:11px;height:11px;border:2px solid var(--cyan);background:var(--surface);border-radius:50%;z-index:1}.timeline li p{margin:0}.timeline li.latest{color:var(--text)}.timeline li.latest span{background:var(--acid);border-color:var(--acid)}
.browser-shell{border:1px solid var(--line);background:#050c0b;box-shadow:var(--shadow);overflow:hidden}.browser-bar{height:54px;display:grid;grid-template-columns:90px 1fr 44px;align-items:center;border-bottom:1px solid var(--line);padding:0 14px;gap:12px}.traffic{display:flex;gap:7px}.traffic i{width:10px;height:10px;border-radius:50%;background:var(--danger)}.traffic i:nth-child(2){background:var(--amber)}.traffic i:nth-child(3){background:var(--acid)}.address{height:32px;border:1px solid var(--line);background:#0d1d19;padding:7px 12px;color:var(--muted);font:11px "Cascadia Code","Consolas",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address span{color:var(--cyan)}#browser-reload{border:0;background:transparent;color:var(--cyan);font-size:20px;cursor:pointer}.browser-tabs{display:flex;border-bottom:1px solid var(--line)}.browser-tabs button{border:0;border-right:1px solid var(--line);background:#0c1a17;color:var(--muted);padding:12px 18px;cursor:pointer}.browser-tabs button.active{color:var(--ink);background:var(--acid)}.browser-stage{height:min(65vh,650px);position:relative;background:radial-gradient(circle at 50% 38%,rgba(66,217,199,.08),transparent 38%),#050c0b}.browser-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(66,217,199,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,217,199,.035) 1px,transparent 1px);background-size:28px 28px}.browser-stage iframe{position:relative;z-index:1;border:0;width:100%;height:100%;background:#07110f;color-scheme:dark}.browser-empty,.browser-loading{position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted);background:rgba(5,12,11,.96)}.browser-empty b{font-size:70px;color:#244b40}.browser-empty p{max-width:390px;line-height:1.6}.browser-loading span{width:42px;height:42px;border:2px solid var(--line);border-top-color:var(--acid);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}.browser-loading strong{color:var(--text);letter-spacing:.04em}.browser-loading small{margin-top:7px;color:var(--muted);font:10px "Cascadia Code","Consolas",monospace}.browser-note{color:var(--muted);font-size:12px}.secure-label{color:var(--cyan)}dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0;box-shadow:var(--shadow);width:min(520px,calc(100vw - 30px))}dialog::backdrop{background:rgba(1,8,7,.78);backdrop-filter:blur(4px)}dialog form{padding:28px}dialog h2{font-size:28px;margin:12px 0}dialog p{color:var(--muted);line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.toast{position:fixed;right:25px;bottom:25px;z-index:20;max-width:390px;background:var(--raised);border-left:3px solid var(--acid);box-shadow:var(--shadow);padding:15px 18px;color:var(--text)}.text-link{color:var(--acid)}
.private-channel{gap:11px!important}.private-channel strong{font-size:11px;line-height:1.25}.private-channel small{line-height:1.35}.channel-icons{width:38px;min-width:38px;height:27px;position:relative}.channel-icons svg{position:absolute;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:.25s}.network-icon{left:0;top:0;color:var(--muted)}.lock-icon{right:0;bottom:0;color:var(--acid);background:var(--ink);padding:2px;border-radius:50%}.private-channel.online .network-icon{color:var(--acid);filter:drop-shadow(0 0 5px rgba(183,243,74,.55))}.private-channel.offline .network-icon{color:var(--danger);filter:drop-shadow(0 0 5px rgba(255,107,107,.4))}.private-channel.pending .network-icon{animation:pulse-opacity 1.2s infinite}
.manual-view{max-width:1180px}.manual-hero{min-height:245px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 42px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(183,243,74,.08),transparent 42%),linear-gradient(315deg,rgba(66,217,199,.1),transparent 35%),var(--surface);position:relative;overflow:hidden}.manual-hero:after{content:"KB::01";position:absolute;right:-12px;bottom:-34px;font:900 122px "Cascadia Code","Consolas",monospace;color:rgba(137,165,155,.045)}.manual-hero h2{font-size:clamp(38px,5vw,67px);line-height:.98;letter-spacing:-.055em;margin:14px 0 0}.manual-hero h2 em{font-style:normal;color:var(--cyan)}.manual-signal{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:rgba(7,17,15,.8);padding:16px 18px;z-index:1}.manual-signal small{font:9px/1.6 "Cascadia Code","Consolas",monospace;letter-spacing:.14em;color:var(--muted)}.signal-bars{height:34px;display:flex;align-items:end;gap:4px}.signal-bars i{display:block;width:4px;background:var(--acid);box-shadow:0 0 8px rgba(183,243,74,.3)}.signal-bars i:nth-child(1){height:8px}.signal-bars i:nth-child(2){height:15px}.signal-bars i:nth-child(3){height:23px}.signal-bars i:nth-child(4){height:31px}.manual-index{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;margin-bottom:22px}.manual-index a{color:var(--text);text-decoration:none;padding:18px;border-right:1px solid var(--line);display:grid;gap:5px;transition:.2s}.manual-index a:last-child{border-right:0}.manual-index a:hover{background:rgba(183,243,74,.07)}.manual-index span{color:var(--acid);font:10px "Cascadia Code","Consolas",monospace}.manual-index strong{font-size:13px}.manual-index small{color:var(--muted);font-size:11px}.manual-panel{display:grid;grid-template-columns:92px 1fr;border:1px solid var(--line);background:rgba(11,24,21,.78);margin-top:18px;scroll-margin-top:20px}.manual-number{padding:25px 20px;border-right:1px solid var(--line);color:var(--line);font:700 32px "Cascadia Code","Consolas",monospace}.manual-content{padding:28px 32px}.manual-content>h3{font-size:28px;margin:7px 0 10px}.manual-content>p{color:var(--muted);line-height:1.7;max-width:880px}.manual-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:24px}.manual-flow div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);background:#0a1613}.manual-flow b{width:29px;height:29px;display:grid;place-items:center;background:var(--acid);color:var(--ink);font:12px "Cascadia Code","Consolas",monospace}.manual-flow span{font-size:12px}.manual-flow>i{color:var(--cyan);font-style:normal}.manual-action-grid,.success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:22px}.manual-action-grid article,.success-grid article{border:1px solid var(--line);background:#0a1613;padding:20px}.manual-action-grid article.caution{border-top-color:var(--amber)}.manual-action-grid b,.success-grid span{font:10px "Cascadia Code","Consolas",monospace;color:var(--acid);letter-spacing:.1em}.manual-action-grid .caution b{color:var(--amber)}.manual-action-grid h4{margin:13px 0 7px;font-size:18px}.manual-action-grid p,.success-grid p{color:var(--muted);line-height:1.55;font-size:12px;margin:0}.manual-rule{margin-top:12px;display:flex;gap:13px;align-items:center;padding:15px 18px;border-left:3px solid var(--amber);background:rgba(255,191,95,.06)}.manual-rule span{color:var(--amber);font:700 20px "Cascadia Code","Consolas",monospace}.manual-rule p{margin:0;color:#d7c19c;font-size:13px}.terminal-card{border:1px solid var(--line);background:#050c0b;margin:23px 0 15px;max-width:680px}.terminal-top{height:36px;border-bottom:1px solid var(--line);display:flex;gap:6px;align-items:center;padding:0 12px}.terminal-top i{width:7px;height:7px;border-radius:50%;background:var(--danger)}.terminal-top i:nth-child(2){background:var(--amber)}.terminal-top i:nth-child(3){background:var(--acid)}.terminal-top span{margin-left:auto;color:#486c61;font:9px "Cascadia Code","Consolas",monospace}.terminal-card code{display:block;padding:16px 20px;color:#a8c3ba;font:12px/2 "Cascadia Code","Consolas",monospace}.terminal-card code span{color:var(--cyan);margin-right:12px}.manual-footnote{font-size:12px!important;border-left:1px solid var(--cyan);padding-left:14px}.success-grid article{position:relative;overflow:hidden}.success-grid article:after{content:"";position:absolute;width:45px;height:45px;border:1px solid rgba(183,243,74,.18);border-radius:50%;right:-18px;top:-18px}.success-grid strong{display:block;margin:14px 0 7px;font-size:14px}.security-strip{display:flex;gap:18px;align-items:center;margin-top:13px;padding:18px;border:1px solid rgba(66,217,199,.25);background:rgba(66,217,199,.04)}.security-strip svg{width:32px;min-width:32px;fill:none;stroke:var(--cyan);stroke-width:1.7}.security-strip strong{color:var(--cyan)}.security-strip p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
@keyframes reveal{from{opacity:0;transform:translateY(8px)}}@keyframes blink{0%,70%,100%{opacity:.2}35%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(66,217,199,0)}}@keyframes pulse-opacity{50%{opacity:.3}}
@media(max-width:980px){.app{grid-template-columns:82px 1fr}.sidebar{padding:22px 10px}.brand span:last-child,.nav-item:not(.active){font-size:0}.nav-item span{font-size:11px}.sidebar-foot div{display:none}.systems-grid{grid-template-columns:1fr}.workspace-grid{grid-template-columns:1fr}.topbar{gap:20px}.topbar h1{font-size:30px}.manual-index{grid-template-columns:repeat(2,1fr)}.manual-index a:nth-child(2){border-right:0}.manual-index a:nth-child(-n+2){border-bottom:1px solid var(--line)}.manual-action-grid,.success-grid{grid-template-columns:1fr}.manual-flow{grid-template-columns:1fr}.manual-flow>i{transform:rotate(90deg);text-align:center}}
@media(max-width:620px){.app{display:block}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:68px;display:flex;flex-direction:row;align-items:center;border-right:0;border-top:1px solid var(--line);padding:8px 12px}.brand,.sidebar-foot{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.nav-item{justify-content:center;padding:11px 5px;font-size:11px!important;border-left:0;border-bottom:2px solid transparent}.nav-item.active{border-bottom-color:var(--acid)}main{padding:22px 16px 95px}.topbar{display:block}.identity{text-align:left;border:0;padding:15px 0 0}.section-head{align-items:flex-start;gap:15px}.systems-grid{grid-template-columns:1fr}.panel{padding:18px}.browser-stage{height:55vh}.manual-hero{padding:26px 22px;min-height:210px}.manual-signal{display:none}.manual-index{grid-template-columns:1fr}.manual-index a,.manual-index a:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.manual-index a:last-child{border-bottom:0}.manual-panel{grid-template-columns:1fr}.manual-number{border-right:0;border-bottom:1px solid var(--line);padding:13px 18px;font-size:18px}.manual-content{padding:23px 18px}.manual-content>h3{font-size:24px}.terminal-card code{font-size:10px;padding:14px;overflow:auto}.security-strip{align-items:flex-start}}