:root{--r-xl:18px;--r-lg:14px;--r-md:10px;--r-sm:8px;--edge:rgba(255,255,255,.065);--edge-2:rgba(255,255,255,.11);--surf:#151515;--surf-2:#1b1b1b;--lift:0 1px 0 rgba(255,255,255,.035) inset,0 10px 30px -12px rgba(0,0,0,.6)}

.side{background:#101010;border-right:1px solid var(--edge);padding:16px 12px 12px}
.sd-brand{border-bottom:1px solid var(--edge);padding:6px 10px 18px}
.sd-ver{border-radius:999px;border-color:var(--edge-2);padding:1px 8px}
.sd-grp{padding:18px 12px 8px}
.sd-a{border-radius:var(--r-md);padding:10px 12px;margin:1px 0;transition:color .2s,background .25s}
.sd-a::before{left:-12px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0}
.sd-a:hover{background:rgba(255,255,255,.035)}
.sd-a.on{background:rgba(255,140,66,.09);color:var(--accent)}
.sd-c{background:rgba(255,255,255,.05);color:var(--fg-dim);border-radius:999px;padding:0 7px;line-height:1.7}
.sd-n{border-radius:999px;padding:0 7px}
.sd-agent{border-radius:var(--r-lg);border-color:var(--edge);background:var(--surf);box-shadow:var(--lift);padding:12px}
.sd-col{border-radius:var(--r-md)}
.sd-col:hover{background:rgba(255,255,255,.035)}
body.side-mini .sd-grp{border-radius:1px}

.top{background:rgba(13,13,13,.86);border-bottom:1px solid var(--edge)}
.tp-search{border-radius:var(--r-md);border-color:var(--edge);background:var(--surf);padding:8px 14px}
.tp-search:focus-within{border-color:rgba(255,140,66,.45);box-shadow:0 0 0 3px rgba(255,140,66,.08)}
.tp-search kbd{border-radius:6px;border-color:var(--edge-2);background:rgba(255,255,255,.03)}
.tp-res{border-radius:var(--r-lg);border-color:var(--edge-2);box-shadow:0 18px 40px -10px rgba(0,0,0,.7);overflow:hidden;padding:6px}
.tp-res a{border-radius:var(--r-sm);border-bottom:0}
.tp-ic{border-radius:999px;border-color:var(--edge);background:var(--surf)}
.tp-ic b{border-radius:999px;top:-4px;right:-4px}
.tp-av{border-radius:999px;border-color:rgba(255,140,66,.35);background:rgba(255,140,66,.08)}
.live-stat{border-radius:999px;border-color:var(--edge);background:var(--surf);padding:3px 10px}

.hello{border-radius:var(--r-xl);border-color:var(--edge);box-shadow:var(--lift);background-color:var(--surf);padding:34px 34px 30px;-webkit-mask-image:none}
.hello .bk{display:none}
.hello::before{background:radial-gradient(120% 140% at 0% 0%,var(--surf) 35%,rgba(21,21,21,.6) 100%)}
.hello::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,140,66,.14);pointer-events:none}
.he-scan{opacity:.12!important}
.he-hud{border-radius:var(--r-lg);border-color:var(--edge-2);overflow:hidden;background:rgba(13,13,13,.6)}
.he-hud div{border-right-color:var(--edge);padding:10px 18px}
.he-links a,.he-links button{padding:4px 10px;border-radius:999px;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}
.he-links a:hover,.he-links button:hover{border-color:var(--edge-2);background:rgba(255,255,255,.03)}

.wgrid{gap:16px;margin-top:16px}
.w{border-radius:var(--r-lg);border-color:var(--edge);background:var(--surf);box-shadow:var(--lift);transition:border-color .25s,transform .3s cubic-bezier(.22,1,.36,1),opacity .2s}
.w::before,.w::after{display:none}
.w:hover{border-color:var(--edge-2)}
.w.over{border-color:rgba(255,140,66,.45)}
.w-h{border-bottom:0;padding:16px 18px 6px}
.w-c{border-radius:999px;border:0;background:rgba(255,255,255,.07);min-width:22px;text-align:center;padding:0 7px}
.w-x{border-radius:999px;transition:background .2s,color .2s}
.w-x:hover{background:rgba(255,110,110,.1)}
.w-more{padding:3px 10px;border-radius:999px;transition:background .2s}
.w-more:hover{background:rgba(255,140,66,.08)}
.w-b{padding:8px 18px 18px}
.w-hidden button{border-radius:999px;border-style:solid;border-color:var(--edge-2);padding:6px 12px;background:var(--surf)}

