:root{--bg:#060608;--bg2:#0e0e13;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--fg:#f4f4f6;--mut:#9a9aa8;--acc:#c8ff3d;--acc2:#8b5cff;--acc3:#2ee6c9;--warn:#ffb547}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}code{font-family:ui-monospace,monospace;color:var(--acc);background:#c8ff3d14;padding:.1em .35em;border-radius:5px}.banner{position:sticky;top:0;z-index:10;text-align:center;font-size:13px;padding:9px 12px;background:#ffb5471f;color:var(--warn);border-bottom:1px solid rgba(255,181,71,.3);backdrop-filter:blur(10px)}.banner a{text-decoration:underline}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;text-decoration:none}.brand b{color:var(--acc)}.brand em{font-style:normal;font-weight:500;color:var(--mut);font-size:14px}.mark{width:22px;height:22px;border-radius:7px;background:conic-gradient(from 200deg,var(--acc),var(--acc3),var(--acc2),var(--acc));position:relative;box-shadow:0 0 20px -2px #c8ff3d99}.mark:after{content:"";position:absolute;inset:6px;border-radius:3px;background:var(--bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:46px;padding:0 20px;border-radius:12px;background:var(--acc);color:#0a0a0a;font-weight:700;font-size:15px;border:0;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:#ffffff0d;color:var(--fg);border:1px solid var(--line2)}.btn.sm{height:38px;font-size:14px}.btn.wide{width:100%}.login{min-height:calc(100vh - 40px);display:grid;place-items:center;padding:30px 16px;background:radial-gradient(800px circle at 20% 10%,rgba(139,92,255,.25),transparent 60%),radial-gradient(700px circle at 90% 90%,rgba(200,255,61,.12),transparent 60%)}.login-card{width:100%;max-width:420px;padding:34px;border-radius:26px;background:#0e0e13cc;border:1px solid var(--line2);display:flex;flex-direction:column;gap:16px;backdrop-filter:blur(20px)}.login-card h1{font-size:30px;letter-spacing:-.03em;margin-top:10px}.sub{color:var(--mut);font-size:14px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mut)}.login-card input{height:46px;border-radius:12px;border:1px solid var(--line2);background:#0006;color:var(--fg);padding:0 14px;font:inherit}.or{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.fine{font-size:12.5px;color:#6f707d}.dash{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 38px)}.dash[hidden]{display:none}.side{border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:26px;background:var(--bg2)}.side nav{display:flex;flex-direction:column;gap:4px}.side nav a{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--mut);font-size:14px}.side nav a.on,.side nav a:hover{background:#ffffff0f;color:var(--fg)}.ws{margin-top:auto;display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--line)}.ws small{display:block;color:var(--mut);font-size:12px}.dot{width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc)}.main{padding:26px clamp(14px,3vw,34px);display:flex;flex-direction:column;gap:20px;min-width:0}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.top h1{font-size:28px;letter-spacing:-.03em}.top-actions{display:flex;gap:8px}.live{color:var(--acc)}.demo-tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--warn);border:1px dashed rgba(255,181,71,.5);padding:2px 6px;border-radius:5px;margin-left:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:18px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}.stat small{color:var(--mut);font-size:12.5px}.stat b{display:block;font-size:30px;letter-spacing:-.03em;margin:4px 0}.stat em{font-style:normal;font-size:12px;color:#6f707d}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.panel{padding:20px;border-radius:18px;background:var(--bg2);border:1px solid var(--line);min-width:0}.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ph h2{font-size:15px;letter-spacing:.02em}.lbl{font-size:11px;color:var(--mut)}.preview{grid-row:span 2}.steps-head,.queue li{display:grid;grid-template-columns:1fr 90px 130px;gap:10px;align-items:center}.steps-head{font-size:11.5px;color:#6f707d;text-transform:uppercase;letter-spacing:.08em;padding:0 10px 8px}.queue ul{list-style:none;display:flex;flex-direction:column;gap:6px}.queue li{padding:12px 10px;border-radius:12px;background:#ffffff06;border:1px solid var(--line);font-size:14px;transition:background .4s}.queue li .s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue li .s small{color:var(--mut);margin-right:6px;font-weight:700}.src{font-size:12px;font-weight:700}.src.ok{color:var(--acc3)}.src.no{color:#ff6b6b}.stage{font-size:12px;font-weight:700;padding:4px 8px;border-radius:7px;background:#ffffff0f;text-align:center}.stage.done{background:#c8ff3d26;color:var(--acc)}.stage.run{background:#8b5cff33;color:#c4b0ff}.stage.skip{background:#ff6b6b1f;color:#ff8a8a}.bar{grid-column:1/-1;height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc2),var(--acc));transition:width .8s}.phone{width:min(100%,260px);margin:0 auto;aspect-ratio:9/16;border-radius:22px;overflow:hidden;border:6px solid #1a1a22;box-shadow:0 30px 60px -20px #000000e6}.phone video{width:100%;height:100%;object-fit:cover;display:block}.chan{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;font-size:13.5px}.chan label{display:flex;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;border:1px solid var(--line);cursor:pointer}.chan input{accent-color:var(--acc)}.tg{display:flex;gap:8px;flex-wrap:wrap}.t{padding:8px 14px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--mut);cursor:pointer;font:inherit;font-size:13px}.t.on{background:#c8ff3d1f;border-color:#c8ff3d66;color:var(--acc)}.rules{list-style:none;display:grid;gap:8px;font-size:14px;color:#c3c4cf}.log pre{font-family:ui-monospace,monospace;font-size:12px;line-height:1.7;color:#9fa0ad;height:180px;overflow:hidden;white-space:pre-wrap}.log pre b{color:var(--acc);font-weight:600}@media (max-width:980px){.dash{grid-template-columns:1fr}.side{flex-direction:row;align-items:center;overflow-x:auto;padding:12px}.side nav{flex-direction:row}.ws{display:none}.grid{grid-template-columns:1fr}.preview{grid-row:auto}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.steps-head,.queue li{grid-template-columns:1fr 70px 96px}.top-actions{width:100%}.top-actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.login[hidden]{display:none}