.layout{grid-template-columns:280px minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.sidebar{flex-direction:column;gap:12px;min-width:0;display:flex}.hero{background:var(--hero);color:var(--hero-text);border-radius:var(--r-lg);padding:18px;position:relative;overflow:hidden}.hero:after{content:"";background:var(--accent);opacity:.22;filter:blur(8px);border-radius:50%;width:160px;height:160px;transition:background .3s;position:absolute;top:-40px;right:-40px}.hero-chip{color:var(--hero-muted);border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero h2{letter-spacing:-.02em;margin:16px 0 6px;font-size:32px;font-weight:700;line-height:1.05}.hero p{color:var(--hero-muted);margin:0;font-size:13px}.hero-foot{color:var(--hero-muted);z-index:1;justify-content:space-between;align-items:center;margin-top:18px;font-size:12.5px;display:flex;position:relative}.search{background:var(--surface);border:1px solid var(--line);height:42px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.dblist{flex-direction:column;gap:6px;display:flex}.dbrow{border-radius:var(--r-md);text-align:left;border:1px solid #0000;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 10px 8px 8px;transition:background .15s;display:grid}.dbrow:hover{background:var(--surface)}.dbrow.on{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.avatar{color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.dbrow-text b{font-size:14.5px;font-weight:700;display:block}.dbrow-text small{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.bubble{background:var(--surface-3);min-width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.bubble.started{background:color-mix(in srgb, var(--hue-amber) 18%, transparent);color:var(--hue-amber)}.bubble.done{background:var(--hue-green);color:var(--on-hue)}.center{min-width:0;padding:14px}.center-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.seg button{height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.seg button.on{background:var(--ink);color:var(--on-ink)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:12.5px;font-weight:600;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.timeline{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:14px;margin:14px 0 6px;padding:10px 14px;display:flex}.tl-ctrl{align-items:center;gap:6px;display:flex}.tl-track{flex:1;min-width:120px;height:34px;margin:0 8px;position:relative}.tl-rail,.tl-fill{border-radius:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0}.tl-rail{background:var(--line);right:0}.tl-fill{background:var(--accent);transition:width .3s}.tl-tick{background:var(--surface);border:2px solid var(--k);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;transition:transform .15s;position:absolute;top:50%}.tl-tick.on{background:var(--k)}.tl-tick:hover{transform:scale(1.35)}.tl-tick.cur{box-shadow:0 0 0 4px color-mix(in srgb, var(--k) 25%, transparent);transform:scale(1.5)}.tl-bubble{background:var(--ink);color:var(--on-ink);font:600 11px var(--mono);white-space:nowrap;border-radius:6px;padding:2px 7px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)scale(.67)}.view{margin-top:8px}.canvas-scroll{border-radius:var(--r-md);max-height:560px;overflow:auto}.canvas{min-width:560px;position:relative}.canvas-svg{pointer-events:none;position:absolute;inset:0}.lane-line{stroke:var(--line);stroke-width:1.5px;stroke-dasharray:2 6;stroke-linecap:round}.link{fill:none;stroke:var(--line);stroke-width:2px;transition:stroke .3s}.link.lit{stroke-width:2px;opacity:.85}.lane-heads{z-index:4;height:0;position:sticky;top:0}.lane-heads:before{content:"";background:linear-gradient(var(--surface) 70%, transparent);height:56px;position:absolute;top:0;left:0;right:0}.lane-head{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:1;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;display:inline-flex;position:absolute;top:8px;transform:translate(-50%)}.lane-ico{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.lane-name{text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.msg{background:var(--surface);border:1px solid var(--line);text-align:left;height:58px;box-shadow:var(--shadow);border-radius:999px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:0 14px 0 10px;scroll-margin:64px 0 12px;transition:background .25s,opacity .25s,transform .15s,border-color .25s;display:grid;position:absolute}.msg:hover{border-color:var(--k);transform:translateY(-1px)}.msg-no{background:color-mix(in srgb, var(--k) 15%, transparent);width:34px;height:34px;color:var(--k);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.msg-body{min-width:0}.msg-title{align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.msg-to{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:inline-flex;overflow:hidden}.msg-info{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.msg-t{font-family:var(--mono);color:var(--dim);font-size:11px}.msg.future{opacity:.38;box-shadow:none;background:var(--surface-2)}.msg.current{background:var(--k);border-color:var(--k);box-shadow:0 10px 26px color-mix(in srgb, var(--k) 35%, transparent);z-index:2}.msg.current .msg-no{background:var(--on-hue);color:var(--k)}.msg.current .msg-title,.msg.current .msg-to,.msg.current .msg-info,.msg.current .msg-t{color:var(--on-hue)}.topo-wrap{aspect-ratio:680/420;width:min(100%,880px);margin:6px auto 0;position:relative}.topo{width:100%;height:100%;display:block;overflow:visible}.dotgrid-dot{fill:var(--line)}.art-shadow{fill:var(--ink);opacity:.1}:root[data-theme=dark] .art-shadow{fill:#000;opacity:.45}.art-screen{fill:#12151b}.art-chip-text{font:800 11px var(--mono);fill:#fff;letter-spacing:.08em}.topo-edge{fill:none;stroke:var(--line);stroke-width:2.5px;stroke-dasharray:2 7;stroke-linecap:round;transition:stroke .3s}:root[data-theme=dark] .topo-edge:not(.hot){stroke:var(--surface-3)}.topo-edge.hot{stroke-width:3px;stroke-dasharray:10 7;animation:.7s linear infinite dash}.topo-edge-glow{fill:none;stroke-width:14px;stroke-linecap:round;opacity:.16}@keyframes dash{to{stroke-dashoffset:-34px}}.topo-ambient{fill:var(--muted);opacity:.35}.topo-glow{transform-box:fill-box;transform-origin:50%}.topo-glow.breathe{animation:2.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.7;transform:scale(1.12)}}.topo-node{transition:opacity .35s}.topo-node.dim{opacity:.42}.node-in{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.3,1.5,.5,1) both nodeIn}@keyframes nodeIn{0%{opacity:0;transform:translateY(14px)scale(.85)}}.bob{animation:1.1s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-4px)}}.topo-pill{fill:var(--surface);stroke:var(--line);filter:url(#soft);transition:stroke .3s}.topo-label{font:700 12.5px var(--sans);fill:var(--text)}.topo-sub{font:500 10px var(--mono);fill:var(--muted)}.compact .topo-label{font-size:18px}.topo-bubble{z-index:3;pointer-events:none;background:var(--surface);border:2px solid var(--k);width:max-content;max-width:min(290px,42%);box-shadow:0 14px 34px -12px color-mix(in srgb, var(--k) 55%, transparent), var(--shadow);border-radius:18px;flex-direction:column;gap:5px;padding:10px 14px 9px;font-size:12px;display:flex;position:absolute}.topo-bubble.above{transform:translate(calc(var(--ax) * -1), -100%);animation:.35s cubic-bezier(.3,1.5,.5,1) both bubbleUp}.topo-bubble.below{transform:translate(calc(var(--ax) * -1), 0);animation:.35s cubic-bezier(.3,1.5,.5,1) both bubbleDown}.topo-bubble.right{--dx:-10px;animation:.35s cubic-bezier(.3,1.5,.5,1) both bubbleSide;transform:translateY(-50%)}.topo-bubble.left{--dx:10px;animation:.35s cubic-bezier(.3,1.5,.5,1) both bubbleSide;transform:translate(-100%,-50%)}.topo-bubble:after{content:"";background:var(--surface);border:2px solid var(--k);width:12px;height:12px;position:absolute}.topo-bubble.above:after{left:var(--ax);border-top:0;border-left:0;bottom:-8px;transform:translate(-50%)rotate(45deg)}.topo-bubble.below:after{left:var(--ax);border-bottom:0;border-right:0;top:-8px;transform:translate(-50%)rotate(45deg)}.topo-bubble.right:after{border-top:0;border-right:0;top:50%;left:-8px;transform:translateY(-50%)rotate(45deg)}.topo-bubble.left:after{border-bottom:0;border-left:0;top:50%;right:-8px;transform:translateY(-50%)rotate(45deg)}.topo-bubble.above,.topo-bubble.below{--ax:50%}@keyframes bubbleUp{0%{opacity:0;translate:0 10px;scale:.9}}@keyframes bubbleDown{0%{opacity:0;translate:0 -10px;scale:.9}}@keyframes bubbleSide{0%{opacity:0;translate:var(--dx) 0;scale:.9}}.tb-head{white-space:nowrap;align-items:center;gap:8px;display:flex}.tb-head b{font-family:var(--mono);font-size:12.5px}.tb-kind{background:var(--k);color:var(--on-hue);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700}.tb-size{color:var(--muted);font:600 11px var(--mono);margin-left:auto}.tb-info{font:500 11.5px/1.45 var(--mono);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tb-route{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex}.tb-t{font-family:var(--mono);margin-left:auto;padding-left:10px}.compact .topo-bubble{border-radius:14px;max-width:72%;padding:7px 10px;font-size:11px}.compact .tb-info{-webkit-line-clamp:1;font-size:10.5px}.compact .tb-route{display:none}.topo-hint{z-index:3;background:var(--ink);height:44px;color:var(--on-ink);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 20px 0 6px;font-size:13.5px;font-weight:700;display:inline-flex;position:absolute;top:2%;left:1%}.tp-ico{background:var(--accent);width:34px;height:34px;color:var(--on-hue);border-radius:50%;place-items:center;display:grid;position:relative}.tp-ico:after{content:"";border:2px solid var(--accent);border-radius:50%;animation:1.6s ease-out infinite ping;position:absolute;inset:0}@keyframes ping{to{opacity:0;transform:scale(1.7)}}.topo-hint:hover{transform:translateY(-1px)}.compact .topo-hint{height:36px;font-size:12px;top:0}@media (prefers-reduced-motion:reduce){.node-in,.bob,.topo-glow.breathe,.topo-edge.hot,.tp-ico:after,.topo-bubble{animation:none!important}}.ftable-wrap{max-height:560px;overflow:auto}.ftable{border-collapse:separate;border-spacing:0 6px;width:100%;font-size:13px}.ftable th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--surface);z-index:1;padding:4px 10px;font-size:11.5px;font-weight:700;position:sticky;top:0}.ftable td{background:var(--surface-2);white-space:nowrap;padding:9px 10px}.ftable td:first-child{border-radius:999px 0 0 999px}.ftable td:last-child{border-radius:0 999px 999px 0}.ftable td.info{white-space:normal;min-width:240px}.ftable tr{cursor:pointer;transition:opacity .2s}.ftable tr.future{opacity:.4}.ftable tr.cur td{background:color-mix(in srgb, var(--accent) 14%, var(--surface))}.dotnum{width:26px;height:26px;color:var(--on-hue);border-radius:50%;place-items:center;font-size:11.5px;font-weight:800;display:inline-grid}.kind-pill{background:color-mix(in srgb, var(--k) 15%, transparent);color:var(--k);border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.inspector{flex-direction:column;gap:12px;min-width:0;display:flex}.inspector .card{padding:18px}.card-h{justify-content:space-between;align-items:center;min-height:30px;display:flex}.title{letter-spacing:-.01em;margin:8px 0 4px;font-size:21px;font-weight:700;line-height:1.2}.subtitle{color:var(--accent);font-size:13px;font-weight:700}.prose{color:var(--muted);margin:10px 0 12px;font-size:13.5px;line-height:1.6}.msgbox{background:var(--surface-2);border-radius:var(--r-md);border-left:4px solid var(--k);flex-direction:column;gap:6px;margin-bottom:8px;padding:12px;display:flex}.msgbox .kind-pill{align-self:flex-start}.msgbox .mono{word-break:break-word;font-size:12px}.dir{flex-wrap:wrap;align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:flex}.facts{margin:0}.facts div{border-bottom:1px dashed var(--line);grid-template-columns:112px 1fr;gap:10px;padding:9px 0;font-size:13px;display:grid}.facts div:last-child{border-bottom:0}.facts dt{color:var(--muted);font-weight:600}.facts dd{margin:0;font-weight:600}.stepper{margin:8px 0 0;padding:0;list-style:none;position:relative}.stepper:before{content:"";background:var(--line);width:2px;position:absolute;top:16px;bottom:16px;left:15px}.stepper button{text-align:left;align-items:center;gap:12px;width:100%;padding:7px 0;display:flex;position:relative}.stepper .sn{background:var(--surface);border:2px solid var(--line);width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:800;transition:all .2s;display:grid}.stepper b{font-size:14px;display:block}.stepper small{color:var(--muted);font-size:12px}.stepper button.done .sn{background:var(--hue-green);border-color:var(--hue-green);color:var(--on-hue)}.stepper button.on .sn{background:var(--accent);border-color:var(--accent);color:var(--on-hue);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}.stepper button:hover b{color:var(--accent)}.studio{margin-top:16px;padding:18px}.studio-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.studio-h h2{letter-spacing:-.01em;margin:4px 0 0;font-size:24px}.studio-h h2 .muted{font-weight:500}.studio-tabs{flex-wrap:wrap;gap:6px;display:flex}.studio-body{grid-template-columns:250px minmax(0,1fr);gap:16px;display:grid}.ops{flex-direction:column;gap:6px;display:flex}.op{border-radius:var(--r-md);text-align:left;border:1px solid #0000;grid-template-columns:54px 1fr;align-items:center;gap:10px;padding:8px;transition:background .15s;display:grid}.op:hover{background:var(--surface-2)}.op.on{background:var(--surface-2);border-color:var(--line)}.op-text b{font-size:14px;display:block}.op-text small{color:var(--muted);font-size:11.5px}.verb{--v:var(--muted);height:26px;font:700 10.5px var(--mono);letter-spacing:.04em;background:color-mix(in srgb, var(--v) 15%, transparent);color:var(--v);border-radius:999px;place-items:center;display:inline-grid}.op.on .verb{background:var(--v);color:var(--on-hue)}.v-RUN{--v:var(--muted)}.v-CONN{--v:var(--hue-blue)}.v-DDL{--v:var(--hue-teal)}.v-SEED{--v:var(--hue-amber)}.v-POST{--v:var(--hue-green)}.v-GET{--v:var(--hue-violet)}.v-PUT{--v:var(--hue-blue)}.v-DEL{--v:var(--hue-coral)}.req{flex-direction:column;gap:12px;min-width:0;display:flex}.urlbar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;min-width:0;padding:5px 16px 5px 5px;display:flex}.urlbar .verb{background:var(--v);height:32px;color:var(--on-hue);padding:0 14px}.urlbar code{font-family:var(--mono);white-space:nowrap;font-size:13px;overflow-x:auto}.urlbar .scheme{color:var(--accent);font-weight:700}.conn{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field span{color:var(--muted);padding-left:4px;font-size:12px;font-weight:600}.field input{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);height:40px;font-family:var(--mono);outline:none;min-width:0;padding:0 14px;font-size:12.5px}.field input:focus{border-color:var(--accent);background:var(--surface)}.field input:disabled{opacity:.45}.meta{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.meta b{color:var(--text)}.install{background:color-mix(in srgb, var(--hue-green) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--hue-green) 30%, transparent);border-radius:999px;align-items:center;gap:10px;padding:5px 5px 5px 16px;display:flex}.install code{white-space:nowrap;font-family:var(--mono);flex:1;font-size:12.5px;overflow-x:auto}.install .prompt{color:var(--hue-green);font-family:var(--mono);font-weight:700}.note{color:var(--muted);background:color-mix(in srgb, var(--hue-amber) 10%, var(--surface));border-radius:var(--r-sm);border-left:3px solid var(--hue-amber);padding:10px 14px;font-size:13px}.codecard{background:var(--code-bg);border-radius:var(--r-md);color:#d9dee8;min-width:0;overflow:hidden}.codecard.unsupported{text-align:center;padding:40px}.codecard.unsupported .muted{color:#8b93a3;font-size:13px}.codecard-h{background:var(--code-head);align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.dots{gap:6px;display:inline-flex}.dots i{background:#f05d48;border-radius:50%;width:10px;height:10px}.dots i:nth-child(2){background:#e3960b}.dots i:nth-child(3){background:#11a27a}.fname{font-family:var(--mono);color:#8b93a3;flex:1;font-size:12px}.code-actions{gap:6px;display:flex}.cbtn{color:#d9dee8;background:#2a2f39;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.cbtn:hover{background:#343a46}.cbtn.accent{background:var(--accent);color:var(--on-hue)}.code{max-height:560px;font-size:12.5px;line-height:1.65;display:flex;overflow:auto}.code .gutter{white-space:pre;text-align:right;color:#4d5463;user-select:none;border-right:1px solid var(--code-line);background:var(--code-bg);min-width:46px;font-family:var(--mono);padding:14px 12px 14px 10px;position:sticky;left:0}.code pre{flex:1;margin:0;padding:14px 18px}.code pre code{font-family:var(--mono);white-space:pre;tab-size:4}.hljs-keyword,.hljs-built_in,.hljs-meta .hljs-keyword{color:#8ea7ff}.hljs-string,.hljs-regexp{color:#6ad7ab}.hljs-number,.hljs-literal{color:#f6b85a}.hljs-comment{color:#6b7385;font-style:italic}.hljs-title,.hljs-title.function_,.hljs-title.class_{color:#c1a6ff}.hljs-attr,.hljs-attribute,.hljs-property,.hljs-variable,.hljs-template-variable{color:#6fd3e3}.hljs-type,.hljs-params{color:#ffd38a}.hljs-meta,.hljs-symbol{color:#ff8f7e}.toast{background:var(--ink);color:var(--on-ink);z-index:60;box-shadow:var(--shadow);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:700;animation:.2s pop;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,6px)}}.footer{color:var(--dim);text-align:center;margin-top:26px;font-size:12px}@media (width<=1280px){.layout{grid-template-columns:260px minmax(0,1fr)}.inspector{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}}@media (width<=980px){.topbar{flex-wrap:wrap}.cats{flex-wrap:nowrap;flex-basis:100%;order:3;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.top-right{margin-left:auto}.layout{grid-template-columns:minmax(0,1fr)}.sidebar .dblist{flex-direction:row;padding-bottom:4px;overflow-x:auto}.dbrow{flex:none;grid-template-columns:36px auto}.dbrow .bubble,.dbrow small{display:none}.avatar{width:36px;height:36px}.inspector,.studio-body{grid-template-columns:minmax(0,1fr)}.ops{flex-direction:row;overflow-x:auto}.op{flex:none;grid-template-columns:50px auto}.op small{display:none}.conn{grid-template-columns:repeat(2,minmax(0,1fr))}.cats,.sidebar .dblist,.ops{scrollbar-width:none}.cats::-webkit-scrollbar,.sidebar .dblist::-webkit-scrollbar,.ops::-webkit-scrollbar{display:none}}@media (width<=600px){.app{padding:14px 16px 30px}.logo{gap:8px;font-size:19px}.crumb,.top-right .pill{display:none}.hero h2{font-size:26px}.timeline{border-radius:var(--r-md);flex-wrap:wrap}.tl-track{flex-basis:100%;order:3;margin:4px 6px 0}.legend{display:none}.center{padding:10px}}:root,:root[data-theme=light]{--bg:#eceef2;--surface:#fff;--surface-2:#f5f6f8;--surface-3:#eceef2;--line:#e1e4ea;--text:#14161b;--muted:#687080;--dim:#a1a7b3;--ink:#17191e;--on-ink:#fff;--hero:#1c1f25;--hero-text:#fff;--hero-muted:#a3a9b6;--code-bg:#15171c;--code-head:#1d2026;--code-line:#262a32;--shadow:0 1px 2px #14161b0a, 0 8px 24px #14161b0f;--hue-blue:#3d63f5;--hue-green:#11a27a;--hue-coral:#f05d48;--hue-amber:#e3960b;--hue-violet:#8350ef;--hue-teal:#0b9caf;--on-hue:#fff;color-scheme:light}:root[data-theme=dark]{--bg:#0d0f13;--surface:#161920;--surface-2:#1c2028;--surface-3:#242934;--line:#2a303b;--text:#eceff4;--muted:#9ba3b2;--dim:#626b7c;--ink:#eceff4;--on-ink:#111318;--hero:#222733;--hero-text:#f3f5f9;--hero-muted:#9aa2b2;--code-bg:#0b0d11;--code-head:#12151b;--code-line:#1d2129;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--hue-blue:#7490ff;--hue-green:#3fcb9f;--hue-coral:#ff806c;--hue-amber:#f5b547;--hue-violet:#a888ff;--hue-teal:#3ac6d8;--on-hue:#0d0f13;color-scheme:dark}:root{--accent:var(--hue-blue);--k-connect:var(--hue-blue);--k-auth:var(--hue-green);--k-query:var(--hue-amber);--k-result:var(--hue-violet);--k-replication:var(--hue-coral);--sans:"Urbanist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-lg:26px;--r-md:18px;--r-sm:12px}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45;transition:background .25s,color .25s}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.35;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--mono);font-size:.92em}.muted{color:var(--muted)}.pad{padding:12px}.app{max-width:1480px;margin:0 auto;padding:18px 22px 40px}.pill{background:var(--surface);border:1px solid var(--line);height:38px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pill:hover{border-color:var(--dim)}.pill.ink{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.pill.sm{height:30px;padding:0 12px;font-size:12.5px}.pill.off{opacity:.4;text-decoration:line-through}.round{background:var(--surface);border:1px solid var(--line);width:36px;height:36px;color:var(--text);border-radius:50%;flex:none;place-items:center;transition:transform .12s,background .15s;display:inline-grid}.round:hover:not(:disabled){transform:scale(1.06)}.round.big{width:44px;height:44px}.round.sm{width:30px;height:30px}.round.ink{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.round.light{background:var(--hero-text);color:var(--hero);border-color:#0000}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);border:1px solid var(--line)}.eyebrow{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.cdot,.legend i,.hero-chip i,.dbrow small i{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.topbar{align-items:center;gap:18px;padding-bottom:18px;display:flex}.brand{flex:none;align-items:center;gap:12px;display:flex}.logo{color:var(--text);letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.logo-mark{flex:none;display:block}.logo-word b{color:var(--accent);background:linear-gradient(90deg, var(--hue-blue), var(--hue-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.crumb{border-left:1.5px solid var(--line);color:var(--muted);white-space:nowrap;padding-left:12px;font-size:14px;font-weight:700}.cats{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;display:flex}.top-right{align-items:center;gap:10px;display:flex}.ring{--p:0;background:conic-gradient(var(--accent) calc(var(--p) * 1%), var(--surface-3) 0);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.ring span{background:var(--bg);border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.switch{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:none;width:62px;height:34px;position:relative}.switch .knob{background:var(--hue-amber);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;transition:transform .25s,background .25s;display:grid;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .knob{background:var(--hue-violet);color:var(--on-hue);transform:translate(28px)}.footer a{color:inherit;font-weight:700}