:root{--bg-app:#0e0f13;--bg-sidebar:#101218;--bg-card:#14161c;--bg-panel:#16181e;--bg-code:#0b0c10;--bg-nav-active:#1a1d25;--bg-hover:#181b22;--bg-hover-2:#16191f;--bd:#20242e;--bd-2:#262a33;--bd-soft:#1c1f27;--bd-row:#1a1d24;--bd-modal:#2a2e38;--tx:#e7e9ee;--tx-em:#f2f3f5;--tx-2:#c5cad2;--tx-muted:#9097a1;--tx-faint:#6b7280;--tx-faint-2:#565c66;--tx-faint-3:#4a4f59;--clay:#d97757;--clay-h:#e08968;--clay-tint:#d9775718;--clay-tint-2:#d9775710;--clay-bd:#d9775740;--clay-bd-2:#d9775744;--clay-shadow:#d9775733;--blue:#5b9df0;--blue-h:#74aef5;--green:#45b36b;--red:#f0635c;--amber:#e0b341;--purple:#b07dd9;--teal:#5ac8c8;--syn-kw:#c57bd6;--syn-type:#5ac8c8;--syn-str:#d9a066;--syn-fn:#5b9df0;--syn-id:#c5cad2;--syn-cm:#6b7280;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--r-card:12px;--r-modal:14px;--r-ctrl:9px;--r-ctrl-sm:8px;--r-pill:6px;--sh-accent:0 2px 12px #d9775733;--sh-logo:0 2px 10px #d9775733;--sh-modal:0 24px 60px #000a;--sh-toast:0 12px 36px #000a}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes caret{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--tx);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}.mono{font-family:var(--mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg-app);background:#262a33;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.fadein{animation:.3s fadein}.h1{letter-spacing:-.02em;color:var(--tx-em);margin:0;font-size:24px;font-weight:600}.subtitle{color:var(--tx-muted);margin:4px 0 0;font-size:14px}.screen-head{margin-bottom:22px}.card{background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-card);padding:17px}.card-title{color:var(--tx-em);margin:0;font-size:14.5px;font-weight:600}.tag{font-family:var(--mono);border-radius:var(--r-pill);letter-spacing:.02em;padding:2px 6px;font-size:10.5px;font-weight:600}.tag-post{color:var(--green);background:#45b36b16;border:1px solid #45b36b40}.tag-get{color:var(--blue);background:#5b9df016;border:1px solid #5b9df040}.tag-delete{color:var(--red);background:#f0635c16;border:1px solid #f0635c40}.pill{letter-spacing:.04em;border-radius:5px;padding:2px 7px;font-size:9.5px;font-weight:700}.pill-admin{color:var(--clay);background:var(--clay-tint);border:1px solid var(--clay-bd-2)}.pill-user{color:var(--blue);background:#5b9df018;border:1px solid #5b9df044}.btn{all:unset;border-radius:var(--r-ctrl-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:9px 14px;font-size:13.5px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-clay{background:var(--clay);color:#fff;box-shadow:var(--sh-accent)}.btn-clay:hover:not(:disabled){background:var(--clay-h)}.btn-blue{background:var(--blue);color:#07121f}.btn-blue:hover:not(:disabled){background:var(--blue-h)}.btn-ghost{color:var(--tx-2);background:#1c1f27}.btn-ghost:hover:not(:disabled){background:#232732}.btn-outline{border:1px solid var(--bd-2);color:var(--tx-2);background:0 0}.btn-outline:hover:not(:disabled){background:var(--bg-hover);border-color:#2f3543}.icon-btn{all:unset;border-radius:var(--r-ctrl-sm);border:1px solid var(--bd-2);width:32px;height:32px;color:var(--tx-muted);cursor:pointer;justify-content:center;align-items:center;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.icon-btn:hover{background:var(--bg-hover)}.icon-btn.danger:hover{border-color:var(--red);color:var(--red)}.icon-btn.info:hover{border-color:var(--blue);color:var(--blue)}.seg{background:var(--bg-code);border:1px solid var(--bd-2);border-radius:var(--r-ctrl);gap:4px;padding:4px;display:inline-flex}.seg-btn{all:unset;color:var(--tx-muted);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.seg-btn:hover{color:var(--tx-2)}.seg-btn.on-green{color:var(--green);background:#45b36b16;border-color:#45b36b40}.seg-btn.on-blue{color:var(--blue);background:#5b9df016;border-color:#5b9df040}.seg-btn.on-clay{background:var(--clay-tint);color:var(--clay);border-color:var(--clay-bd-2)}.field{background:var(--bg-code);border:1px solid var(--bd-2);border-radius:var(--r-ctrl-sm);width:100%;color:var(--tx);outline:none;padding:10px 12px;font-size:14px;transition:border-color .12s}.field::placeholder{color:var(--tx-faint)}.field:focus{border-color:var(--clay)}.field.focus-blue:focus{border-color:var(--blue)}textarea.field{resize:vertical;line-height:1.55}.label{color:var(--tx-muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.green{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.red{background:var(--red);box-shadow:0 0 8px var(--red)}.dot.amber{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dot.muted{background:var(--tx-faint-3)}.dot.clay{background:var(--clay);box-shadow:0 0 8px var(--clay)}.dot.blink{animation:2.4s ease-in-out infinite blink}.dot.blink-fast{animation:1s ease-in-out infinite blink}.code{font-family:var(--mono);background:var(--bg-code);border:1px solid var(--bd);border-radius:var(--r-ctrl);color:var(--tx-2);white-space:pre;padding:14px 16px;font-size:12.5px;line-height:1.6;overflow-x:auto}.code .kw{color:var(--syn-kw)}.code .ty{color:var(--syn-type)}.code .st{color:var(--syn-str)}.code .fn{color:var(--syn-fn)}.code .cm{color:var(--syn-cm)}.code .id{color:var(--syn-id)}.row{align-items:center;display:flex}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.between{justify-content:space-between}.muted{color:var(--tx-muted)}.faint{color:var(--tx-faint)}.endpoint{font-family:var(--mono);color:var(--tx-2);font-size:12px}.nav-item{all:unset;color:#9097a1;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--bg-nav-active);color:var(--tx-em)}.nav-accent{background:var(--clay);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}