:root{--bg:#0b0b0b;--bg-2:#131313;--bg-alt:#efefef;--fg:#fff;--fg-dark:#0b0b0b;--muted:#7e7e7e;--line:#262626;--accent:#f2ff00;--danger:#ff5470;--ok:#35d67c;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", "SF Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.container{max-width:1400px;margin:0 auto;padding:0 24px}.eyebrow{font:500 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.display{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.03em;font-weight:500;line-height:1}.btn{background:var(--accent);color:#0b0b0b;font:500 14px/1 var(--font-body);border:none;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;transition:transform .1s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px #f2ff0033}.btn.ghost{color:var(--fg);background:0 0;border:1px solid #ffffff47}.btn.ghost:hover{border-color:var(--fg);box-shadow:none;background:#ffffff0f}.btn.small{padding:8px 14px;font-size:12px}.pill{color:var(--fg);font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:#ffffff14;border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex}.pill.ok{color:var(--ok);background:#35d67c2e}.pill.danger{color:var(--danger);background:#ff54702e}.pill.warn{color:var(--accent);background:#f2ff001f}.tab.svelte-1b2744y{z-index:100;background:var(--bg-2,#111);border:1px solid var(--line,#333);color:var(--fg,#fff);font:500 12px/1 var(--font-mono,monospace);letter-spacing:.08em;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:fixed;bottom:20px;right:20px}.tab.on.svelte-1b2744y{border-color:var(--accent,#f2ff00);color:var(--accent,#f2ff00)}.tab.svelte-1b2744y .dot:where(.svelte-1b2744y){background:#444;border-radius:50%;width:8px;height:8px}.tab.svelte-1b2744y .dot.live:where(.svelte-1b2744y){background:#5eead4;box-shadow:0 0 0 3px #5eead433}.tab.svelte-1b2744y .count:where(.svelte-1b2744y){background:var(--accent,#f2ff00);color:#0b0b0b;border-radius:999px;padding:2px 7px;font-size:11px}.panel.svelte-1b2744y{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line,#333);z-index:100;color:var(--fg,#fff);font-family:var(--font-body,system-ui);background:#0b0b0bf5;flex-direction:column;display:flex;position:fixed;box-shadow:0 20px 60px #00000080}.panel.mode-floating.svelte-1b2744y{border-radius:12px}.panel.mode-bottom.svelte-1b2744y{border-bottom:none;border-radius:12px 12px 0 0}.panel.mode-right.svelte-1b2744y{border-right:none;border-radius:12px 0 0 12px}.grip.svelte-1b2744y{z-index:2;position:absolute}.grip.corner.svelte-1b2744y{cursor:nwse-resize;width:14px;height:14px;top:-4px;left:-4px}.grip.corner.svelte-1b2744y:after{content:"";border-top:2px solid var(--muted,#888);border-left:2px solid var(--muted,#888);position:absolute;inset:4px}.grip.top.svelte-1b2744y{cursor:ns-resize;height:6px;top:-3px;left:0;right:0}.grip.top.svelte-1b2744y:hover{background:#f2ff0033}.grip.left.svelte-1b2744y{cursor:ew-resize;width:6px;top:0;bottom:0;left:-3px}.grip.left.svelte-1b2744y:hover{background:#f2ff0033}.ph.svelte-1b2744y{border-bottom:1px solid var(--line,#333);justify-content:space-between;align-items:flex-start;padding:14px 16px;display:flex}.ph.svelte-1b2744y .title:where(.svelte-1b2744y){font-family:var(--font-mono,monospace);letter-spacing:.06em;text-transform:uppercase;font-size:14px}.ph.svelte-1b2744y .sub:where(.svelte-1b2744y){font-family:var(--font-mono,monospace);color:var(--muted,#888);margin-top:4px;font-size:11px}.ph.svelte-1b2744y .sub:where(.svelte-1b2744y) code:where(.svelte-1b2744y){color:#ffffffe6}.ctl.svelte-1b2744y{align-items:center;gap:6px;display:inline-flex}.modes.svelte-1b2744y{border:1px solid var(--line,#333);border-radius:6px;gap:2px;margin-right:6px;padding:2px;display:inline-flex}.mm.svelte-1b2744y{width:26px;height:22px;font:500 12px/1 var(--font-mono,monospace);color:var(--muted,#888);cursor:pointer;background:0 0;border:none;border-radius:4px}.mm.svelte-1b2744y:hover{color:var(--fg,#fff)}.mm.on.svelte-1b2744y{color:var(--accent,#f2ff00);background:#f2ff0024}.mini.svelte-1b2744y{color:var(--muted,#888);border:1px solid var(--line,#333);font:500 11px/1 var(--font-mono,monospace);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px}.mini.svelte-1b2744y:hover:not([disabled]){color:var(--fg,#fff);border-color:#fff6}.mini[disabled].svelte-1b2744y{opacity:.4;cursor:not-allowed}.body.svelte-1b2744y{flex:1;overflow-y:auto}.empty.svelte-1b2744y{text-align:center;color:var(--muted,#888);padding:40px 24px;font-size:13px}.empty.svelte-1b2744y .hint:where(.svelte-1b2744y){margin-top:8px;font-size:12px}.feed.svelte-1b2744y{margin:0;padding:0;list-style:none}.ev.svelte-1b2744y{border-bottom:1px solid #ffffff0d}.row.svelte-1b2744y{text-align:left;width:100%;font-family:var(--font-mono,monospace);color:var(--fg,#fff);cursor:pointer;background:0 0;border:none;grid-template-columns:60px 1fr auto auto auto;align-items:center;gap:10px;padding:10px 16px;font-size:12px;list-style:none;display:grid}.row.svelte-1b2744y::-webkit-details-marker{display:none}.row.svelte-1b2744y::marker{content:""}.row.svelte-1b2744y:hover{background:#ffffff08}details.svelte-1b2744y>.row:where(.svelte-1b2744y){-webkit-user-select:none;user-select:none}.method.svelte-1b2744y{font-weight:600}.m-get.svelte-1b2744y{color:#93c5fd}.m-post.svelte-1b2744y{color:#86efac}.m-put.svelte-1b2744y{color:#fdba74}.m-patch.svelte-1b2744y{color:#fde047}.m-delete.svelte-1b2744y{color:#fca5a5}.url.svelte-1b2744y{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rep.svelte-1b2744y{background:var(--accent,#f2ff00);color:#0b0b0b;font:700 10px/1 var(--font-mono,monospace);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 7px;display:inline-block}.ms.svelte-1b2744y{color:var(--muted,#888);font-size:11px}.status.svelte-1b2744y{border-radius:3px;padding:2px 6px;font-size:11px;font-weight:600}.st2.svelte-1b2744y{color:#86efac}.st3.svelte-1b2744y{color:#fde047}.st4.svelte-1b2744y{color:#fdba74}.st5.svelte-1b2744y{color:#fca5a5;background:#fca5a51a}.time.svelte-1b2744y{color:#fff6;font-size:11px}.det.svelte-1b2744y{background:#ffffff05;padding:12px 16px 16px;font-size:12px}.det-row.svelte-1b2744y{flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;display:flex}.det-row.col.svelte-1b2744y{flex-direction:column;align-items:stretch}.det-row.muted.svelte-1b2744y{color:var(--muted,#888);font-family:var(--font-mono,monospace);font-size:11px}.k.svelte-1b2744y{color:var(--muted,#888);font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.1em;min-width:60px;font-size:10px}.tid.svelte-1b2744y{font-family:var(--font-mono,monospace);color:#ffffffe6;font-size:11px}.link.svelte-1b2744y{font-family:var(--font-mono,monospace);color:var(--accent,#f2ff00);font-size:11px;text-decoration:none}.link.svelte-1b2744y:hover{text-decoration:underline}.hint.svelte-1b2744y{color:var(--muted,#888);font-size:10px;font-family:var(--font-mono,monospace)}.refetch.svelte-1b2744y{border:1px solid var(--line,#333);color:var(--muted,#888);font:500 10px/1 var(--font-mono,monospace);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px}.refetch.svelte-1b2744y:hover{color:var(--accent,#f2ff00);border-color:var(--accent,#f2ff00)}.chips.svelte-1b2744y{flex-wrap:wrap;gap:4px;display:inline-flex}.chip.svelte-1b2744y{color:#0b0b0b;font:600 10px/1.2 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:3px 8px;display:inline-block}.chip.mini.svelte-1b2744y{padding:2px 6px;font-size:9px}.db-tag.svelte-1b2744y{color:#5eead4;font:700 8px/1.4 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.08em;background:#5eead433;border-radius:3px;padding:1px 5px;display:inline-block}.spans.svelte-1b2744y{width:100%;margin:4px 0 0;padding:0;list-style:none}.spans.svelte-1b2744y li:where(.svelte-1b2744y){font-family:var(--font-mono,monospace);color:#ffffffbf;cursor:help;grid-template-columns:12px auto 1fr auto auto;align-items:center;gap:8px;padding:4px 0;font-size:11px;display:grid}.spans.svelte-1b2744y li:where(.svelte-1b2744y):hover{background:#ffffff08}.gl.svelte-1b2744y{color:var(--muted,#888);text-align:center}.sn.svelte-1b2744y{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sms.svelte-1b2744y,.sdur.svelte-1b2744y{color:var(--muted,#888);font-size:10px}.spans.svelte-1b2744y li.divider:where(.svelte-1b2744y){cursor:help;grid-template-columns:1fr auto 1fr;gap:10px;padding:10px 0 8px;display:grid}.spans.svelte-1b2744y li.divider:where(.svelte-1b2744y):hover{background:0 0}.dv-line.svelte-1b2744y{background:linear-gradient(to right, transparent, var(--accent,#f2ff00) 30%, var(--accent,#f2ff00) 70%, transparent);opacity:.5;height:1px}.dv-label.svelte-1b2744y{color:var(--accent,#f2ff00);font:600 10px/1 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.wf.svelte-1b2744y{font-family:var(--font-mono,monospace);grid-template-columns:1fr;gap:3px;margin-top:6px;font-size:11px;display:grid}.wf-row.svelte-1b2744y{grid-template-columns:var(--label-w,320px) 4px 1fr auto;cursor:help;border-radius:4px;align-items:center;gap:6px;padding:3px 6px;display:grid}.wf-row.svelte-1b2744y:hover{background:#ffffff0a}.wf-row.async.svelte-1b2744y{opacity:.9}.wf-lbl.svelte-1b2744y{align-items:center;gap:6px;min-width:0;display:inline-flex;position:relative;overflow:hidden}.wf-gl.svelte-1b2744y{color:var(--muted,#888);flex-shrink:0}.wf-name.svelte-1b2744y{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.wf-splitter.svelte-1b2744y{cursor:ew-resize;background:0 0;border-left:1px solid #0000;border-right:1px solid #0000;width:4px;height:100%}.wf-splitter.svelte-1b2744y:hover{background:#f2ff004d}.wf-row.svelte-1b2744y:hover .wf-splitter:where(.svelte-1b2744y){border-left-color:#ffffff26}.wf-track.svelte-1b2744y{background:#ffffff0a;border-radius:3px;height:16px;position:relative}.wf-bar.svelte-1b2744y{opacity:.85;border-radius:2px;min-width:2px;position:absolute;top:3px;bottom:3px}.wf-divider.svelte-1b2744y{background:var(--accent,#f2ff00);width:1px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 6px #f2ff0099}.wf-dur.svelte-1b2744y{color:var(--muted,#888);font-size:10px}.dbg.svelte-1b2744y{flex-direction:column;gap:12px;margin-top:8px;display:flex}.dbg-svc.svelte-1b2744y{font:500 11px/1 var(--font-mono,monospace);align-items:center;gap:8px;display:flex}.dbg-count.svelte-1b2744y{color:var(--muted,#888);font-size:10px}.dbg-txn.svelte-1b2744y{color:#5eead4;background:#5eead414;border-radius:3px;padding:2px 6px;font-size:10px}.dbg-list.svelte-1b2744y{border-left:1px dashed var(--line,#333);margin:0;padding:0 0 0 8px;list-style:none}.dbg-list.svelte-1b2744y li:where(.svelte-1b2744y){font:500 11px/1.4 var(--font-mono,monospace);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px;display:flex}.dbg-op.svelte-1b2744y{letter-spacing:.05em;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.op-insert.svelte-1b2744y{color:#86efac;background:#86efac33}.op-update.svelte-1b2744y{color:#fde047;background:#fde04733}.op-delete.svelte-1b2744y{color:#fca5a5;background:#fca5a533}.op-select.svelte-1b2744y{color:#93c5fd;background:#93c5fd26}.op-begin.svelte-1b2744y,.op-commit.svelte-1b2744y{color:#ffffff80;background:#ffffff0d}.op-x.svelte-1b2744y{color:var(--muted,#888);background:#ffffff0d}.dbg-tbl.svelte-1b2744y{color:#ffffffd9;font-weight:600}.dbg-rows.svelte-1b2744y{color:var(--muted,#888);font-size:10px}.dbg-dur.svelte-1b2744y{color:var(--muted,#888);margin-left:auto;font-size:10px}.dbg-sql.svelte-1b2744y{flex-basis:100%;margin:4px 0 6px}.dbg-sql.svelte-1b2744y summary:where(.svelte-1b2744y){color:var(--muted,#888);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.tbl-view.svelte-1b2744y{border-left:2px solid #5eead44d;margin:6px 0 12px 8px;padding-left:8px}.tbl-view.svelte-1b2744y>summary:where(.svelte-1b2744y){cursor:pointer;font:500 10px/1.4 var(--font-mono,monospace);color:#5eead4;text-transform:none;letter-spacing:0}.tbl-view.svelte-1b2744y>summary:where(.svelte-1b2744y):hover{color:#7bf5dd}.tbl-view.svelte-1b2744y code:where(.svelte-1b2744y){color:#ffffffd9;background:#ffffff0d;border-radius:3px;padding:1px 5px}.tbl-wrap.svelte-1b2744y{margin-top:8px;overflow-x:auto}.tbl.svelte-1b2744y{border-collapse:collapse;width:100%;font:400 10px/1.4 var(--font-mono,monospace)}.tbl.svelte-1b2744y th:where(.svelte-1b2744y),.tbl.svelte-1b2744y td:where(.svelte-1b2744y){border-bottom:1px solid var(--line,#333);text-align:left;white-space:nowrap;padding:4px 8px}.tbl.svelte-1b2744y th:where(.svelte-1b2744y){color:var(--muted,#888);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600}.tbl.svelte-1b2744y td:where(.svelte-1b2744y){color:#ffffffd9}.tbl.svelte-1b2744y tbody:where(.svelte-1b2744y) tr:where(.svelte-1b2744y):hover{background:#ffffff08}.tbl.svelte-1b2744y th.matched-col:where(.svelte-1b2744y){color:var(--accent,#f2ff00);border-bottom-color:#f2ff0066}.tbl.svelte-1b2744y tr.matched-row:where(.svelte-1b2744y){background:#5eead40f;box-shadow:inset 3px 0 #5eead4}.tbl.svelte-1b2744y tr.matched-row:where(.svelte-1b2744y):hover{background:#5eead41a}.tbl.svelte-1b2744y td.matched-cell:where(.svelte-1b2744y){color:#7bf5dd;background:#5eead440;font-weight:700}.tbl-loading.svelte-1b2744y,.tbl-err.svelte-1b2744y{font:400 10px/1.2 var(--font-mono,monospace);color:var(--muted,#888);padding:10px}.tbl-err.svelte-1b2744y{color:#fca5a5}.tbl-scope.svelte-1b2744y{color:#5eead4;background:#5eead41f;border-radius:3px;margin-left:8px;padding:1px 6px;font-size:9px;display:inline-block}.tbl-scope-warn.svelte-1b2744y{color:#fde047;background:#fde0471f}.tbl-full.svelte-1b2744y{color:#38bdf8;font:500 10px/1.4 var(--font-mono,monospace);background:#38bdf824;border-radius:3px;margin-left:8px;padding:2px 6px;text-decoration:none}.tbl-full.svelte-1b2744y:hover{color:#fff;background:#38bdf847}.tbl-foot.svelte-1b2744y{font:500 10px/1 var(--font-mono,monospace);align-items:center;gap:10px;padding:8px 0 2px;display:flex}.tbl-count.svelte-1b2744y{color:var(--muted,#888)}.dbg-sql.svelte-1b2744y pre:where(.svelte-1b2744y){border:1px solid var(--line,#333);font:400 10px/1.4 var(--font-mono,monospace);color:#ffffffd9;white-space:pre;background:#000;border-radius:4px;margin:4px 0 0;padding:8px 10px;overflow-x:auto}.seq.svelte-1b2744y{margin-top:10px}.seq[open].svelte-1b2744y>summary:where(.svelte-1b2744y){color:var(--accent,#f2ff00)}.seq-host.svelte-1b2744y{border:1px solid var(--line,#333);background:#ffffff05;border-radius:6px;max-height:60vh;margin-top:10px;padding:12px;overflow:auto}.seq-host.svelte-1b2744y svg{max-width:100%;height:auto}.seq-host.svelte-1b2744y .actor{fill:#0b0b0be6!important;stroke:var(--accent,#f2ff00)!important}.seq-host.svelte-1b2744y text{fill:#ffffffe6!important;font-family:var(--font-mono,monospace)!important;font-size:11px!important}.seq-host.svelte-1b2744y circle.sequenceNumber,.seq-host.svelte-1b2744y .sequenceNumber{r:8!important;fill:var(--accent,#f2ff00)!important;stroke:#0009!important;stroke-width:1px!important}.seq-host.svelte-1b2744y text.sequenceNumber{fill:#0b0b0b!important;font-size:10px!important;font-weight:700!important}.wf-loading.svelte-1b2744y{color:var(--muted,#888);font:500 11px/1 var(--font-mono,monospace)}details.svelte-1b2744y{margin-top:8px}summary.svelte-1b2744y{cursor:pointer;color:var(--muted,#888);font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.08em;font-size:11px}summary.svelte-1b2744y:hover{color:#ffffffe6}pre.svelte-1b2744y{border:1px solid var(--line,#333);font:400 11px/1.5 var(--font-mono,monospace);color:#ffffffd9;background:#000;border-radius:6px;margin:8px 0 0;padding:10px 12px;overflow-x:auto}.jwt.svelte-1b2744y{border:1px solid var(--line,#333);background:#ffffff05;border-radius:6px;margin-top:10px;padding:10px 12px}.jwt-hd.svelte-1b2744y{font:700 10px/1 var(--font-mono,monospace);color:var(--muted,#888);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.jwt-key.svelte-1b2744y{color:var(--accent,#f2ff00);text-transform:none;letter-spacing:0}.jwt-raw.svelte-1b2744y{font:400 10px/1.5 var(--font-mono,monospace);word-break:break-all;letter-spacing:.02em;background:#000;border-radius:4px;margin-bottom:10px;padding:8px 10px}.jwt-h.svelte-1b2744y{color:#fb7185}.jwt-p.svelte-1b2744y{color:#a78bfa}.jwt-s.svelte-1b2744y{color:#38bdf8}.jwt-dot.svelte-1b2744y{color:#ffffff80;padding:0 1px;font-weight:700}.jwt-lg.svelte-1b2744y{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=900px){.jwt-lg.svelte-1b2744y{grid-template-columns:1fr 1fr 1fr}}.jwt-blk.svelte-1b2744y{background:#00000059;border-left:3px solid #0000;border-radius:0 4px 4px 0;padding:6px 10px}.jwt-blk.h.svelte-1b2744y{border-left-color:#fb7185}.jwt-blk.p.svelte-1b2744y{border-left-color:#a78bfa}.jwt-blk.s.svelte-1b2744y{border-left-color:#38bdf8}.jwt-lbl.svelte-1b2744y{font:700 9px/1 var(--font-mono,monospace);color:var(--muted,#888);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.jwt-blk.svelte-1b2744y pre:where(.svelte-1b2744y){background:0 0;border:none;margin:0;padding:6px 8px;font-size:10px}.jwt-exp.svelte-1b2744y{font:500 10px/1 var(--font-mono,monospace);color:#a78bfacc;margin-top:4px}.jwt-sig.svelte-1b2744y{font:400 10px/1.4 var(--font-mono,monospace);color:#38bdf8b3}@media (width<=700px){.panel.mode-floating.svelte-1b2744y{width:auto!important;height:60vh!important;bottom:74px!important;left:10px!important;right:10px!important}.tab.svelte-1b2744y{bottom:10px;right:10px}.row.svelte-1b2744y{grid-template-columns:50px 1fr auto}.time.svelte-1b2744y,.ms.svelte-1b2744y{display:none}}.scrim.svelte-126qiou{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;isolation:isolate;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal.svelte-126qiou{background:var(--bg-2,#111);border:1px solid var(--line,#333);border-radius:12px;width:min(400px,100%);padding:0;box-shadow:0 20px 60px #00000080}.mh.svelte-126qiou{border-bottom:1px solid var(--line,#333);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.tabs.svelte-126qiou{gap:4px;display:inline-flex}.tabs.svelte-126qiou button:where(.svelte-126qiou){font:500 12px/1 var(--font-mono,monospace);color:var(--muted,#888);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-radius:4px;padding:6px 12px}.tabs.svelte-126qiou button:where(.svelte-126qiou):hover{color:var(--fg,#fff)}.tabs.svelte-126qiou button.on:where(.svelte-126qiou){background:var(--accent,#f2ff00);color:#0b0b0b}.x.svelte-126qiou{color:var(--muted,#888);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:24px;line-height:1}form.svelte-126qiou{flex-direction:column;gap:12px;padding:18px;display:flex}label.svelte-126qiou{flex-direction:column;gap:4px;display:flex}label.svelte-126qiou span:where(.svelte-126qiou){color:var(--muted,#888);font:500 10px/1 var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase}input.svelte-126qiou{background:var(--bg,#0b0b0b);border:1px solid var(--line,#333);color:var(--fg,#fff);font:400 14px/1.3 var(--font-body,system-ui);border-radius:6px;padding:10px 12px}input.svelte-126qiou:focus{border-color:var(--accent,#f2ff00);outline:none}.submit.svelte-126qiou{background:var(--accent,#f2ff00);color:#0b0b0b;font:700 13px/1 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:6px;margin-top:6px;padding:12px}.submit.svelte-126qiou:hover:not([disabled]){background:#d4de00}.submit[disabled].svelte-126qiou{opacity:.5;cursor:not-allowed}.err.svelte-126qiou{color:#fca5a5;font:400 12px/1.4 var(--font-mono,monospace);background:#fca5a51a;border-radius:4px;padding:8px 12px}.mf.svelte-126qiou{border-top:1px solid var(--line,#333);font:400 10px/1.4 var(--font-mono,monospace);color:var(--muted,#888);flex-direction:column;gap:4px;padding:12px 18px;display:flex}.mf.svelte-126qiou code:where(.svelte-126qiou){color:#ffffffd9}.shell.svelte-12qhfyh{flex-direction:column;min-height:100vh;display:flex}main.svelte-12qhfyh{flex:1}.hd.svelte-12qhfyh{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);border-bottom:1px solid var(--line);background:#0b0b0bc7;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:16px 24px;display:grid;position:sticky;top:0}.logo.svelte-12qhfyh{font:500 15px/1 var(--font-mono);text-transform:uppercase;letter-spacing:-.02em;align-items:center;gap:10px;display:inline-flex}.logo-sq.svelte-12qhfyh{background:var(--accent);width:14px;height:14px}.logo-tag.svelte-12qhfyh{color:var(--muted);font-weight:400}.nav.svelte-12qhfyh{color:#ffffffb8;justify-content:center;gap:24px;font-size:14px;display:flex}.nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--accent)}.cart.svelte-12qhfyh{border:1px solid var(--line);font:500 14px/1 var(--font-mono);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.cart.svelte-12qhfyh span:where(.svelte-12qhfyh){color:var(--accent)}.cart.svelte-12qhfyh:hover{border-color:var(--accent)}.right.svelte-12qhfyh{align-items:center;gap:10px;display:inline-flex}.login-btn.svelte-12qhfyh{border:1px solid var(--line);color:var(--fg);font:500 13px/1 var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px}.login-btn.svelte-12qhfyh:hover{border-color:var(--accent);color:var(--accent)}.add-btn.svelte-12qhfyh{background:var(--accent);border:1px solid var(--accent);color:#0b0b0b;font:700 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:999px;padding:8px 14px}.add-btn.svelte-12qhfyh:hover{filter:brightness(1.1)}.user.svelte-12qhfyh{border:1px solid var(--line);font:500 12px/1 var(--font-mono);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.who.svelte-12qhfyh{color:#ffffffe6}.role.svelte-12qhfyh{background:var(--accent,#f2ff00);color:#0b0b0b;font:700 9px/1 var(--font-mono);text-transform:uppercase;border-radius:3px;padding:2px 6px}.logout.svelte-12qhfyh{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.logout.svelte-12qhfyh:hover{color:var(--danger,#ff5470)}.ft.svelte-12qhfyh{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;padding:30px 24px;font-size:13px;display:flex}.ft.svelte-12qhfyh code:where(.svelte-12qhfyh){font-family:var(--font-mono);color:#ffffffb3}@media (width<=720px){.hd.svelte-12qhfyh{grid-template-columns:auto auto}.nav.svelte-12qhfyh{order:3;grid-column:1/-1;overflow-x:auto}}