body.locked{overflow:hidden}
body.locked nav,body.locked main,body.locked footer,body.locked .atk-strip{visibility:hidden}
.gate{position:fixed;inset:0;z-index:1000;background:var(--bg);display:none;place-items:center;padding:24px}
body.locked .gate{display:grid}
.gate-box{width:min(420px,100%);display:flex;flex-direction:column;gap:16px}
.gate-msg{font-size:12px;color:var(--fg-dim);min-height:18px}
.gate-msg b{color:var(--accent);font-weight:600}
.gate-form{display:none;flex-direction:column;gap:10px}
.gate-form.on{display:flex}
.gf{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--bg-2);padding:10px 14px;font-size:12px}
.gf span{color:var(--accent);width:70px;flex-shrink:0}
.gf span::before{content:"$ "}
.gf input{flex:1;background:none;border:0;outline:0;color:var(--fg);font:inherit;font-size:13px;min-width:0;letter-spacing:.04em}
.gf:focus-within{border-color:var(--accent-d)}
.gate-go{align-self:flex-start;margin-top:4px}
.gate-go[disabled]{opacity:.5;cursor:wait}

.out-btn{font-size:10.5px;color:var(--fg-mute);border:1px solid var(--line);padding:3px 9px}
.out-btn:hover{color:var(--fg);border-color:var(--accent)}
.stale{position:fixed;left:50%;top:62px;transform:translateX(-50%);z-index:180;display:none;font-size:11px;color:var(--amber);background:var(--bg-2);border:1px solid #3a3220;padding:5px 12px}
body.is-stale .stale{display:block}

.role-sw{display:flex;border:1px solid var(--line)}
.rs{font-size:11px;color:var(--fg-mute);padding:4px 10px}
.rs.on{color:var(--fg);background:var(--bg-3)}

.secret-box{display:none;border:1px dashed var(--amber);background:#17140c;padding:14px 16px;margin:6px 0 18px;font-size:12px}
.secret-box.on{display:block}
.sb-h{color:var(--amber);margin-bottom:8px}
.sb-h b{color:var(--fg)}
.sb-key{display:block;font-size:12.5px;color:var(--fg);background:var(--bg);border:1px solid var(--line);padding:8px 10px;word-break:break-all;user-select:all}
.sb-s{color:var(--fg-dim);font-size:11px;margin:10px 0}
.sb-s code{color:var(--accent)}
.sb-a{display:flex;gap:8px;flex-wrap:wrap}

.srow{grid-template-columns:32px 1fr 110px 120px auto}
.srow .acts{display:flex;gap:6px;justify-self:end}
.srow .acts button{font-size:10.5px;color:var(--fg-mute);border:1px solid var(--line);padding:3px 8px}
.srow .acts button:hover{color:var(--fg);border-color:var(--accent)}
.srow .acts button.danger:hover{color:var(--red);border-color:var(--red)}
.srow .acts button.arm{color:var(--red);border-color:var(--red)}
.srow .st.off{color:var(--fg-mute)}
.srow .seen{font-size:10.5px;color:var(--fg-mute)}

.na{border:1px solid var(--line);background:var(--bg);padding:10px 12px;margin-top:8px}
.na-h{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;font-weight:600;margin-bottom:8px}
.na-h span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--fg-mute)}
.na-h span.on{color:var(--amber)}
.na-b{display:flex;gap:6px;flex-wrap:wrap}
.na-b button{font-size:10.5px;color:var(--fg-dim);border:1px solid var(--line);padding:4px 9px}
.na-b button:hover{border-color:var(--accent);color:var(--fg)}
.na-b button.arm{border-color:var(--amber);color:var(--amber)}
.na-empty{font-size:11px;color:var(--fg-mute);padding:10px 2px}
.na-empty::before{content:"// ";color:var(--accent)}

.tln{grid-template-columns:130px 90px 1fr}
.tln .who{color:var(--blue)}
.tln .who.sys{color:var(--red)}
.tln .who.adm{color:var(--accent)}

.nd.off rect.box{stroke-dasharray:4 4;opacity:.6}
.nd.off .ldot{fill:var(--fg-mute)}
.nrow .nled.off{background:var(--fg-mute);box-shadow:none}
.vec-prot .pm{width:0}
.gf-code{display:none}
.gf-code.on{display:flex}

