@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-0: #05070a;--bg-1: #0a0e13;--bg-2: #10161d;--bg-3: #161e27;--bg-elev: #1b2530;--border: #1f2a36;--border-strong: #2a3a4d;--text: #d8e6df;--text-strong: #eafff5;--muted: #6b7d8c;--dim: #4a5764;--neon: #00ff9c;--neon-dim: #00b673;--neon-glow: rgba(0, 255, 156, .55);--cyan: #5ef0ff;--cyan-glow: rgba(94, 240, 255, .45);--amber: #ffb547;--amber-glow: rgba(255, 181, 71, .5);--red: #ff5572;--red-glow: rgba(255, 85, 114, .5);--magenta: #ff5edb;--accent: var(--neon);--danger: var(--red);--ok: var(--neon);--warn: var(--amber);--radius: 6px;--radius-lg: 10px;--shadow-glow: 0 0 0 1px rgba(0,255,156,.15), 0 0 24px rgba(0,255,156,.08);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-ui: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--t-fast: .12s cubic-bezier(.4,0,.2,1);--t-med: .22s cubic-bezier(.4,0,.2,1);--t-slow: .42s cubic-bezier(.4,0,.2,1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;background:var(--bg-0);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 15% -10%,rgba(0,255,156,.06),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(94,240,255,.05),transparent 60%),linear-gradient(transparent 0,transparent calc(100% - 1px),rgba(255,255,255,.025) 100%) 0 0 / 100% 32px,linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(255,255,255,.025) 100%) 0 0 / 32px 100%}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(to bottom,#fff0 0,#fff0 2px,#ffffff03,#fff0 4px);mix-blend-mode:overlay}#svelte,body>div{position:relative;z-index:2}::selection{background:var(--neon);color:#001a10}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-3);border:2px solid var(--bg-1);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--neon-dim)}h1,h2,h3,h4{color:var(--text-strong);font-family:var(--font-mono);font-weight:600;letter-spacing:.02em;margin:0}h1{font-size:1.4rem}h2{font-size:1.05rem}h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:var(--neon)}h3:before{content:"> ";color:var(--neon);opacity:.65}a{color:var(--cyan);text-decoration:none;transition:color var(--t-fast),text-shadow var(--t-fast)}a:hover{color:var(--neon);text-shadow:0 0 8px var(--neon-glow)}code,kbd,pre{font-family:var(--font-mono);font-size:.85em;color:var(--cyan)}code{background:#5ef0ff14;padding:.05em .35em;border-radius:3px;border:1px solid rgba(94,240,255,.15)}button,.btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--bg-2);color:var(--text);border:1px solid var(--border-strong);padding:.45rem .85rem;border-radius:var(--radius);cursor:pointer;font-family:var(--font-mono);font-size:.82rem;font-weight:500;letter-spacing:.03em;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);-webkit-user-select:none;user-select:none;text-decoration:none;line-height:1.2;position:relative}button:hover:not(:disabled),.btn:hover:not(:disabled){border-color:var(--neon);color:var(--neon);box-shadow:0 0 0 1px var(--neon-glow),0 0 12px #00ff9c2e inset}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(1px)}button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}button.primary,.btn.primary{background:linear-gradient(180deg,#00ff9c2e,#00ff9c0d);border-color:var(--neon);color:var(--neon);text-shadow:0 0 8px var(--neon-glow)}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#00ff9c47,#00ff9c1a);box-shadow:0 0 0 1px var(--neon),0 0 18px #00ff9c59}button.danger,.btn.danger{border-color:#ff557280;color:var(--red)}button.danger:hover:not(:disabled){border-color:var(--red);box-shadow:0 0 0 1px var(--red-glow),0 0 12px #ff55724d}button.ghost,.btn.ghost{background:transparent;border-color:var(--border)}input,select,textarea{background:var(--bg-1);color:var(--text-strong);border:1px solid var(--border-strong);padding:.5rem .7rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.85rem;width:100%;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}input::placeholder{color:var(--dim)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 1px var(--neon-glow),0 0 12px #00ff9c26;background:var(--bg-2)}input[type=checkbox]{width:auto;accent-color:var(--neon)}input[type=number]{width:auto}label{color:var(--muted);font-size:.8rem;font-family:var(--font-mono);display:inline-flex;align-items:center;gap:.4rem}.panel,.card{background:linear-gradient(180deg,rgba(0,255,156,.025),transparent 40%),var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.2rem;position:relative;transition:border-color var(--t-med),box-shadow var(--t-med)}.panel:hover,.card:hover{border-color:var(--border-strong)}.panel.glow{border-color:#00ff9c40;box-shadow:var(--shadow-glow)}table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.82rem}th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--border)}th{color:var(--neon);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;border-bottom-color:var(--border-strong);background:#00ff9c06}tbody tr{transition:background var(--t-fast)}tbody tr:hover{background:#5ef0ff0a}tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--bg-2);border:1px solid var(--border-strong);color:var(--muted)}.badge.ok{color:var(--neon);border-color:#00ff9c73;background:#00ff9c14}.badge.warn{color:var(--amber);border-color:#ffb54773;background:#ffb54714}.badge.err{color:var(--red);border-color:#ff557273;background:#ff557214}.badge.info{color:var(--cyan);border-color:#5ef0ff66;background:#5ef0ff14}.badge.muted{color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red-glow)}.dot.on{background:var(--neon);box-shadow:0 0 8px var(--neon-glow);animation:pulse 1.8s ease-in-out infinite}.dot.off{background:var(--red);box-shadow:0 0 6px var(--red-glow)}@keyframes pulse{0%,to{box-shadow:0 0 6px var(--neon-glow)}50%{box-shadow:0 0 14px var(--neon-glow),0 0 22px #00ff9c40}}.muted{color:var(--muted)}.dim{color:var(--dim)}.mono{font-family:var(--font-mono)}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.col{display:flex;gap:.5rem;flex-direction:column}.spacer{flex:1}.err{color:var(--red)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-1) 0%,rgba(10,14,19,.85) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.topbar .brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-weight:700;letter-spacing:.14em;color:var(--neon);text-shadow:0 0 12px var(--neon-glow);font-size:.95rem;text-transform:uppercase}.topbar .brand .blink{animation:blink 1.1s steps(2,start) infinite;color:var(--neon)}@keyframes blink{to{opacity:0}}.statusbar{display:flex;align-items:center;gap:1.25rem;padding:.35rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-1);color:var(--muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em}.statusbar .item{display:inline-flex;align-items:center;gap:.35rem}.statusbar .ok{color:var(--neon)}.tip-bubble{position:absolute;z-index:9999;max-width:340px;padding:.55rem .75rem;background:var(--bg-3);color:var(--text);border:1px solid var(--neon-dim);border-radius:var(--radius);box-shadow:0 8px 28px #0000008c,0 0 0 1px #00ff9c2e,0 0 18px #00ff9c1f;font-family:var(--font-mono);font-size:.76rem;line-height:1.45;pointer-events:none;white-space:pre-wrap;animation:tip-fade .14s ease-out}@keyframes tip-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page{max-width:1200px;width:100%;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.page-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.page-head h1,.page-head h2{display:inline-flex;align-items:center;gap:.55rem}.tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--border);padding:0 1.5rem;max-width:1200px;margin:0 auto;width:100%;background:var(--bg-1)}.tabs a{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem .95rem;color:var(--muted);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.tabs a:hover{color:var(--neon);background:#00ff9c0a;text-shadow:none}.tabs a.active{color:var(--neon);border-bottom-color:var(--neon);background:#00ff9c0f;text-shadow:0 0 8px var(--neon-glow)}.loading:after{content:"";display:inline-block;width:1em;text-align:left;animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,255,156,.2);border-top-color:var(--neon);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.flash{padding:.6rem .85rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.82rem;border:1px solid;background:var(--bg-2)}.flash.ok{color:var(--neon);border-color:#00ff9c66;background:#00ff9c0f}.flash.warn{color:var(--amber);border-color:#ffb54766;background:#ffb5470f}.flash.err{color:var(--red);border-color:#ff557266;background:#ff55720f}.iconbtn{padding:.4rem;line-height:0}.t-xs{font-size:.7rem}.t-sm{font-size:.8rem}svg.lucide{width:1em;height:1em;stroke-width:2;flex-shrink:0}