.gb{border-radius:var(--r-sm)}
.gb.sm{border-radius:7px}
.sl-r{border-bottom:0;border-radius:var(--r-md);padding:10px 10px;margin:2px -10px;transition:background .2s}
.sl-r+.sl-r::after{content:"";position:absolute;left:10px;right:10px;top:-2px;height:1px;background:var(--edge)}
.sl-r:hover{background:rgba(255,255,255,.03)}
.sl-r:hover::after,.sl-r:hover+.sl-r::after{opacity:0}
.sl-pb{border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}
.sl-pb i{border-radius:999px}
.sch{border-radius:999px;border:0;background:rgba(125,211,168,.1);padding:3px 10px}
.sch.off{background:rgba(255,255,255,.05);border:0}
.sch.boot{background:rgba(232,194,117,.1);border:0}
.sl-m{border-radius:999px}
.sl-m:hover{background:rgba(255,255,255,.05)}
.dd{border-radius:var(--r-md);border-color:var(--edge-2);box-shadow:0 18px 40px -12px rgba(0,0,0,.75);padding:5px;overflow:hidden}
.dd button{border-bottom:0;border-radius:7px}

.ring .vl{stroke-linecap:round}
.ring .tr{stroke:rgba(255,255,255,.06)}
.ring .tk{stroke:rgba(255,255,255,.08)}

.qk{gap:10px}
.qk button{border-radius:var(--r-md);border-color:var(--edge);background:rgba(255,255,255,.02);padding:10px 12px}
.qk button:hover{background:rgba(255,255,255,.04)}
.ag-lvl{border-radius:var(--r-md);border:0;background:rgba(125,211,168,.08);padding:10px 14px}
.ag-t{gap:10px}
.ag-t button{border-radius:var(--r-md);border-color:var(--edge);background:rgba(255,255,255,.02);padding:12px}
.ag-t button svg{border-radius:999px;border-color:var(--edge-2);background:rgba(255,140,66,.06);width:28px;height:28px;padding:5px}
.ag-t button:hover{background:rgba(255,255,255,.04)}

.act-r{border-bottom:0;border-radius:var(--r-sm);padding:9px 8px;margin:0 -8px}
.act-r:hover{background:rgba(255,255,255,.025)}
.act-r .d{border-radius:50%;border:0;width:8px;height:8px;background:var(--fg-mute)}
.act-r .d.g{background:var(--green);box-shadow:0 0 0 3px rgba(125,211,168,.12)}
.act-r .d.o{background:var(--accent);box-shadow:0 0 0 3px rgba(255,140,66,.12)}
.act-r .d.r{background:var(--red);box-shadow:0 0 0 3px rgba(255,110,110,.12)}
.act-r .d.b{background:var(--blue);box-shadow:0 0 0 3px rgba(77,157,224,.12)}