.nd .nm-s{font-size:12px}
.nd .sub-s{font-size:9.5px}
.inc.click{cursor:pointer}
.inc.click:hover{background:var(--bg-2)}
.inc.click:hover b{color:var(--accent)}
.back-link{display:inline-block;margin:18px 0 0;font-size:12px;color:var(--fg-dim)}
.back-link:hover{color:var(--accent)}
.inc-state{font-size:12px;padding:10px 14px;border:1px solid var(--line);background:var(--bg-2);margin-bottom:16px}
.inc-state.live{border-color:rgba(255,110,110,.35);background:#160f0f;color:var(--red)}
.inc-state.done{border-color:rgba(125,211,168,.25);color:var(--green)}
.inc-stats{grid-template-columns:repeat(6,1fr)}
.inc-stats .stat{padding-bottom:18px}
.inc-stats .v{font-size:24px}
.stat .v.a{color:var(--amber)}
.inc-chart{margin-top:18px}
#iChart{width:100%;height:240px;display:block}
#iGrid line{stroke:var(--line);stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.i-zone{fill:rgba(255,110,110,.06)}
.i-pl{fill:none;stroke:var(--accent);stroke-width:1.25;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;opacity:.8}
.ch-tip .a{color:var(--amber)}
.mix{border-top:1px solid var(--line)}
.mx{display:grid;grid-template-columns:minmax(0,1fr) 140px 52px;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);font-size:12px}
.mx-n{color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-n b{color:var(--fg);font-weight:600;margin-right:4px}
.mx-b{height:4px;background:var(--line)}
.mx-b i{display:block;height:100%;background:var(--red);width:0;transition:width .5s}
.mx-p{text-align:right;color:var(--red);font-variant-numeric:tabular-nums}
.tline{border-top:1px solid var(--line)}
.tl-row{display:grid;grid-template-columns:52px 12px minmax(0,1fr);gap:10px;align-items:center;padding:11px 4px;border-bottom:1px dashed var(--line);font-size:12px}
.tl-row .t{color:var(--fg-mute);font-variant-numeric:tabular-nums}
.tl-row .m b{color:var(--fg);font-weight:600}
.tl-row .m span{color:var(--fg-dim)}
.tl-dot{width:7px;height:7px;border-radius:50%;background:var(--fg-mute)}
.tl-dot.r{background:var(--red)}.tl-dot.g{background:var(--green)}
.hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.hl{background:var(--bg-2);border:1px solid var(--line);border-top:2px solid var(--green);padding:14px 16px}
.hl.off{border-top-color:var(--fg-mute);opacity:.75}
.hl-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.hl-n{font-weight:700;font-size:15px}
.hl-s{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.hl.off .hl-s{color:var(--fg-mute)}
.hb{margin-bottom:9px}
.hb-h{display:flex;justify-content:space-between;font-size:10.5px;color:var(--fg-mute);margin-bottom:4px}
.hb-h b{color:var(--fg-dim);font-weight:500;font-variant-numeric:tabular-nums}
.hb-t{height:4px;background:var(--line)}
.hb-t i{display:block;height:100%;width:0;transition:width .5s}
.hb-t i.g{background:var(--green)}.hb-t i.a{background:var(--amber)}.hb-t i.r{background:var(--red)}
.hl-kv{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:10.5px;color:var(--fg-mute);margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
.hl-kv b{display:block;color:var(--fg);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.hl-os{font-size:10px;color:var(--fg-mute);margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.inc-stats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.inc-stats{grid-template-columns:repeat(2,1fr)}.mx{grid-template-columns:minmax(0,1fr) 80px 44px}}

body{padding-bottom:34px}
.tile-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:10.5px;color:var(--fg-mute);margin:-4px 0 14px}
.tile-legend i{display:inline-block;width:8px;height:8px;margin-right:6px;vertical-align:0}
.tl-ok{background:var(--green)}.tl-atk{background:var(--red)}.tl-drn{background:var(--amber)}.tl-off{background:var(--fg-mute)}
.tl-hint{margin-left:auto}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.tile{position:relative;display:block;background:var(--bg-2);border:1px solid var(--line);padding:12px 14px 10px;overflow:hidden;transition:border-color .2s,transform .25s cubic-bezier(.22,1,.36,1),background .2s}
.tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--green)}
.tile:hover{border-color:var(--line-2);background:var(--bg-3);transform:translateY(-1px)}
.tile:hover .tile-n{color:var(--accent)}
.tile.t-atk{background:#160f0f;border-color:rgba(255,110,110,.3)}
.tile.t-atk::before{background:var(--red);box-shadow:0 0 8px rgba(255,110,110,.6);animation:blink 1s steps(2) infinite}
.tile.t-drn::before{background:var(--amber)}
.tile.t-off{opacity:.6}
.tile.t-off::before{background:var(--fg-mute)}
.tile-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.tile-n{font-weight:700;font-size:14px;transition:color .2s}
.tile-s{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.t-atk .tile-s{color:var(--red)}.t-drn .tile-s{color:var(--amber)}.t-off .tile-s{color:var(--fg-mute)}
.tile-pl{font-size:11px;color:var(--fg-mute);margin-top:8px}
.tile-pl b{font-size:22px;color:var(--fg);font-weight:600;letter-spacing:-.02em;margin-right:4px;font-variant-numeric:tabular-nums}
.tile-kv{display:flex;justify-content:space-between;font-size:10.5px;color:var(--fg-dim);margin-top:4px;font-variant-numeric:tabular-nums}
.tile-kv .r{color:var(--red)}
.tile-sp{display:block;width:100%;height:22px;margin-top:6px}
.tile-sp path{fill:none;stroke:var(--green);stroke-width:1.25;vector-effect:non-scaling-stroke;opacity:.8}
.t-atk .tile-sp path{stroke:var(--red)}.t-drn .tile-sp path{stroke:var(--amber)}
.foot-go{float:right;color:var(--accent)}
.foot-go:hover{text-decoration:underline}

.nod-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:14px 0 22px;flex-wrap:wrap}
.nod-title{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1}
.nod-title .slash{color:var(--accent);font-size:.5em;vertical-align:.35em;margin-right:4px}
.nod-sub{font-size:12px;color:var(--fg-dim);margin-top:10px}
.nod-sub.s-atk{color:var(--red)}.nod-sub.s-drn{color:var(--amber)}.nod-sub.s-off{color:var(--fg-mute)}
.nod-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nod-acts button{font-size:11px;color:var(--fg-dim);border:1px solid var(--line-2);padding:6px 12px}
.nod-acts button:hover{border-color:var(--accent);color:var(--fg)}
.nod-acts button.arm{border-color:var(--amber);color:var(--amber)}
.nod-link{font-size:11px;color:var(--fg-mute)}
.nod-link:hover{color:var(--accent)}
.nod-pend{font-size:10.5px;color:var(--amber)}
.nod-grid{display:grid;grid-template-columns:1fr 320px;gap:16px;margin-top:18px}
.n-chart{width:100%;height:220px;display:block}
.hl-one .hl{height:100%}

.subtabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:26px 0 0}
.st{font-size:12px;color:var(--fg-mute);padding:10px 16px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s}
.st:hover{color:var(--fg)}
.st.on{color:var(--fg);border-bottom-color:var(--accent)}
.st b{font-size:10px;color:var(--red);font-weight:600;margin-left:4px}
.tabp{display:none}
.tabp.on{display:block;animation:lineIn .3s ease both}
.tabp .sec-head{margin-top:28px}

.sbar{position:fixed;left:0;right:0;bottom:0;z-index:190;display:flex;align-items:center;gap:18px;padding:7px 24px;background:rgba(13,13,13,.95);border-top:1px solid var(--line);font-size:10.5px;color:var(--fg-mute);backdrop-filter:blur(6px)}
.sbar b{color:var(--fg-dim);font-weight:600;font-variant-numeric:tabular-nums}
.sb-i{white-space:nowrap}
.sb-sp{flex:1}
.sb-led{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px;vertical-align:1px;box-shadow:0 0 0 3px rgba(125,211,168,.15)}
.sbar.atk{border-top-color:rgba(255,110,110,.4);background:rgba(23,14,14,.95)}
.sbar.atk .sb-led{background:var(--red);box-shadow:0 0 0 3px rgba(255,110,110,.2);animation:blink 1s steps(2) infinite}
.sbar.atk #sbMode{color:var(--red)}
#sbUpd.late{color:var(--amber)}
@media (max-width:900px){.nod-grid{grid-template-columns:1fr}.tl-hint{display:none}}
@media (max-width:560px){.sbar{gap:10px;padding:6px 12px;overflow:hidden}.sbar .sb-i:nth-child(4),.sbar #sbUpd{display:none}.tiles{grid-template-columns:repeat(2,1fr)}.st{padding:9px 10px;font-size:11px}}

.subtabs{position:sticky;top:58px;z-index:150;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:24px 0 0;padding:4px;border:1px solid var(--line-2);background:rgba(20,20,20,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line-2)}
body.attack .subtabs{top:94px}
.st{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--fg-dim);padding:12px 10px;border:1px solid transparent;border-bottom:1px solid transparent;margin:0;transition:color .2s,background .2s,border-color .2s}
.st::before{content:"./";color:var(--accent);opacity:.55;font-weight:400}
.st:hover{color:var(--fg);background:var(--bg-3)}
.st.on{color:var(--accent);background:rgba(255,140,66,.08);border-color:rgba(255,140,66,.35)}
.st.on::before{opacity:1}
.st b{font-size:10px;font-weight:700;color:var(--bg);background:var(--red);padding:1px 7px;margin:0;line-height:1.6}
.st b:empty{display:none}
.st[data-t=blocate] b{background:var(--amber)}
@media (max-width:560px){.subtabs{grid-template-columns:repeat(2,1fr);top:96px}.st{font-size:12px;padding:10px 6px}}

.subtabs{grid-template-columns:repeat(4,1fr);padding:0;gap:0;border:1px solid var(--line-2);background:rgba(16,16,16,.97)}
.st{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:baseline;justify-content:stretch;text-align:left;padding:14px 18px 13px;border:0;border-right:1px solid var(--line);font-weight:400;color:var(--fg-dim);transition:background .25s,color .25s}
.st:last-child{border-right:0}
.st::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1);opacity:1}
.st::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top,rgba(255,140,66,.07),transparent);opacity:0;transition:opacity .3s}
.st:hover{background:var(--bg-2);color:var(--fg)}
.st:hover::before{transform:scaleX(.35)}
.st.on{background:var(--bg-3);color:var(--fg);border-color:var(--line)}
.st.on::before{transform:scaleX(1);box-shadow:0 0 10px rgba(255,140,66,.55)}
.st.on::after{opacity:1}
.st-i{grid-row:1/3;align-self:center;font-size:12px;font-weight:600;color:var(--fg-mute);letter-spacing:.06em;transition:color .25s}
.st.on .st-i,.st:hover .st-i{color:var(--accent)}
.st-t{font-size:15px;font-weight:700;letter-spacing:-.01em;color:inherit}
.st-d{font-size:10.5px;color:var(--fg-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st b{position:absolute;top:12px;right:14px;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--bg);background:var(--red);padding:2px 7px;line-height:1.4}
.st b:empty{display:none}
.st[data-t=incidente] b{animation:blink 1.2s steps(2) infinite}
.st[data-t=blocate] b{background:var(--amber);animation:none}
@media (max-width:900px){.st-d{display:none}.st{padding:12px 14px}}
@media (max-width:560px){.subtabs{grid-template-columns:repeat(2,1fr)}.st{border-bottom:1px solid var(--line)}.st:nth-child(2){border-right:0}}

.wk{border:1px solid var(--line);background:var(--bg-2);margin-top:14px;padding:14px 18px 12px}
.wk-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.wk-t{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute)}
.wk-t::before{content:"$ ";color:var(--accent);letter-spacing:0}
.wk-r{font-size:11px;color:var(--fg-dim);font-variant-numeric:tabular-nums}
.wk-g{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.wk-c{background:var(--bg-2);padding:12px 14px}
.wk-c .k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:6px}
.wk-c .v{font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.wk-c .v.g{color:var(--green)}.wk-c .v.r{color:var(--red)}.wk-c .v.a{color:var(--amber)}
.wk-d{font-size:10px;color:var(--fg-mute);margin-top:6px;min-height:14px}
.wk-d.up{color:var(--green)}.wk-d.dn{color:var(--red)}
.wk-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}
.wd{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--fg-mute);cursor:default}
.wd-b{display:block;width:100%;height:6px;background:var(--line-2)}
.wd.l0 .wd-b{background:rgba(125,211,168,.35)}
.wd.l1 .wd-b{background:rgba(232,194,117,.6)}
.wd.l2 .wd-b{background:rgba(255,140,66,.75)}
.wd.l3 .wd-b{background:var(--red)}
.wd-c{position:absolute;top:-13px;right:2px;font-size:9.5px;color:var(--red);font-weight:600}
.wd:hover .wd-n{color:var(--fg)}

