:root{--bg:#07090b;--bg-soft:#0b0e12;--surface:#0e1217;--surface-2:#141923;--surface-3:#1a2030;--border:#20262f;--border-2:#2a323e;--border-3:#3a4453;--text:#e8edf3;--text-2:#98a3b0;--text-3:#5f6b78;--text-4:#3f4955;--accent:#b4ff4a;--accent-2:#8be025;--accent-ink:#0a1300;--accent-glow:rgba(180,255,74,.16);--accent-glow-2:rgba(180,255,74,.04);--danger:#ff5a64;--warn:#ffb84a;--info:#5aa9ff;--gold:#d9a93a;--radius:6px;--radius-lg:10px;--shadow-1:0 1px 0 hsla(0,0%,100%,.03) inset,0 4px 24px rgba(0,0,0,.4);--shadow-2:0 1px 0 hsla(0,0%,100%,.05) inset,0 18px 60px rgba(0,0,0,.6);--font-ui:"Space Grotesk",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.app--light{--bg:#f4f5f7;--bg-soft:#ebedf1;--surface:#fff;--surface-2:#f7f8fa;--surface-3:#eef0f4;--border:#e3e6eb;--border-2:#d3d8e0;--border-3:#b9c0cb;--text:#0d1218;--text-2:#4d5663;--text-3:#7d8794;--text-4:#a8b0bc;--accent-ink:#0a1300;--shadow-1:0 1px 0 hsla(0,0%,100%,.7) inset,0 1px 2px rgba(13,18,24,.05),0 8px 24px rgba(13,18,24,.06);--shadow-2:0 1px 0 hsla(0,0%,100%,.7) inset,0 18px 60px rgba(13,18,24,.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-feature-settings:"ss01" on,"ss02" on,"cv11" on;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:radial-gradient(1200px 600px at 90% -10%,var(--accent-glow-2),transparent 60%),radial-gradient(900px 500px at 0 100%,rgba(90,169,255,.04),transparent 60%),var(--bg);min-height:100vh}.app--light,.app--light body{background:radial-gradient(1200px 600px at 90% -10%,rgba(180,255,74,.08),transparent 60%),var(--bg)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}.t-mono{font-family:var(--font-mono)}.t-up{text-transform:uppercase;letter-spacing:.08em}.t-tab{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.t-mute{color:var(--text-2)}.t-mute2{color:var(--text-3)}.t-acc{color:var(--accent)}.bg-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px;opacity:.35}.dot{display:inline-block;width:7px;height:7px;box-shadow:0 0 0 0 var(--accent);position:relative;vertical-align:middle}.dot,.dot--live:after{border-radius:999px;background:var(--accent)}.dot--live:after{content:"";position:absolute;inset:0;animation:pulse 1.8s ease-out infinite}.dot--err,.dot--err:after{background:var(--danger)}.dot--warn,.dot--warn:after{background:var(--warn)}.dot--off{background:var(--text-3);box-shadow:none}.dot--off:after{display:none}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--radius);background:var(--surface-2);color:var(--text);border:1px solid var(--border-2);font-size:13px;font-weight:500;letter-spacing:-.005em;transition:background .12s,border-color .12s,transform .04s;white-space:nowrap}.btn:hover{background:var(--surface-3);border-color:var(--border-3)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600;box-shadow:0 0 0 1px var(--accent-glow),0 8px 22px var(--accent-glow)}.btn--primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--danger{color:var(--danger);border-color:rgba(255,90,100,.3);background:rgba(255,90,100,.06)}.btn--sm{padding:5px 9px;font-size:11.5px;gap:6px}.btn--lg{padding:12px 18px;font-size:14px}.btn--icon{padding:7px 8px;gap:0}.btn[disabled]{opacity:.55;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--text-2);text-transform:uppercase;line-height:1.4}.pill--live{color:var(--accent);border-color:rgba(180,255,74,.25);background:rgba(180,255,74,.06)}.pill--err{color:var(--danger);border-color:rgba(255,90,100,.25);background:rgba(255,90,100,.06)}.pill--warn{color:var(--warn);border-color:rgba(255,184,74,.25);background:rgba(255,184,74,.06)}.pill--off{color:var(--text-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative}.card--hover{transition:border-color .15s,transform .15s,box-shadow .15s}.card--hover:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--shadow-1)}.fld{display:flex;flex-direction:column;gap:6px}.fld__label{text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);display:flex;align-items:center;gap:8px}.fld__hint,.fld__label{font-size:11px;color:var(--text-3)}.fld__hint{line-height:1.5}.input,.ta{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;color:var(--text);font-size:13px;outline:none;transition:border-color .12s,box-shadow .12s;width:100%}.input:focus,.ta:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input--mono{font-family:var(--font-mono);font-size:12px}.sec-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.sec-head__crumb{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.sec-head__title{font-size:13px;font-weight:600}.nav{display:flex;align-items:center;gap:24px;padding:12px 24px;border-bottom:1px solid var(--border);background:rgba(7,9,11,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:-webkit-sticky;position:sticky;top:0;z-index:30}.app--light .nav{background:rgba(244,245,247,.8)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em;font-size:14px;color:inherit;text-decoration:none}.brand__mark{width:22px;height:22px;display:grid;place-items:center}.nav__sep{width:1px;height:18px;background:var(--border)}.nav__link{font-size:12.5px;color:var(--text-2);padding:6px 10px;border-radius:var(--radius);cursor:pointer;transition:color .12s,background .12s;text-decoration:none}.nav__link:hover{color:var(--text);background:var(--surface-2)}.nav__link--active{color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.row{align-items:center}.col,.row{display:flex}.col{flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1 1}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.hidden{display:none}.code{font-family:var(--font-mono);font-size:12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;color:var(--text);word-break:break-all;line-height:1.6}.code--row{display:flex;align-items:center;gap:10px;word-break:normal;min-width:0;overflow:hidden}.code__protocol{color:var(--text-3)}.code__slug{color:var(--accent)}.editor-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,560px)}@media (max-width:1100px){.editor-split{grid-template-columns:minmax(0,1fr)}.editor-preview{position:static!important}}