.pg-h{border-bottom:1px solid var(--edge)}
.pg-meta{border-radius:var(--r-lg);border-color:var(--edge-2);overflow:hidden;background:var(--surf)}
.pg-meta div{border-right-color:var(--edge);padding:10px 18px}
.stats{border-radius:var(--r-lg);overflow:hidden;border-color:var(--edge);background:var(--edge);box-shadow:var(--lift)}
.stat{background:var(--surf)}
.stat:hover{background:var(--surf-2)}
.sec-head{border-bottom-color:var(--edge)}
.spec-grid,.cap-grid{border-radius:var(--r-lg);overflow:hidden;border-color:var(--edge);background:var(--edge)}
.spec,.cap{background:var(--surf)}
.spec:hover{background:var(--surf-2)}
.spec::before{border-radius:0 3px 3px 0;width:3px}
.cores{gap:10px}
.core{border-radius:var(--r-md);border-color:var(--edge);background:var(--surf)}
.core-t{border-radius:7px;border-color:var(--edge);background:#111}
.core-t i{border-radius:5px 5px 0 0}
.alloc{border-radius:var(--r-lg);border-color:var(--edge);background:var(--surf);box-shadow:var(--lift);padding:20px 22px}
.al-bar{border-radius:999px;border:0;background:rgba(255,255,255,.06);height:10px}
.al-bar i{border-right-color:var(--surf)}
.al-leg{border-top:1px solid var(--edge)}
.al-leg i{border-radius:50%}
.tile-legend i{border-radius:50%}

.inst-grid{gap:16px}
.inst{animation:none;border-radius:var(--r-lg);border-color:var(--edge);background:var(--surf);box-shadow:var(--lift);overflow:hidden;padding:18px 20px 16px}
.inst:hover{background:var(--surf-2);border-color:var(--edge-2)}
.inst::before{width:3px}
.in-s{border-radius:999px;padding:3px 10px;background:rgba(125,211,168,.1)}
.off .in-s{background:rgba(255,255,255,.05)}
.boot .in-s{background:rgba(232,194,117,.1)}
.hb-t{border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}
.hb-t i{border-radius:999px}
.in-acts{border-top:1px solid var(--edge)}
.in-acts button,.in-acts a{border-radius:var(--r-sm);border-color:var(--edge-2);padding:5px 11px}

.steps-bar{border-radius:var(--r-lg);border-color:var(--edge-2);overflow:hidden;top:calc(var(--th) + 8px);background:rgba(21,21,21,.94);backdrop-filter:blur(8px);box-shadow:var(--lift)}
.sbx{border-right-color:var(--edge)}
.sbx::before{top:auto;bottom:0}
.game-grid{gap:12px}
.game{border-radius:var(--r-lg);border-color:var(--edge);background:var(--surf);box-shadow:var(--lift);overflow:hidden}
.game:hover{background:var(--surf-2);border-color:var(--edge-2)}
.gm-f{border-top:1px solid var(--edge)}
.gm-tag{border-radius:999px;border:0;background:rgba(255,140,66,.1);padding:2px 8px}

.grep{border-radius:var(--r-md);border-color:var(--edge);background:var(--surf)}
.grep:focus-within{border-color:rgba(255,140,66,.45);box-shadow:0 0 0 3px rgba(255,140,66,.08)}
.grep-btn{border-radius:var(--r-sm)}
.sim{border-radius:var(--r-sm);border-color:var(--edge-2)}
.go-big{border-radius:var(--r-md)}
.seg{border-radius:var(--r-md);border-color:var(--edge);background:var(--surf);padding:3px;gap:2px}
.seg button{border-right:0;border-radius:7px}
.seg button.on{background:rgba(255,140,66,.12)}
.rng{border-radius:var(--r-md);border-color:var(--edge);background:var(--surf)}
.rng input{border-radius:999px;height:3px}
.rng input::-webkit-slider-thumb{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,140,66,.15)}
.rng input::-moz-range-thumb{width:16px;height:16px;border-radius:50%}
.tgls{gap:10px}
.tgl{border-radius:var(--r-md);border-color:var(--edge);background:var(--surf)}
.tgl:hover{border-color:var(--edge-2)}
.tgl .bx{border-radius:999px;width:32px;height:18px;border-color:var(--edge-2);background:rgba(255,255,255,.04)}
.tgl .bx::after{border-radius:50%;width:12px;height:12px}
.tgl input:checked+.bx{background:rgba(255,140,66,.15)}
.meta-box{border-radius:var(--r-lg);border:1px solid var(--edge-2);background:var(--surf);box-shadow:var(--lift)}
.meta-box .bk{display:none}
.mb-h{border-bottom:1px solid var(--edge)}
.mb-row{border-bottom:1px solid var(--edge)}
.fit{border-radius:var(--r-md);border:0;background:rgba(125,211,168,.08)}
.fit.bad{border:0;background:rgba(255,110,110,.09)}
.ins-prog{border-radius:999px;height:4px}
.ins-fill{border-radius:999px}
.tail-card{border-radius:var(--r-lg);border-color:var(--edge);background:var(--surf);overflow:hidden;box-shadow:var(--lift)}
.tail-head{border-bottom-color:var(--edge)}
.badge{border-radius:999px;border-color:var(--edge-2)}
.ins-done{border-radius:var(--r-lg);border:0;background:rgba(125,211,168,.07)}
.bn-glyph{border-radius:50%}
.con-tabs{gap:8px}
.ct{border-radius:999px;border-color:var(--edge);background:var(--surf);padding:5px 14px 5px 5px}
.ct .gb.sm{border-radius:999px}
.con-in{border-radius:0;border-top:1px solid var(--edge)}
.conn-state{border-radius:var(--r-lg);border:0;background:rgba(125,211,168,.06);box-shadow:inset 0 0 0 1px rgba(125,211,168,.16)}
.howto{border-top:0;display:flex;flex-direction:column;gap:12px}
.hw{border:1px solid var(--edge);border-radius:var(--r-lg);background:var(--surf);padding:20px 18px}
.hw-n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,140,66,.1);font-size:13px}
.code-box{border-radius:var(--r-md);border-color:var(--edge);background:#101010}
.secret-box{border-radius:var(--r-md);border-style:solid;border-color:rgba(232,194,117,.35)}
.sb-key{border-radius:var(--r-sm)}
.toast{border-radius:var(--r-md);border-left-width:1px;border-color:var(--edge-2);box-shadow:0 18px 40px -12px rgba(0,0,0,.7)}
.sbar{border-top-color:var(--edge);background:rgba(13,13,13,.9)}
.note{opacity:.9}

@media (max-width:700px){.hello{padding:26px 20px 22px}.hello::after{width:180px;height:180px}}