.map-card{position:relative;border:1px solid var(--line);background:var(--bg-2);padding:16px 18px 12px}
.map-card .bk{font-size:14px;opacity:.35;color:var(--fg-mute)}
.map-card .bk.tl{top:6px;left:8px}.map-card .bk.tr{top:6px;right:8px}.map-card .bk.bl{bottom:6px;left:8px}.map-card .bk.br{bottom:6px;right:8px}
.map-wrap{position:relative}
#map{width:100%;height:auto;display:block;max-height:560px}
.mg{stroke:var(--line);stroke-dasharray:2 5;stroke-width:1}
.mg-l{fill:var(--fg-mute);font-size:10px;font-family:var(--mono);opacity:.6}
.mcc{fill:var(--fg-mute);font-size:12px;font-family:var(--mono);letter-spacing:.12em;opacity:.35;text-anchor:middle}
.mdot{fill:rgba(255,255,255,.05)}
.marc{fill:none;stroke-width:1.4;stroke-dasharray:4 7;animation:marc 1.4s linear infinite}
.a-pl{stroke:rgba(125,211,168,.55)}
.a-org{stroke:rgba(255,140,66,.45);animation-duration:2s}
.a-bad{stroke:rgba(255,110,110,.8);stroke-width:2;animation-duration:.6s}
@keyframes marc{to{stroke-dashoffset:-22}}
.mpt .mp-dot{stroke:var(--bg);stroke-width:2}
.mpt .mp-halo{fill:none;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:lp 2.4s ease-out infinite}
.m-ok .mp-dot{fill:var(--green)}.m-ok .mp-halo{stroke:var(--green)}
.m-bad .mp-dot{fill:var(--red)}.m-bad .mp-halo{stroke:var(--red);animation-duration:1s}
.m-off .mp-dot{fill:var(--fg-mute)}.m-off .mp-halo{display:none}
.m-org .mp-dot{fill:var(--accent)}.m-org .mp-halo{stroke:var(--accent)}
.m-pl .mp-dot{fill:var(--blue)}.m-pl .mp-halo{stroke:var(--blue)}
.mpt[data-k]{cursor:pointer}
.mp-l{fill:var(--fg);font-size:13px;font-weight:600;font-family:var(--mono)}
.mp-s{fill:var(--fg-mute);font-size:10.5px;font-family:var(--mono)}
.m-bad .mp-l,.m-bad .mp-s{fill:var(--red)}
.map-tip{position:absolute;pointer-events:none;opacity:0;transition:opacity .15s;background:var(--bg);border:1px solid var(--line-2);padding:8px 10px;font-size:11px;color:var(--fg-dim);min-width:170px;z-index:5}
.map-tip.on{opacity:1}
.map-tip b{display:block;color:var(--fg);margin-bottom:4px}
.map-tip .r{color:var(--red)}
.map-foot{display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid var(--line);padding-top:10px;margin-top:6px;font-size:11px;color:var(--fg-mute)}
.mf b{color:var(--fg-dim);font-weight:600;margin-right:6px}
.mf i{font-style:normal;margin-right:4px}
.mf i.g{color:var(--green)}.mf i.r{color:var(--red)}.mf i.o{color:var(--fg-mute)}

