
body{margin:0}
.vp{--bg:#070A09;--bg2:#0A0E0D;--s1:#0E1312;--s2:#141A19;--s3:#1C2422;--bd:#1C2523;--bd2:#2B3633;--tx:#EAF0EE;--tx2:#A6B3AF;--tx3:#80908B;
--venom:#FF3346;--venom-bg:rgba(255,51,70,.12);--acid:#C6FF3D;--acid-ink:#0B1004;--acid-bg:rgba(198,255,61,.10);
--err:#FF8A3D;--err-bg:rgba(255,138,61,.12);--warn:#E9B654;--warn-bg:rgba(233,182,84,.12);--ok:#3DDC97;--ok-bg:rgba(61,220,151,.11);
--oth:#A898FF;--oth-bg:rgba(168,152,255,.12);--q:#9FB1AC;--q-bg:rgba(159,177,172,.10);--free:#7A8985;--free-bg:rgba(122,137,133,.10);
--scale:rgba(255,255,255,.03);
font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;line-height:1.5;color:var(--tx);
background-color:var(--bg);
background-image:radial-gradient(circle at 50% 100%,transparent 6.5px,var(--scale) 7px,var(--scale) 8px,transparent 8.5px),radial-gradient(circle at 50% 100%,transparent 6.5px,var(--scale) 7px,var(--scale) 8px,transparent 8.5px);
background-size:18px 10px;background-position:0 0,9px 5px;
position:relative;box-sizing:border-box;overflow:hidden;-webkit-font-smoothing:antialiased}
.vp.light{--bg:#ECF0EE;--bg2:#F4F7F5;--s1:#FFFFFF;--s2:#F2F5F3;--s3:#E3E9E6;--bd:#DCE3E0;--bd2:#C7D1CD;--tx:#0E1312;--tx2:#45524E;--tx3:#5A6864;
--venom:#D9142A;--venom-bg:rgba(217,20,42,.09);--acid:#3E6B00;--acid-ink:#FFFFFF;--acid-bg:rgba(90,150,0,.12);--err:#B8500F;--err-bg:rgba(184,80,15,.10);
--warn:#8A6200;--warn-bg:rgba(170,120,0,.12);--ok:#137A4F;--ok-bg:rgba(19,122,79,.10);--oth:#5B45C9;--oth-bg:rgba(91,69,201,.10);
--q:#4F5F5B;--q-bg:rgba(79,95,91,.10);--free:#66736F;--free-bg:rgba(102,115,111,.10);--scale:rgba(0,0,0,.035)}
.vp *{box-sizing:border-box}


.disp{font-family:'Unbounded',system-ui,sans-serif;letter-spacing:-.01em}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.word{font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.cmt{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);display:flex;align-items:center;gap:8px;margin:0}
.cmt b{font-weight:600;color:var(--bd2)}
.cmt.hot b{color:var(--venom)}.cmt.ask b,.cmt.ask{color:var(--acid)}
.cmt .c{color:var(--tx2);letter-spacing:0}
.meta{font-size:12px;color:var(--tx3)}
.mmeta{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--tx3)}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}


.pane{background:linear-gradient(180deg,var(--s1),var(--bg2));border:1px solid var(--bd);border-radius:14px;position:relative}
.pane.flat{background:var(--s1)}
.pane.live{border-color:rgba(255,51,70,.38);box-shadow:inset 0 0 0 1px rgba(255,51,70,.06),0 14px 40px -20px rgba(255,51,70,.6)}
.pane.live::before{content:'';position:absolute;left:16px;right:16px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--venom),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:vline 1.8s linear infinite}
.pane.ask{border-color:rgba(198,255,61,.42);box-shadow:0 14px 40px -22px rgba(198,255,61,.45)}
.pane.bad{border-color:rgba(255,138,61,.4)}
.row{display:flex;align-items:center;gap:10px}
.hr{height:1px;background:var(--bd)}