.dc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dc-card{border:1px solid var(--line);background:var(--bg-2);padding:16px 18px}
.dc-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:12px}
.dc-k{color:var(--fg-mute);letter-spacing:.14em;text-transform:uppercase;font-size:10px}
.dc-v{color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-in{padding:9px 12px}
.dc-ev{display:flex;flex-direction:column;gap:10px;margin:4px 0 16px}
.dc-sw{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--fg-dim);cursor:pointer}
.dc-sw input{display:none}
.dc-sw span{width:30px;height:16px;border:1px solid var(--line-2);position:relative;transition:background .2s,border-color .2s;flex-shrink:0}
.dc-sw span::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:var(--fg-mute);transition:transform .2s,background .2s}
.dc-sw input:checked+span{border-color:var(--accent);background:rgba(255,140,66,.1)}
.dc-sw input:checked+span::after{transform:translateX(14px);background:var(--accent)}
.dc-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dc-note{font-size:10.5px;color:var(--fg-mute)}
.dc-prev{border:1px solid var(--line);background:#313338;padding:14px 16px;font-family:"gg sans","Segoe UI",system-ui,sans-serif}
.dc-prev-h{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#949ba4;margin-bottom:12px}
.dcm{display:flex;gap:12px}
.dcm-av{width:38px;height:38px;border-radius:50%;background:#0d0d0d;color:var(--accent);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:13px;flex-shrink:0}
.dcm-b{flex:1;min-width:0}
.dcm-n{font-size:14px;color:#f2f3f5;font-weight:600;margin-bottom:6px}
.dcm-bot{font-size:9.5px;background:#5865f2;color:#fff;padding:1px 4px;border-radius:3px;margin-left:6px;vertical-align:1px}
.dcm-t{font-size:11px;color:#949ba4;font-weight:400;margin-left:8px}
.dce{background:#2b2d31;border-left:4px solid var(--red);border-radius:4px;padding:10px 14px;margin-bottom:8px;color:#dbdee1;font-size:13px}
.dce.g{border-left-color:var(--green)}
.dce-t{font-weight:700;color:#f2f3f5;margin-bottom:4px}
.dce-d{font-size:12.5px;color:#b5bac1;margin-bottom:8px}
.dce-f{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;font-size:12px;color:#dbdee1}
.dce-f b{display:block;color:#f2f3f5;font-size:11.5px;margin-bottom:1px}
.dce-l{margin-top:8px;font-size:12px;color:#00a8fc}
.dce-ft{margin-top:8px;font-size:10.5px;color:#949ba4}
@media (max-width:900px){.wk-g{grid-template-columns:repeat(2,1fr)}.dc-grid{grid-template-columns:1fr}}
.mcc{opacity:.6;font-size:13px}
.mdot{fill:rgba(255,255,255,.07)}
.mp-halo{stroke-width:1.2}
.m-org .mp-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2}

.dce{border-left-width:4px}
.dce-a{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#f2f3f5;margin-bottom:6px}
.dce-ai{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0d0d0d;color:var(--accent);font-style:normal;font-family:var(--mono);font-size:12px;font-weight:700}
.dce-t.link{color:#00a8fc;display:flex;align-items:center;gap:8px;font-size:15px}
.dce-t .dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}
.dce-t .dot.r{background:#f23f43}.dce-t .dot.g{background:#23a55a}
.dce-code{background:#1e1f22;border:1px solid #1a1b1e;border-radius:4px;padding:8px 10px;margin:8px 0;font-family:Consolas,"Andale Mono",monospace;font-size:12px;line-height:1.45;color:#dbdee1;white-space:pre;overflow-x:auto}
.dce-code .h{font-weight:700}
.dce-code .m{color:#4f545c}
.dce-code .r{color:#dc322f}.dce-code .g{color:#859900}.dce-code .y{color:#b58900}
.dce-code.plain{color:#dbdee1}
.dce-sub{font-size:13px;font-weight:700;color:#f2f3f5;margin-top:4px}
.dce-ts{background:rgba(255,255,255,.06);border-radius:3px;padding:0 3px}
.dcm-bot{background:#5865f2}
.dc-grid{grid-template-columns:1fr}