.bdg{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:5px;font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:500;white-space:nowrap}
.bdg i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.b-run{color:var(--venom);background:var(--venom-bg)}.b-run i{box-shadow:0 0 6px var(--venom),0 0 12px var(--venom);animation:beat 1.05s ease-in-out infinite}
.b-wait{color:var(--acid);background:var(--acid-bg)}.b-wait i{border-radius:1px;transform:rotate(45deg)}
.b-err{color:var(--err);background:var(--err-bg)}.b-err i{border-radius:0;width:7px;height:7px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.b-q{color:var(--q);background:var(--q-bg)}.b-q i{background:none;border:1.5px solid currentColor}
.b-oth{color:var(--oth);background:var(--oth-bg)}.b-oth i{border-radius:2px}
.b-free{color:var(--free);background:var(--free-bg)}.b-free i{height:2px;border-radius:1px;width:8px}
.b-ok{color:var(--ok);background:var(--ok-bg)}
.b-warn{color:var(--warn);background:var(--warn-bg)}.b-warn i{border-radius:1px;width:3px;height:9px}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--bd2);background:var(--s2);color:var(--tx);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}
.btn:hover{background:var(--s3);border-color:#3a4744}
.btn:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
.btn.p{background:var(--acid);color:var(--acid-ink);border-color:transparent;box-shadow:0 6px 22px -8px rgba(198,255,61,.55)}
.btn.p:hover{filter:brightness(1.07)}
.btn.d{color:var(--venom);background:rgba(255,51,70,.08);border-color:rgba(255,51,70,.45)}
.btn.d:hover{background:rgba(255,51,70,.16);box-shadow:0 0 18px -4px rgba(255,51,70,.6)}
.btn.g{background:transparent;border-color:transparent;color:var(--tx2)}
.btn.lg{height:46px}.btn.sm{height:30px;padding:0 10px;font-size:12.5px;border-radius:8px}
.btn.ib{width:40px;padding:0}.btn.lg.ib{width:46px}.btn.sm.ib{width:30px}
.btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}
.tk{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--tx2);text-decoration:none}
.tk:hover{color:var(--acid);text-decoration:underline}
.cnt{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--acid);color:var(--acid-ink);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(198,255,61,.5)}


.scl{height:10px;background:repeating-linear-gradient(90deg,var(--s3) 0 6px,transparent 6px 9px);transform:skewX(-24deg);position:relative;overflow:hidden;border-radius:1px}
.scl i{position:absolute;inset:0 auto 0 0;background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 9px)}
.scl.ok{color:var(--ok)}.scl.warn{color:var(--warn)}.scl.crit{color:var(--venom)}
.num{font-family:'Unbounded',sans-serif;font-weight:600;letter-spacing:-.02em}


.inp{width:100%;min-height:44px;padding:11px 14px;border-radius:12px;border:1px solid var(--bd2);background:var(--bg);color:var(--tx);font:inherit;font-size:15px;line-height:1.45;resize:none}
.inp::placeholder{color:var(--tx3)}
.inp:focus{outline:none;border-color:var(--acid);box-shadow:0 0 0 3px rgba(198,255,61,.14)}


.md{font-size:14.5px;line-height:1.6;color:var(--tx)}
.md p{margin:0 0 10px}.md ul,.md ol{margin:0 0 10px;padding-left:20px}.md li{margin-bottom:4px}.md li::marker{color:var(--tx3)}
.md b{font-weight:600}
.md code{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--acid);background:var(--acid-bg);padding:1px 6px;border-radius:4px}
.md pre{margin:0 0 10px;padding:12px 14px;background:var(--bg);border:1px solid var(--bd);border-left:2px solid var(--venom);border-radius:8px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.6;white-space:pre;color:var(--tx2)}
.md pre .k{color:var(--venom)}.md pre .s{color:var(--acid)}
.md table{border-collapse:collapse;font-size:12.5px;margin:0 0 10px;display:block;overflow-x:auto}
.md th,.md td{border-bottom:1px solid var(--bd);padding:6px 10px;text-align:left;white-space:nowrap}
.md th{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);font-weight:600}
.md a{color:var(--acid)}


.step{display:grid;grid-template-columns:46px 16px minmax(0,1fr);gap:8px;align-items:start;padding:4px 0;font-size:13px;line-height:1.5}
.step .t{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--tx3);padding-top:2px;text-align:right}
.step .m{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;padding-top:1px;text-align:center}
.s-tool .m{color:var(--venom)}.s-tool .x{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--tx);overflow-wrap:anywhere}
.s-think .m{color:var(--tx3)}.s-think .x{color:var(--tx2);font-style:italic}
.s-err .m{color:var(--err)}.s-err .x{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--err);overflow-wrap:anywhere}
.s-sys .m{color:var(--bd2)}.s-sys .x{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--tx3)}
.fresh{animation:fresh 1.6s ease-out}


.tabs{position:absolute;left:0;right:0;bottom:0;height:86px;padding:0 6px 34px;background:linear-gradient(180deg,rgba(7,10,9,.6),rgba(7,10,9,.96));backdrop-filter:blur(14px);border-top:1px solid var(--bd);display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.vp.light .tabs{background:rgba(255,255,255,.92)}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;font-size:10.5px;font-weight:600;color:var(--tx3);text-decoration:none;position:relative}
.tab .ic{width:22px;height:22px;stroke-width:1.8}
.tab.on{color:var(--tx)}
.tab.on::after{content:'';position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--venom);box-shadow:0 0 8px var(--venom)}
.tab .cnt{position:absolute;top:2px;left:calc(50% + 4px)}


.side{flex:1 1 248px;max-width:100%;padding:20px 14px;border-right:1px solid var(--bd);background:linear-gradient(180deg,rgba(14,19,18,.9),rgba(7,10,9,.9));display:flex;flex-direction:column;gap:18px}
.vp.light .side{background:rgba(255,255,255,.8)}
.nav{display:flex;align-items:center;gap:12px;height:38px;padding:0 12px;border-radius:9px;color:var(--tx2);text-decoration:none;font-size:14px;font-weight:500;position:relative}
.nav:hover{background:var(--s2);color:var(--tx)}
.nav.on{background:var(--s2);color:var(--tx)}
.nav.on::before{content:'';position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--venom);box-shadow:0 0 10px var(--venom)}
.nav .cnt{margin-left:auto}
.main{flex:999 1 560px;min-width:0;padding:28px 36px 48px;display:flex;flex-direction:column;gap:22px}


.sn{display:inline-flex;position:relative;flex:none}
.sn svg{overflow:visible;width:100%;height:100%}
.sn .rim{fill:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:round}
.sn .body{fill:none;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.sn .scales{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1.2 6.2}
.sn .belly{fill:none;stroke-width:1.4;stroke-linecap:round;opacity:.55}
.sn .head{stroke-width:2.6;stroke-linejoin:round}
.sn .brow{fill:none;stroke-width:2.8;stroke-linecap:round}
.sn .tongue{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.sn-on .rim{stroke:#3A050B}.sn-on .body{stroke:#E81C30}.sn-on .scales{stroke:#FF9AA4}.sn-on .belly{stroke:#FFD2D6}
.sn-on .head{fill:#E81C30;stroke:#3A050B}.sn-on .brow{stroke:#3A050B}
.sn-on .eye{fill:#FFE14D;filter:drop-shadow(0 0 3px #FFE14D) drop-shadow(0 0 6px #FFB800)}.sn-on .slit{fill:#1A0003}.sn-on .lid{display:none}
.sn-on .tongue{stroke:#FF6B78}
.sn-on{filter:drop-shadow(0 0 4px rgba(255,51,70,.9)) drop-shadow(0 0 14px rgba(255,51,70,.5));animation:venom 1.05s cubic-bezier(.4,0,.2,1) infinite}
.sn-on .scales{animation:flow .8s linear infinite}
.sn-on .tongue{animation:flick 2.1s ease-out infinite}
.sn-on .hd{animation:strike 2.1s cubic-bezier(.2,.9,.3,1) infinite;transform-origin:52px 30px}
.sn-off .rim{stroke:#0A0D0C}.sn-off .body{stroke:#2A3331}.sn-off .scales{stroke:#3C4846}.sn-off .belly{stroke:#4A5654}
.sn-off .head{fill:#2A3331;stroke:#0A0D0C}.sn-off .brow{stroke:#0A0D0C}
.sn-off .eye,.sn-off .slit{display:none}.sn-off .lid{fill:none;stroke:#0A0D0C;stroke-width:1.8;stroke-linecap:round}
.vp.light .sn-off .body,.vp.light .sn-off .head{stroke:#9AA6A2}
.vp.light .sn-off .body{stroke:#AAB5B1}.vp.light .sn-off .head{fill:#AAB5B1}.vp.light .sn-off .rim{stroke:#6E7B77}

.aura{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,51,70,.55) 0%,rgba(255,51,70,.18) 35%,transparent 68%);pointer-events:none;animation:aura 1.05s ease-in-out infinite}
.glowtx{color:var(--venom);text-shadow:0 0 12px rgba(255,51,70,.7),0 0 28px rgba(255,51,70,.35)}

@keyframes venom{0%,100%{filter:drop-shadow(0 0 3px rgba(255,51,70,.85)) drop-shadow(0 0 10px rgba(255,51,70,.45))}40%{filter:drop-shadow(0 0 9px rgba(255,51,70,1)) drop-shadow(0 0 30px rgba(255,51,70,.85))}}
@keyframes aura{0%,100%{transform:scale(.9);opacity:.75}40%{transform:scale(1.12);opacity:1}}
@keyframes flow{to{stroke-dashoffset:-14.8}}
@keyframes flick{0%,64%,100%{opacity:0;transform:translateX(-6px) scaleX(.3)}69%,80%{opacity:1;transform:none}86%{opacity:0;transform:translateX(-4px) scaleX(.5)}}
@keyframes strike{0%,60%,100%{transform:none}66%{transform:translate(5px,-3px) rotate(-6deg)}72%{transform:translate(-1px,1px)}78%{transform:none}}
@keyframes beat{0%,100%{opacity:1;transform:scale(1)}45%{opacity:.45;transform:scale(.7)}}
@keyframes vline{from{background-position:-50% 0}to{background-position:150% 0}}
@keyframes fresh{0%{background:rgba(255,51,70,.18)}100%{background:transparent}}
@keyframes shimmer{to{background-position:-200% 0}}
.sk{background:linear-gradient(90deg,var(--s2) 0%,var(--s3) 50%,var(--s2) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:6px}
@media (prefers-reduced-motion:reduce){.vp *,.vp{animation:none!important}}
