:root{--city-bg: #07121f;--city-bg-deep: #030913;--city-panel: rgba(7, 18, 31, .82);--city-panel-solid: #0b1c2c;--city-line: rgba(130, 197, 225, .24);--city-text: #eff9ff;--city-muted: #9eb8c7;--city-cyan: #34d5ff;--city-blue: #6c8cff;--city-yellow: #ffcc42;--city-orange: #ff8c5a;--city-red: #ff6473;--city-green: #51e0a0;--city-violet: #b994ff;--city-magenta: #f176d5;--domain-sql: #20d9c2;--domain-tso: #ffd166;--domain-txn2pc: #e28cff;--domain-raft: #ff7a59;--domain-kv: #64e572;--domain-tiflash: #49a7ff;color:var(--city-text);background:var(--city-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=day]{--city-bg: #d7e9f1;--city-bg-deep: #b9d2dd;--city-panel: rgba(247, 253, 255, .86);--city-panel-solid: #f5fbfd;--city-line: rgba(24, 74, 94, .25);--city-text: #102c3c;--city-muted: #496b79;--city-cyan: #007b9f;--city-blue: #4359c6;--city-yellow: #8c6500;--city-orange: #a94920;--city-red: #bc3044;--city-green: #087854;--city-violet: #6845ab;--city-magenta: #a2388e;--domain-sql: #007f70;--domain-tso: #9b6400;--domain-txn2pc: #8b2dab;--domain-raft: #c03616;--domain-kv: #168431;--domain-tiflash: #176cbb;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 25% 10%,color-mix(in srgb,var(--city-cyan) 13%,transparent),transparent 34rem),linear-gradient(155deg,var(--city-bg),var(--city-bg-deep));color:var(--city-text)}button,input,select,textarea{font:inherit}a{color:var(--city-cyan)}:focus-visible{outline:3px solid var(--city-yellow);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:1000;top:.5rem;left:.5rem;padding:.65rem .9rem;border-radius:.5rem;background:var(--city-panel-solid);color:var(--city-text);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.noscript,.page-loading{max-width:48rem;margin:4rem auto;padding:2rem}.boot-card{display:grid;min-height:100dvh;place-content:center;justify-items:center;padding:2rem;text-align:center}.boot-logo{width:min(9rem,38vw);filter:drop-shadow(0 0 28px color-mix(in srgb,var(--city-cyan) 35%,transparent))}.boot-card h1{margin:1rem 0 .35rem;font-size:clamp(2.2rem,7vw,4.5rem);letter-spacing:-.06em}.boot-card h1 span{color:var(--city-cyan)}.boot-card p{margin:.4rem 0;color:var(--city-muted)}.boot-boundary{max-width:42rem;font-size:.82rem}.tidb-layout{position:relative;width:100%;height:100dvh;min-height:36rem;overflow:hidden;background:var(--city-bg)}.tidb-world{position:absolute;inset:0}.tidb-world canvas{display:block;width:100%;height:100%;outline:none}.tidb-movement-pad{position:absolute;z-index:26;top:8.55rem;left:max(.65rem,env(safe-area-inset-left));display:none;grid-template:repeat(3,2.75rem) / repeat(3,2.75rem);gap:.38rem;padding:.38rem;border:1px solid var(--city-line);border-radius:1rem;background:var(--city-panel);box-shadow:0 16px 38px #0000003d;pointer-events:auto;touch-action:none;user-select:none;backdrop-filter:blur(18px) saturate(130%);-webkit-user-select:none}.tidb-movement-pad[hidden]{display:none!important}.tidb-movement-pad__button{display:inline-flex;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--city-line) 80%,transparent);border-radius:.78rem;padding:0;background:color-mix(in srgb,var(--city-panel-solid) 88%,transparent);color:var(--city-text);cursor:pointer;font:750 1rem/1 ui-monospace,monospace;touch-action:none;-webkit-tap-highlight-color:transparent}.tidb-movement-pad__button:hover,.tidb-movement-pad__button:focus-visible,.tidb-movement-pad__button[aria-pressed=true]{border-color:var(--city-cyan);background:color-mix(in srgb,var(--city-cyan) 20%,var(--city-panel-solid));color:var(--city-cyan)}.tidb-movement-pad__button[data-camera-move=forward]{grid-area:1 / 2}.tidb-movement-pad__button[data-camera-move=left]{grid-area:2 / 1}.tidb-movement-pad__button[data-camera-move=sprint]{grid-area:2 / 2}.tidb-movement-pad__button[data-camera-move=right]{grid-area:2 / 3}.tidb-movement-pad__button[data-camera-move=backward]{grid-area:3 / 2}.tidb-movement-pad__button[data-camera-move=ascend]{grid-area:1 / 3}.tidb-movement-pad__button[data-camera-move=descend]{grid-area:3 / 3}.tidb-world-labels{position:absolute;z-index:7;inset:0;overflow:hidden;pointer-events:none}.tidb-world-label{--label-color: var(--city-cyan);position:absolute;top:0;left:0;display:grid;min-width:5.8rem;gap:.08rem;padding:.34rem .48rem .32rem;border:1px solid color-mix(in srgb,var(--label-color) 58%,transparent);border-left:3px solid var(--label-color);border-radius:.2rem .55rem .55rem .2rem;background:linear-gradient(120deg,color-mix(in srgb,var(--label-color) 12%,transparent),transparent 70%),color-mix(in srgb,var(--city-panel-solid) 88%,transparent);box-shadow:0 8px 22px #0000003d,0 0 18px color-mix(in srgb,var(--label-color) 14%,transparent);color:var(--city-text);line-height:1;opacity:.94;transition:opacity .16s ease,border-color .16s ease;will-change:transform}.tidb-world-label:after{position:absolute;top:100%;left:50%;width:1px;height:.75rem;background:linear-gradient(var(--label-color),transparent);content:""}.tidb-world-label strong{font:750 .66rem/1.05 ui-monospace,monospace;letter-spacing:.05em;white-space:nowrap}.tidb-world-label small{color:var(--city-muted);font:.52rem/1.1 ui-monospace,monospace;letter-spacing:.02em;white-space:nowrap}.tidb-world-label.is-far{opacity:.68}.tidb-world-labels.is-overview .tidb-world-label{min-width:0;padding:.28rem .4rem}.tidb-world-labels.is-overview .tidb-world-label small{display:none}.tidb-world-labels.is-distant .tidb-world-label{opacity:0}.tidb-world-label[hidden]{display:none}.tidb-world-label[data-domain=client]{--label-color: var(--city-cyan)}.tidb-world-label[data-domain=sql]{--label-color: var(--domain-sql)}.tidb-world-label[data-domain=tso]{--label-color: var(--domain-tso)}.tidb-world-label[data-domain=kv]{--label-color: var(--domain-kv)}.tidb-world-label[data-domain=gc]{--label-color: var(--city-muted)}.tidb-world-label[data-domain=tiflash]{--label-color: var(--domain-tiflash)}.tidb-topbar{position:absolute;z-index:30;top:max(.8rem,env(safe-area-inset-top));right:.8rem;left:.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}.tidb-wordmark,.tidb-top-actions,.tidb-status-strip{pointer-events:auto;border:1px solid var(--city-line);background:var(--city-panel);box-shadow:0 18px 48px #0003;backdrop-filter:blur(18px) saturate(130%)}.tidb-wordmark{display:flex;align-items:center;gap:.7rem;min-width:max-content;padding:.55rem .8rem;border-radius:.8rem}.tidb-wordmark svg{width:2rem;height:2rem}.tidb-wordmark strong{display:block;letter-spacing:-.02em}.tidb-wordmark small{display:block;color:var(--city-muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.tidb-top-actions{display:flex;min-width:0;align-items:center;gap:.25rem;overflow-x:auto;padding:.35rem;border-radius:999px;scrollbar-width:none;white-space:nowrap}.tidb-top-actions::-webkit-scrollbar{display:none}.tidb-top-cluster,.tidb-view-actions{display:flex;min-width:0;align-items:center;gap:.45rem;pointer-events:auto}.tidb-view-actions{padding:.35rem;border:1px solid var(--city-line);border-radius:999px;background:var(--city-panel);box-shadow:0 18px 48px #0003;backdrop-filter:blur(18px) saturate(130%)}.tidb-icon-button,.tidb-nav-link{display:inline-flex;flex:0 0 auto;min-height:2.25rem;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:.45rem .7rem;background:transparent;color:var(--city-text);cursor:pointer;font-size:.75rem;text-decoration:none}.tidb-icon-button:hover,.tidb-nav-link:hover,.tidb-icon-button[aria-pressed=true]{border-color:var(--city-cyan);color:var(--city-cyan)}.tidb-hud{position:absolute;z-index:20;top:5.6rem;right:max(.8rem,env(safe-area-inset-right));bottom:max(.8rem,env(safe-area-inset-bottom));display:flex;width:min(24.5rem,calc(100vw - 1.6rem));flex-direction:column;gap:.6rem;pointer-events:none}.tidb-layout[data-panel=closed] .tidb-hud{bottom:auto;width:min(22rem,calc(100vw - 1.6rem))}.tidb-layout[data-panel=closed] .tidb-ui-host{display:none}.tidb-layout[data-panel=closed] .tidb-status-strip{box-shadow:0 18px 48px #0003,0 0 0 1px color-mix(in srgb,var(--city-cyan) 5%,transparent)}.tidb-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:.45rem;border-radius:.8rem;pointer-events:auto}.tidb-status{min-width:0;padding:.2rem .5rem;border-right:1px solid var(--city-line)}.tidb-status:last-child{border-right:0}.tidb-status dt{overflow:hidden;color:var(--city-muted);font-size:.58rem;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tidb-status dd{overflow:hidden;margin:.1rem 0 0;font:700 .75rem/1.2 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.tidb-ui-host{min-height:0;overflow:auto;border-radius:1rem;overscroll-behavior:contain;pointer-events:auto;scroll-padding-top:3.6rem;scrollbar-color:var(--city-line) transparent;scrollbar-gutter:stable}.tidb-ui-host .ticity-ui{border-color:var(--city-line);background:var(--city-panel);box-shadow:0 22px 60px #0000003d;backdrop-filter:blur(20px) saturate(130%)}.tidb-ui-host .ticity-head{display:flex;min-height:2rem;justify-content:flex-end;margin:-.5rem 0 .4rem}.tidb-ui-host .ticity-title{display:none}.tidb-ui-host .tidb-language{margin-left:auto}.tidb-ui-host .tidb-language .tidb-button{min-height:1.9rem;padding:.25rem .55rem;font-size:.68rem}.tidb-ui-host .tidb-navigation{display:none}.tidb-hud-jumps{position:sticky;z-index:6;top:-1px;display:flex;gap:.35rem;margin:0 -18px .7rem;overflow-x:auto;padding:.65rem .75rem .55rem;border-bottom:1px solid var(--city-line);background:linear-gradient(180deg,var(--city-panel-solid) 76%,transparent);box-shadow:0 12px 26px color-mix(in srgb,var(--city-bg-deep) 34%,transparent);scrollbar-color:var(--city-line) transparent;scrollbar-width:thin}.tidb-hud-jump{display:inline-flex;flex:0 0 auto;min-height:2rem;align-items:center;border:1px solid var(--city-line);border-radius:999px;padding:.35rem .6rem;background:var(--city-panel);color:var(--city-muted);font-size:.68rem;text-decoration:none;white-space:nowrap}.tidb-hud-jump:after{margin-left:.35rem;color:var(--city-cyan);content:"↓"}.tidb-hud-jump:hover,.tidb-hud-jump:focus-visible{border-color:var(--city-cyan);color:var(--city-text)}.tidb-ui-host :is(#tidb-controls-title,#tidb-sql-title,#tidb-tour-title,#tidb-legal-title){scroll-margin-top:4rem}.tidb-transaction-lab{position:absolute;z-index:19;top:5.6rem;left:max(.8rem,env(safe-area-inset-left));display:none;width:min(35rem,calc(100vw - 2rem));max-width:calc(100vw - 27rem);max-height:calc(100dvh - 18.5rem);overflow:auto;padding:.8rem;border:1px solid color-mix(in srgb,var(--domain-txn2pc) 58%,var(--city-line));border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--domain-txn2pc) 10%,transparent),transparent 48%),color-mix(in srgb,var(--city-panel-solid) 94%,transparent);box-shadow:0 20px 52px #00000047;font:.68rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:auto;backdrop-filter:blur(20px) saturate(130%);scrollbar-color:var(--city-line) transparent}.tidb-layout[data-inspect=open] .tidb-transaction-lab:not([hidden]){display:block}.tidb-transaction-lab__head,.tidb-transaction-lab__region-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.tidb-transaction-lab__head h2,.tidb-transaction-lab__region-head h3{margin:0;font-size:.86rem}.tidb-transaction-lab__eyebrow{margin:0 0 .15rem;color:var(--domain-txn2pc);font-size:.58rem;letter-spacing:.14em}.tidb-transaction-lab__stage,.tidb-transaction-lab__key-role{border:1px solid var(--domain-txn2pc);border-radius:999px;padding:.2rem .45rem;color:var(--domain-txn2pc);font-size:.58rem;letter-spacing:.06em;white-space:nowrap}.tidb-transaction-lab__summary,.tidb-transaction-lab__region-meta,.tidb-transaction-lab__mvcc{display:grid;gap:.3rem;margin:0}.tidb-transaction-lab__summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.65rem}.tidb-transaction-lab__metric,.tidb-transaction-lab__cf{min-width:0;padding:.35rem;border:1px solid var(--city-line);border-radius:.45rem;background:color-mix(in srgb,var(--city-panel) 84%,transparent)}.tidb-transaction-lab :is(dt,dd){margin:0;overflow-wrap:anywhere}.tidb-transaction-lab dt{color:var(--city-muted);font-size:.56rem;text-transform:uppercase}.tidb-transaction-lab dd{margin-top:.12rem;color:var(--city-text)}.tidb-transaction-lab__regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.55rem}.tidb-transaction-lab__region{min-width:0;padding:.55rem;border:1px solid var(--city-line);border-radius:.65rem;background:color-mix(in srgb,var(--city-bg-deep) 76%,transparent)}.tidb-transaction-lab__region[data-key-role=primary]{border-top:3px solid var(--domain-txn2pc)}.tidb-transaction-lab__region[data-key-role=secondary]{border-top:3px dashed var(--domain-kv)}.tidb-transaction-lab__region-meta{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.45rem}.tidb-transaction-lab__lock,.tidb-transaction-lab__peers,.tidb-transaction-lab__mvcc-label{margin:.4rem 0 0;overflow-wrap:anywhere}.tidb-transaction-lab__lock[data-lock-state=leader-memory]{color:var(--domain-txn2pc)}.tidb-transaction-lab__peers{color:var(--domain-raft)}.tidb-transaction-lab__mvcc-label{color:var(--city-muted);font-size:.56rem;text-transform:uppercase}.tidb-transaction-lab__mvcc{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.2rem}.tidb-transaction-lab__cf[data-cf-state=prewrite],.tidb-transaction-lab__cf[data-cf-state=value],.tidb-transaction-lab__cf[data-cf-state=commit]{border-color:var(--domain-kv);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--domain-kv) 28%,transparent)}.tidb-lock-lab{--lock-lab-accent: var(--city-yellow);position:absolute;z-index:19;top:5.6rem;left:max(.8rem,env(safe-area-inset-left));display:none;width:min(45rem,calc(100vw - 2rem));max-width:calc(100vw - 27rem);max-height:calc(100dvh - 18.5rem);overflow:auto;padding:.8rem;border:1px solid color-mix(in srgb,var(--lock-lab-accent) 58%,var(--city-line));border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--lock-lab-accent) 10%,transparent),transparent 48%),color-mix(in srgb,var(--city-panel-solid) 95%,transparent);box-shadow:0 20px 52px #0000004d;font:.65rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:auto;backdrop-filter:blur(20px) saturate(130%);scrollbar-color:var(--city-line) transparent}.tidb-layout[data-inspect=open] .tidb-lock-lab:not([hidden]){display:block}.tidb-lock-lab__head,.tidb-lock-lab__card-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.6rem}.tidb-lock-lab :is(h2,h3,h4,h5,p,dl,ul,ol){margin-block-start:0}.tidb-lock-lab :is(h2,h3,h4,h5){margin-block-end:0}.tidb-lock-lab__head h2{font-size:.9rem}.tidb-lock-lab h3{color:var(--city-text);font-size:.72rem}.tidb-lock-lab h4,.tidb-lock-lab h5{font-size:.65rem}.tidb-lock-lab__eyebrow{margin-bottom:.15rem;color:var(--lock-lab-accent);font-size:.58rem;letter-spacing:.14em}.tidb-lock-lab__phase{flex:0 0 auto;margin-bottom:0;border:1px solid var(--lock-lab-accent);border-radius:999px;padding:.22rem .48rem;color:var(--lock-lab-accent);font-weight:750;font-size:.58rem}.tidb-lock-lab__phase:is([data-lock-phase=deadlock],[data-lock-phase=victim],[data-lock-phase=rollback],[data-lock-phase=error]){border-color:var(--city-red);color:var(--city-red)}.tidb-lock-lab>section{margin-top:.58rem;padding:.58rem;border:1px solid var(--city-line);border-radius:.68rem;background:color-mix(in srgb,var(--city-bg-deep) 72%,transparent)}.tidb-lock-lab__detector{border-left:3px solid var(--domain-kv)!important}.tidb-lock-lab__deadlock[data-retryable=false]{border-left:3px solid var(--city-red)!important}.tidb-lock-lab__retry[data-retry-source=application]{border-left:3px solid var(--city-cyan)!important}.tidb-lock-lab__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.3rem;margin:.42rem 0 0}.tidb-lock-lab__metric{min-width:0;padding:.34rem;border:1px solid var(--city-line);border-radius:.45rem;background:color-mix(in srgb,var(--city-panel) 84%,transparent)}.tidb-lock-lab :is(dt,dd){margin:0;overflow-wrap:anywhere}.tidb-lock-lab dt{color:var(--city-muted);font-size:.54rem;letter-spacing:.035em;text-transform:uppercase}.tidb-lock-lab dd{margin-top:.12rem;color:var(--city-text)}.tidb-lock-lab__transaction-list,.tidb-lock-lab__resource-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.48rem;margin-top:.42rem}.tidb-lock-lab__transaction,.tidb-lock-lab__resource{min-width:0;padding:.5rem;border:1px solid var(--city-line);border-top:3px solid var(--domain-kv);border-radius:.58rem;background:color-mix(in srgb,var(--city-panel-solid) 78%,transparent)}.tidb-lock-lab__transaction:is([data-transaction-state=waiting],[data-transaction-state=victim],[data-transaction-state=rolled_back]){border-top-style:dashed}.tidb-lock-lab__transaction[data-transaction-state=waiting]{border-top-color:var(--city-yellow)}.tidb-lock-lab__transaction:is([data-transaction-state=victim],[data-transaction-state=rolled_back]){border-top-color:var(--city-red)}.tidb-lock-lab__card-head code{overflow:hidden;color:var(--city-muted);font-size:.56rem;text-overflow:ellipsis}.tidb-lock-lab__waiters,.tidb-lock-lab__edge-list{margin:.35rem 0 0;padding-left:1.3rem}.tidb-lock-lab__waiters li,.tidb-lock-lab__edge-list li{margin-top:.18rem;overflow-wrap:anywhere}.tidb-lock-lab__waiters li::marker{color:var(--city-yellow);font-weight:800}.tidb-lock-lab__edge-list li::marker{color:var(--city-red);content:"waiter → holder  ";font-size:.5rem}.tidb-lock-lab__empty,.tidb-lock-lab__boundary-note,.tidb-lock-lab__retry-path{margin:.35rem 0 0;color:var(--city-muted);overflow-wrap:anywhere}.tidb-lock-lab__boundary-note{padding-left:.48rem;border-left:2px solid currentColor}.tidb-lock-lab__retry-path{color:var(--city-cyan)}.tidb-raft-lab{--raft-lab-accent: var(--domain-raft);position:absolute;z-index:19;top:5.6rem;left:max(.8rem,env(safe-area-inset-left));display:none;width:min(32rem,calc(100vw - 2rem));max-width:calc(100vw - 27rem);max-height:calc(100dvh - 19rem);overflow:auto;overscroll-behavior:contain;padding:.8rem;border:1px solid color-mix(in srgb,var(--raft-lab-accent) 62%,var(--city-line));border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--raft-lab-accent) 12%,transparent),transparent 48%),color-mix(in srgb,var(--city-panel-solid) 95%,transparent);box-shadow:0 20px 52px #0000004d;font:.65rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:auto;backdrop-filter:blur(20px) saturate(130%);scrollbar-color:var(--city-line) transparent;scrollbar-gutter:stable}.tidb-layout[data-inspect=open] .tidb-raft-lab:not([hidden]){display:block}.tidb-raft-lab:focus-visible{outline:3px solid var(--city-cyan);outline-offset:2px}.tidb-raft-lab__head,.tidb-raft-lab__card-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.6rem}.tidb-raft-lab :is(h2,h3,h4,p,dl){margin-block-start:0}.tidb-raft-lab :is(h2,h3,h4){margin-block-end:0}.tidb-raft-lab__head h2{font-size:.9rem}.tidb-raft-lab h3{color:var(--city-text);font-size:.72rem}.tidb-raft-lab h4{font-size:.66rem}.tidb-raft-lab__eyebrow{margin-bottom:.15rem;color:var(--raft-lab-accent);font-size:.58rem;letter-spacing:.14em}.tidb-raft-lab__phase,.tidb-raft-lab__role{flex:0 0 auto;border:1px solid var(--raft-lab-accent);border-radius:999px;padding:.22rem .48rem;color:var(--raft-lab-accent);font-weight:750;font-size:.58rem}.tidb-raft-lab__phase{margin-bottom:0}.tidb-raft-lab__phase:is([data-raft-phase=leader_lost],[data-raft-phase=backoff],[data-raft-phase=timeout]){border-style:dashed;border-color:var(--city-yellow);color:var(--city-yellow)}.tidb-raft-lab>section{margin-top:.58rem;padding:.58rem;border:1px solid var(--city-line);border-radius:.68rem;background:color-mix(in srgb,var(--city-bg-deep) 72%,transparent)}.tidb-raft-lab__election{border-left:3px solid var(--raft-lab-accent)!important}.tidb-raft-lab__pd{border-left:3px solid var(--domain-tso)!important}.tidb-raft-lab__request{border-left:3px solid var(--city-cyan)!important}.tidb-raft-lab__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.3rem;margin:.42rem 0 0}.tidb-raft-lab__metric{min-width:0;padding:.34rem;border:1px solid var(--city-line);border-radius:.45rem;background:color-mix(in srgb,var(--city-panel) 84%,transparent)}.tidb-raft-lab :is(dt,dd){margin:0;overflow-wrap:anywhere}.tidb-raft-lab dt{color:var(--city-muted);font-size:.54rem;letter-spacing:.035em;text-transform:uppercase}.tidb-raft-lab dd{margin-top:.12rem;color:var(--city-text)}.tidb-raft-lab__peer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem;margin-top:.42rem}.tidb-raft-lab__peer{min-width:0;padding:.5rem;border:1px solid var(--city-line);border-top:3px solid var(--raft-lab-accent);border-radius:.58rem;background:color-mix(in srgb,var(--city-panel-solid) 78%,transparent)}.tidb-raft-lab__peer[data-peer-role=leader]{border-top-style:double;border-top-width:5px}.tidb-raft-lab__peer[data-peer-role=candidate],.tidb-raft-lab__peer[data-peer-role=pre_candidate]{border-top-color:var(--city-yellow)}.tidb-raft-lab__peer[data-peer-health=down],.tidb-raft-lab__peer[data-peer-role=offline]{border-top-style:dashed;border-top-color:var(--city-red)}.tidb-raft-lab__policy-note,.tidb-raft-lab__boundary-note{margin:.4rem 0 0;padding-left:.48rem;border-left:2px solid currentColor;color:var(--city-muted);overflow-wrap:anywhere}.tidb-raft-lab__request[data-client-result=success]{border-left-color:var(--city-green)!important}.tidb-protocol-lab{--protocol-accent: var(--domain-txn2pc);position:absolute;z-index:19;top:5.6rem;left:max(.8rem,env(safe-area-inset-left));display:none;width:min(39rem,calc(100vw - 2rem));max-width:calc(100vw - 27rem);max-height:calc(100dvh - 19rem);overflow:auto;overscroll-behavior:contain;padding:.8rem;border:1px solid color-mix(in srgb,var(--protocol-accent) 62%,var(--city-line));border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--protocol-accent) 11%,transparent),transparent 48%),color-mix(in srgb,var(--city-panel-solid) 96%,transparent);box-shadow:0 20px 52px #0000004f;font:.62rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:auto;backdrop-filter:blur(20px) saturate(130%);scrollbar-color:var(--city-line) transparent;scrollbar-gutter:stable}.tidb-layout[data-inspect=open] .tidb-protocol-lab:not([hidden]){display:block}.tidb-protocol-lab:focus-visible{outline:3px solid var(--city-cyan);outline-offset:2px}.tidb-protocol-lab :is(h2,h3,h4,h5,p,dl){margin-block-start:0}.tidb-protocol-lab :is(h2,h3,h4,h5){margin-block-end:0}.tidb-protocol-lab__head,.tidb-protocol-lab__lane-head,.tidb-protocol-lab__region-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.55rem}.tidb-protocol-lab__head h2{font-size:.9rem}.tidb-protocol-lab h3{font-size:.72rem}.tidb-protocol-lab h4,.tidb-protocol-lab h5{font-size:.62rem}.tidb-protocol-lab__eyebrow{margin-bottom:.15rem;color:var(--protocol-accent);font-size:.56rem;font-weight:800;letter-spacing:.14em}.tidb-protocol-lab__overview,.tidb-protocol-lab__boundary-note,.tidb-protocol-lab__privacy-note{margin:.35rem 0 0;color:var(--city-muted);overflow-wrap:anywhere}.tidb-protocol-lab__phase,.tidb-protocol-lab__protocol,.tidb-protocol-lab__region-role{flex:0 0 auto;border:1px solid currentColor;border-radius:999px;padding:.2rem .42rem;color:var(--protocol-accent);font-size:.54rem;font-weight:800;white-space:nowrap}.tidb-protocol-lab__phase{margin-bottom:0}.tidb-protocol-lab>section{margin-top:.55rem;padding:.55rem;border:1px solid var(--city-line);border-radius:.66rem;background:color-mix(in srgb,var(--city-bg-deep) 72%,transparent)}.tidb-protocol-lab__boundary{border-left:3px solid var(--domain-raft)!important}.tidb-protocol-lab__assumptions{border-left:3px solid var(--domain-tso)!important}.tidb-protocol-lab__privacy{border-left:3px solid var(--city-cyan)!important}.tidb-protocol-lab__facts,.tidb-protocol-lab__mvcc,.tidb-protocol-lab__path-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.8rem,1fr));gap:.28rem;margin:.38rem 0 0}.tidb-protocol-lab__metric,.tidb-protocol-lab__cf,.tidb-protocol-lab__path-marker{min-width:0;padding:.32rem;border:1px solid var(--city-line);border-radius:.42rem;background:color-mix(in srgb,var(--city-panel) 84%,transparent)}.tidb-protocol-lab :is(dt,dd){margin:0;overflow-wrap:anywhere}.tidb-protocol-lab dt{color:var(--city-muted);font-size:.51rem;letter-spacing:.03em;text-transform:uppercase}.tidb-protocol-lab dd{margin-top:.1rem;color:var(--city-text)}.tidb-protocol-lab__lane-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem;margin-top:.55rem}.tidb-protocol-lab__lane{min-width:0;padding:.5rem;border:1px solid var(--city-line);border-top:4px solid var(--domain-kv);border-radius:.62rem;background:color-mix(in srgb,var(--city-panel-solid) 84%,transparent)}.tidb-protocol-lab__lane[data-protocol-lane=one_pc]{border-top-style:solid;border-top-color:var(--domain-kv)}.tidb-protocol-lab__lane[data-protocol-lane=async_commit]{border-top-style:dashed;border-top-color:var(--domain-tso)}.tidb-protocol-lab__lane[data-protocol-lane=two_pc]{border-top-style:double;border-top-width:6px;border-top-color:var(--domain-txn2pc)}.tidb-protocol-lab__lane[data-focused=true]{box-shadow:inset 0 0 0 1px var(--city-cyan),0 0 18px color-mix(in srgb,var(--city-cyan) 18%,transparent)}.tidb-protocol-lab__lane>section{margin-top:.46rem;padding-top:.42rem;border-top:1px solid var(--city-line)}.tidb-protocol-lab__path-marker[data-client-state=responded]{border-left:3px solid var(--city-cyan)}.tidb-protocol-lab__path-marker[data-background-state=pending],.tidb-protocol-lab__path-marker[data-background-state=active]{border-style:dashed;border-color:var(--domain-tso)}.tidb-protocol-lab__path-marker[data-background-state=complete]{border-left:3px solid var(--domain-kv)}.tidb-protocol-lab__region-list{display:grid;gap:.38rem;margin-top:.35rem}.tidb-protocol-lab__region{min-width:0;padding:.42rem;border:1px solid var(--city-line);border-left:3px solid var(--domain-raft);border-radius:.48rem;background:color-mix(in srgb,var(--city-bg-deep) 68%,transparent)}.tidb-protocol-lab__region[data-region-role=secondary]{border-left-style:dashed}.tidb-protocol-lab__region[data-raft-stage=persisted_quorum],.tidb-protocol-lab__region[data-raft-stage=committed],.tidb-protocol-lab__region[data-raft-stage=applied]{border-color:var(--domain-raft)}.tidb-protocol-lab__region[data-mvcc-write=commit]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--domain-kv) 34%,transparent)}.tidb-protocol-lab__mvcc{grid-template-columns:repeat(3,minmax(0,1fr))}.tidb-protocol-lab__cf:has(dd:not(:empty)){border-color:color-mix(in srgb,var(--domain-kv) 58%,var(--city-line))}.tidb-gc-storage-lab{--gc-storage-accent: var(--domain-kv);position:absolute;z-index:19;top:5.6rem;left:max(.8rem,env(safe-area-inset-left));display:none;width:min(43rem,calc(100vw - 2rem));max-width:calc(100vw - 27rem);max-height:calc(100dvh - 19rem);overflow:auto;overscroll-behavior:contain;padding:.8rem;border:1px solid color-mix(in srgb,var(--gc-storage-accent) 62%,var(--city-line));border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--gc-storage-accent) 11%,transparent),transparent 48%),color-mix(in srgb,var(--city-panel-solid) 96%,transparent);box-shadow:0 20px 52px #0000004f,0 0 30px color-mix(in srgb,var(--gc-storage-accent) 9%,transparent);font:.6rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:auto;backdrop-filter:blur(20px) saturate(130%);scrollbar-color:var(--city-line) transparent;scrollbar-gutter:stable}.tidb-layout[data-inspect=open] .tidb-gc-storage-lab:not([hidden]){display:block}.tidb-gc-storage-lab:focus-visible{outline:3px solid var(--city-cyan);outline-offset:2px}.tidb-gc-storage-lab :is(h2,h3,h4,h5,p,dl,ol){margin-block-start:0}.tidb-gc-storage-lab :is(h2,h3,h4,h5){margin-block-end:0}.tidb-gc-storage-lab__head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:.7rem}.tidb-gc-storage-lab__head>div:first-child{min-width:0}.tidb-gc-storage-lab__head h2{font-size:.9rem}.tidb-gc-storage-lab h3{font-size:.72rem}.tidb-gc-storage-lab h4,.tidb-gc-storage-lab h5{font-size:.61rem}.tidb-gc-storage-lab__eyebrow{margin-bottom:.15rem;color:var(--gc-storage-accent);font-size:.56rem;font-weight:800;letter-spacing:.14em}.tidb-gc-storage-lab__overview,.tidb-gc-storage-lab__boundary-note,.tidb-gc-storage-lab__empty{margin:.35rem 0 0;color:var(--city-muted);overflow-wrap:anywhere}.tidb-gc-storage-lab__status{display:grid;flex:0 0 auto;gap:.28rem}.tidb-gc-storage-lab__status p{margin:0;border:1px solid currentColor;border-radius:999px;padding:.2rem .42rem;color:var(--gc-storage-accent);font-size:.52rem;font-weight:800;text-align:center;white-space:nowrap}.tidb-gc-storage-lab>section{margin-top:.55rem;padding:.55rem;border:1px solid var(--city-line);border-radius:.66rem;background:color-mix(in srgb,var(--city-bg-deep) 72%,transparent)}.tidb-gc-storage-lab__privacy{border-left:3px solid var(--city-cyan)!important}.tidb-gc-storage-lab__configuration{border-left:3px solid var(--city-yellow)!important}.tidb-gc-storage-lab__safe-point{border-left:3px solid var(--domain-tso)!important}.tidb-gc-storage-lab__safe-point[data-safe-point-blocked=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--city-yellow) 34%,transparent)}.tidb-gc-storage-lab__safe-point[data-safe-point-published="0"]{border-left-style:dashed!important}.tidb-gc-storage-lab__resolve-locks{border-left:3px solid var(--domain-txn2pc)!important}.tidb-gc-storage-lab__delete-ranges{border-left:3px solid var(--city-orange)!important}.tidb-gc-storage-lab__stores,.tidb-gc-storage-lab__mvcc,.tidb-gc-storage-lab__storage-summary{border-left:3px solid var(--domain-kv)!important}.tidb-gc-storage-lab__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.2rem,1fr));gap:.28rem;margin:.38rem 0 0}.tidb-gc-storage-lab__metric{min-width:0;padding:.32rem;border:1px solid var(--city-line);border-radius:.42rem;background:color-mix(in srgb,var(--city-panel) 84%,transparent)}.tidb-gc-storage-lab :is(dt,dd){margin:0;overflow-wrap:anywhere}.tidb-gc-storage-lab dt{color:var(--city-muted);font-size:.49rem;letter-spacing:.03em;text-transform:uppercase}.tidb-gc-storage-lab dd{margin-top:.1rem;color:var(--city-text)}.tidb-gc-storage-lab__blocker,.tidb-gc-storage-lab__lock,.tidb-gc-storage-lab__delete-range,.tidb-gc-storage-lab__store,.tidb-gc-storage-lab__chain{min-width:0;padding:.48rem;border:1px solid var(--city-line);border-radius:.54rem;background:color-mix(in srgb,var(--city-panel-solid) 84%,transparent)}.tidb-gc-storage-lab__blocker{margin-top:.45rem;border-left:3px solid var(--city-yellow)}.tidb-gc-storage-lab__blocker[data-gc-blocker-state=completed]{border-left-color:var(--city-green)}.tidb-gc-storage-lab__lock-list,.tidb-gc-storage-lab__delete-range-list,.tidb-gc-storage-lab__store-list,.tidb-gc-storage-lab__chain-list{display:grid;gap:.42rem;margin-top:.42rem}.tidb-gc-storage-lab__lock-list,.tidb-gc-storage-lab__delete-range-list{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.tidb-gc-storage-lab__store-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tidb-gc-storage-lab__chain-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tidb-gc-storage-lab__lock{border-top:3px solid var(--domain-txn2pc)}.tidb-gc-storage-lab__lock[data-gc-lock-state=pending]{border-top-style:dashed;border-top-color:var(--city-yellow)}.tidb-gc-storage-lab__lock[data-gc-lock-state^=resolved]{border-top-color:var(--city-green)}.tidb-gc-storage-lab__delete-range{border-top:3px solid var(--city-orange)}.tidb-gc-storage-lab__delete-range[data-delete-range-state=eligible]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--city-orange) 32%,transparent)}.tidb-gc-storage-lab__delete-range[data-delete-range-state=deleted]{border-top-color:var(--city-green)}.tidb-gc-storage-lab__store{border-top:3px solid var(--domain-kv)}.tidb-gc-storage-lab__store[data-compaction-state=eligible],.tidb-gc-storage-lab__store[data-compaction-state=running]{box-shadow:inset 0 0 0 1px var(--domain-kv),0 0 16px color-mix(in srgb,var(--domain-kv) 14%,transparent)}.tidb-gc-storage-lab__store[data-filter-active=true]{border-top-style:double;border-top-width:5px}.tidb-gc-storage-lab__chain{border-top:3px solid var(--city-blue)}.tidb-gc-storage-lab__version-list{display:grid;gap:.3rem;margin:.4rem 0 0;padding:0;list-style:none}.tidb-gc-storage-lab__version{min-width:0;padding:.38rem;border:1px solid var(--city-line);border-left:3px solid var(--city-blue);border-radius:.42rem;background:color-mix(in srgb,var(--city-bg-deep) 68%,transparent)}.tidb-gc-storage-lab__version[data-write-type=delete]{border-left-color:var(--city-red)}.tidb-gc-storage-lab__version[data-write-type=rollback],.tidb-gc-storage-lab__version[data-write-type=lock]{border-left-style:dashed;border-left-color:var(--city-yellow)}.tidb-gc-storage-lab__version[data-gc-version-state=retained_anchor]{border-color:var(--city-green);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--city-green) 24%,transparent)}.tidb-gc-storage-lab__version[data-gc-version-state=filtered]{border-left-color:var(--city-muted);opacity:.58}.tidb-gc-storage-lab__version[data-gc-version-state=filtered] h5{text-decoration:line-through}.tidb-gc-storage-lab__storage-summary>h4{margin-top:.5rem}.tidb-tiflash-mpp-lab{--tiflash-mpp-accent: var(--domain-tiflash);position:absolute;z-index:19;top:5.6rem;left:max(.8rem,env(safe-area-inset-left));display:none;width:min(46rem,calc(100vw - 2rem));max-width:calc(100vw - 27rem);max-height:calc(100dvh - 19rem);overflow:auto;overscroll-behavior:contain;padding:.8rem;border:1px solid color-mix(in srgb,var(--tiflash-mpp-accent) 64%,var(--city-line));border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--tiflash-mpp-accent) 12%,transparent),transparent 48%),color-mix(in srgb,var(--city-panel-solid) 96%,transparent);box-shadow:0 20px 52px #0000004f,0 0 30px color-mix(in srgb,var(--tiflash-mpp-accent) 10%,transparent);font:.6rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:auto;backdrop-filter:blur(20px) saturate(130%);scrollbar-color:var(--city-line) transparent;scrollbar-gutter:stable}.tidb-layout[data-inspect=open] .tidb-tiflash-mpp-lab:not([hidden]){display:block}.tidb-tiflash-mpp-lab:focus-visible,.tidb-tiflash-mpp-lab__table-scroll:focus-visible{outline:3px solid var(--city-cyan);outline-offset:2px}.tidb-tiflash-mpp-lab :is(h2,h3,h4,p,dl,table){margin-block-start:0}.tidb-tiflash-mpp-lab :is(h2,h3,h4){margin-block-end:0}.tidb-tiflash-mpp-lab__head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:.7rem}.tidb-tiflash-mpp-lab__head>div:first-child{min-width:0}.tidb-tiflash-mpp-lab__head h2{font-size:.9rem}.tidb-tiflash-mpp-lab h3{font-size:.72rem}.tidb-tiflash-mpp-lab h4{font-size:.62rem}.tidb-tiflash-mpp-lab__eyebrow{margin-bottom:.15rem;color:var(--tiflash-mpp-accent);font-size:.56rem;font-weight:800;letter-spacing:.14em}.tidb-tiflash-mpp-lab__overview,.tidb-tiflash-mpp-lab__boundary-note{margin:.35rem 0 0;color:var(--city-muted);overflow-wrap:anywhere}.tidb-tiflash-mpp-lab__phase{flex:0 0 auto;margin-bottom:0;border:1px solid currentColor;border-radius:999px;padding:.2rem .42rem;color:var(--tiflash-mpp-accent);font-size:.52rem;font-weight:800;text-align:center;white-space:nowrap}.tidb-tiflash-mpp-lab>section{margin-top:.55rem;padding:.55rem;border:1px solid var(--city-line);border-radius:.66rem;background:color-mix(in srgb,var(--city-bg-deep) 72%,transparent)}.tidb-tiflash-mpp-lab__privacy{border-left:3px solid var(--city-cyan)!important}.tidb-tiflash-mpp-lab__provisioning{border-left:3px solid var(--city-yellow)!important}.tidb-tiflash-mpp-lab__planes,.tidb-tiflash-mpp-lab__learners{border-left:3px solid var(--domain-raft)!important}.tidb-tiflash-mpp-lab__fragments,.tidb-tiflash-mpp-lab__tasks,.tidb-tiflash-mpp-lab__tunnels{border-left:3px solid var(--domain-tiflash)!important}.tidb-tiflash-mpp-lab__root{border-left:3px solid var(--city-cyan)!important}.tidb-tiflash-mpp-lab__retry{border-left:3px dashed var(--city-muted)!important}.tidb-tiflash-mpp-lab__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.28rem;margin:.38rem 0 0}.tidb-tiflash-mpp-lab__metric{min-width:0;padding:.32rem;border:1px solid var(--city-line);border-radius:.42rem;background:color-mix(in srgb,var(--city-panel) 84%,transparent)}.tidb-tiflash-mpp-lab :is(dt,dd){margin:0;overflow-wrap:anywhere}.tidb-tiflash-mpp-lab dt{color:var(--city-muted);font-size:.49rem;letter-spacing:.03em;text-transform:uppercase}.tidb-tiflash-mpp-lab dd{margin-top:.1rem;color:var(--city-text)}.tidb-tiflash-mpp-lab__fragment-list,.tidb-tiflash-mpp-lab__task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;margin-top:.42rem}.tidb-tiflash-mpp-lab__fragment,.tidb-tiflash-mpp-lab__task{min-width:0;padding:.48rem;border:1px solid var(--city-line);border-top:3px solid var(--tiflash-mpp-accent);border-radius:.54rem;background:color-mix(in srgb,var(--city-panel-solid) 84%,transparent)}.tidb-tiflash-mpp-lab__fragment[data-fragment-kind=scan_partial_aggregate],.tidb-tiflash-mpp-lab__task[data-fragment-id=fragment-scan]{border-top-color:var(--domain-sql)}.tidb-tiflash-mpp-lab__task:is([data-task-stage=snapshot_gating],[data-task-stage=exchange_sending],[data-task-stage=exchange_receiving],[data-task-stage=root_streaming]){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tiflash-mpp-accent) 35%,transparent)}.tidb-tiflash-mpp-lab__table-scroll{max-width:100%;margin-top:.42rem;overflow:auto;border:1px solid var(--city-line);border-radius:.5rem;scrollbar-color:var(--city-line) transparent}.tidb-tiflash-mpp-lab__table{width:100%;min-width:48rem;border-collapse:collapse;color:var(--city-text);font-size:.55rem}.tidb-tiflash-mpp-lab__learners .tidb-tiflash-mpp-lab__table{min-width:76rem}.tidb-tiflash-mpp-lab__table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tidb-tiflash-mpp-lab__table :is(th,td){padding:.34rem .42rem;border-right:1px solid var(--city-line);border-bottom:1px solid var(--city-line);text-align:left;white-space:nowrap}.tidb-tiflash-mpp-lab__table :is(th,td):last-child{border-right:0}.tidb-tiflash-mpp-lab__table thead th{position:sticky;z-index:1;top:0;background:var(--city-panel-solid);color:var(--city-muted);font-size:.49rem;letter-spacing:.025em;text-transform:uppercase}.tidb-tiflash-mpp-lab__table tbody th{color:var(--tiflash-mpp-accent)}.tidb-tiflash-mpp-lab__table tr[data-read-gate=waiting_applied]{background:color-mix(in srgb,var(--city-yellow) 10%,transparent)}.tidb-tiflash-mpp-lab__table tr:is([data-read-gate=ready],[data-read-gate=mvcc_checked],[data-read-gate=validated]){background:color-mix(in srgb,var(--city-green) 9%,transparent)}.tidb-tiflash-mpp-lab__table tr[data-tunnel-status=sent]{background:color-mix(in srgb,var(--domain-tiflash) 10%,transparent)}.tidb-trace-playback{--trace-color: var(--city-cyan);position:absolute;z-index:18;bottom:max(4.25rem,calc(env(safe-area-inset-bottom) + 4.25rem));left:50%;display:grid;width:min(42rem,calc(100vw - 2rem));grid-template-areas:"heading controls" "current controls" "rail controls" "progress controls";grid-template-columns:minmax(0,1fr) 11.5rem;gap:.42rem .75rem;overflow:hidden;padding:.72rem;border:1px solid color-mix(in srgb,var(--trace-color) 62%,var(--city-line));border-radius:.9rem;background:linear-gradient(118deg,color-mix(in srgb,var(--trace-color) 12%,transparent),transparent 48%),color-mix(in srgb,var(--city-panel-solid) 94%,transparent);box-shadow:0 20px 52px #0000004d,0 0 28px color-mix(in srgb,var(--trace-color) 14%,transparent);pointer-events:auto;transform:translate(-50%);backdrop-filter:blur(20px) saturate(135%);transition:border-color .18s ease,box-shadow .18s ease}.tidb-trace-playback:before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--trace-color) var(--trace-overall-progress, 0%),color-mix(in srgb,var(--city-line) 70%,transparent) var(--trace-overall-progress, 0%));content:""}.tidb-layout[data-panel=open] .tidb-trace-playback{left:calc((100% - 25rem)/2);width:min(38rem,calc(100vw - 27rem))}.tidb-layout[data-camera-view=orbit][data-trace-state=playing] .tidb-scene-hint,.tidb-layout[data-camera-view=orbit][data-trace-state=holding] .tidb-scene-hint,.tidb-layout[data-camera-view=orbit][data-trace-state=paused] .tidb-scene-hint{opacity:0}.tidb-trace-playback__heading{grid-area:heading;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.65rem}.tidb-trace-playback__eyebrow{color:var(--trace-color);font:800 .6rem/1 ui-monospace,monospace;letter-spacing:.14em;white-space:nowrap}.tidb-trace-playback__meta{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:.32rem;overflow:hidden}.tidb-trace-playback__meta>span{display:inline-flex;min-height:1.25rem;align-items:center;border:1px solid var(--city-line);border-radius:999px;padding:.18rem .42rem;color:var(--city-muted);font:700 .55rem/1 ui-monospace,monospace;letter-spacing:.045em;white-space:nowrap}.tidb-trace-playback__phase{color:var(--trace-color)!important}.tidb-trace-playback__domain{overflow:hidden;max-width:8.5rem;border-color:color-mix(in srgb,var(--trace-color) 55%,transparent)!important;color:var(--city-text)!important;text-overflow:ellipsis}.tidb-trace-playback[data-current-status=failed]{--trace-color: var(--city-red) !important}.tidb-trace-playback[data-current-status=warning] .tidb-trace-playback__status{border-color:var(--city-yellow);color:var(--city-yellow)}.tidb-trace-playback__current{min-width:0;grid-area:current}.tidb-trace-playback__label{overflow:hidden;margin:0;color:var(--city-text);font-size:.86rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.tidb-trace-playback__route{display:flex;min-width:0;align-items:center;gap:.45rem;margin:.24rem 0 0;color:var(--city-muted);font:650 .66rem/1.2 ui-monospace,monospace}.tidb-trace-playback__endpoint{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.tidb-trace-playback__endpoint.is-target{color:var(--trace-color)}.tidb-trace-playback__route-arrow{flex:0 0 auto;color:var(--trace-color);font-size:.9rem}.tidb-trace-playback__route[data-local=true] .tidb-trace-playback__route-arrow{font-size:0}.tidb-trace-playback__route[data-local=true] .tidb-trace-playback__route-arrow:after{border:1px solid color-mix(in srgb,var(--trace-color) 52%,transparent);border-radius:999px;padding:.12rem .32rem;content:"LOCAL ↻";font-size:.5rem;letter-spacing:.06em}.tidb-trace-playback__rail{display:flex;min-width:0;height:1.1rem;grid-area:rail;gap:2px;margin:0;overflow:hidden;padding:0;list-style:none}.tidb-trace-playback__tick{display:grid;min-width:2px;flex:1 1 0;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--trace-color) 35%,transparent);border-radius:2px;background:color-mix(in srgb,var(--trace-color) 16%,transparent);color:var(--city-panel-solid);opacity:.28;font:900 .48rem/1 ui-monospace,monospace;transition:opacity .15s ease,transform .15s ease}.tidb-trace-playback__tick.is-complete{background:color-mix(in srgb,var(--trace-color) 72%,var(--city-panel-solid));opacity:.68}.tidb-trace-playback__tick.is-current{border-color:var(--city-text);background:var(--trace-color);box-shadow:0 0 12px color-mix(in srgb,var(--trace-color) 74%,transparent);opacity:1;transform:scaleY(1.18);animation:tidb-trace-current .9s ease-in-out infinite alternate}.tidb-trace-playback__progress-stack{display:grid;height:.45rem;grid-area:progress;gap:.16rem}.tidb-trace-playback__progress{width:100%;height:.18rem;overflow:hidden;border:0;border-radius:999px;appearance:none;background:color-mix(in srgb,var(--city-line) 65%,transparent)}.tidb-trace-playback__progress::-webkit-progress-bar{border-radius:inherit;background:color-mix(in srgb,var(--city-line) 65%,transparent)}.tidb-trace-playback__progress::-webkit-progress-value{border-radius:inherit;background:var(--trace-color)}.tidb-trace-playback__progress::-moz-progress-bar{border-radius:inherit;background:var(--trace-color)}.tidb-trace-playback__event-progress{position:relative;display:block;height:.11rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--city-line) 40%,transparent)}.tidb-trace-playback__event-progress-fill{position:absolute;inset:0 auto 0 0;width:var(--trace-event-progress, 0%);border-radius:inherit;background:color-mix(in srgb,var(--trace-color) 68%,white)}.tidb-trace-playback__controls{display:grid;align-self:stretch;grid-area:controls;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.tidb-trace-playback__control{min-width:0;min-height:2.35rem;border:1px solid var(--city-line);border-radius:.55rem;padding:.35rem .48rem;background:color-mix(in srgb,var(--city-panel-solid) 82%,transparent);color:var(--city-text);cursor:pointer;font-size:.62rem;line-height:1.1}.tidb-trace-playback__control:hover:not(:disabled),.tidb-trace-playback__control:focus-visible{border-color:var(--trace-color);color:var(--trace-color)}.tidb-trace-playback__control.is-toggle{border-color:color-mix(in srgb,var(--trace-color) 64%,transparent);background:color-mix(in srgb,var(--trace-color) 14%,var(--city-panel-solid))}.tidb-trace-playback__control.is-loop{grid-column:1 / -1;min-height:1.9rem;border-color:color-mix(in srgb,var(--city-cyan) 42%,var(--city-line));font-family:ui-monospace,monospace;letter-spacing:.035em}.tidb-trace-playback__control.is-loop[aria-pressed=true]{border-color:color-mix(in srgb,var(--trace-color) 64%,transparent);background:color-mix(in srgb,var(--trace-color) 12%,var(--city-panel-solid));color:var(--city-text);font-weight:700}.tidb-trace-playback__control:disabled{cursor:default;opacity:.34}@keyframes tidb-trace-current{0%{filter:brightness(.88)}to{filter:brightness(1.22)}}@media(min-width:901px)and (max-width:1050px){.tidb-layout[data-panel=open] .tidb-trace-playback{grid-template-areas:"heading" "current" "rail" "progress" "controls";grid-template-columns:minmax(0,1fr)}.tidb-layout[data-panel=open] .tidb-trace-playback__eyebrow,.tidb-layout[data-panel=open] .tidb-trace-playback__status{display:none}.tidb-layout[data-panel=open] .tidb-trace-playback__meta{width:100%;justify-content:space-between}.tidb-layout[data-panel=open] .tidb-trace-playback__controls{grid-template-columns:repeat(5,minmax(0,1fr))}.tidb-layout[data-panel=open] .tidb-trace-playback__control{min-height:2.75rem}.tidb-layout[data-panel=open] .tidb-trace-playback__control.is-loop{min-height:2.75rem;grid-column:auto}}.tidb-ui-host .tidb-card{margin-top:.65rem;padding:.85rem}.tidb-ui-host .tidb-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .8rem}.tidb-ui-host .tidb-control-select{width:100%;min-width:0}.tidb-scene-legend{position:absolute;z-index:12;bottom:max(.8rem,env(safe-area-inset-bottom));left:max(.8rem,env(safe-area-inset-left));display:flex;max-width:calc(100vw - 27.5rem);flex-wrap:wrap;gap:.35rem;padding:.45rem;border:1px solid var(--city-line);border-radius:999px;background:var(--city-panel);backdrop-filter:blur(16px)}.tidb-domain-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .45rem;color:var(--city-muted);font-size:.64rem}.tidb-domain-chip:before{width:.52rem;height:.52rem;border:1px solid currentColor;border-radius:50%;background:var(--chip);content:""}.tidb-domain-chip[data-domain=sql]{--chip: var(--domain-sql)}.tidb-domain-chip[data-domain=tso]{--chip: var(--domain-tso)}.tidb-domain-chip[data-domain=txn2pc]{--chip: var(--domain-txn2pc)}.tidb-domain-chip[data-domain=raft]{--chip: var(--domain-raft)}.tidb-domain-chip[data-domain=kv]{--chip: var(--domain-kv)}.tidb-domain-chip[data-domain=tiflash]{--chip: var(--domain-tiflash)}.tidb-scene-hint{position:absolute;z-index:12;bottom:4.2rem;left:.8rem;max-width:26rem;margin:0;color:var(--city-muted);font-size:.7rem;pointer-events:none;text-shadow:0 1px 4px var(--city-bg-deep)}.tidb-inspector{position:absolute;z-index:14;top:6rem;left:.8rem;width:min(19rem,calc(100vw - 27.5rem));padding:.75rem .9rem;border:1px solid var(--city-line);border-left:3px solid var(--city-cyan);border-radius:.8rem;background:var(--city-panel);box-shadow:0 18px 48px #0003;backdrop-filter:blur(16px)}.tidb-inspector strong{display:block;font-size:.86rem}.tidb-inspector p{margin:.35rem 0;color:var(--city-muted);font-size:.72rem;line-height:1.45}.tidb-inspector small{color:var(--city-yellow);font:.6rem/1.2 ui-monospace,monospace;letter-spacing:.06em}.tidb-webgl-fallback{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:2rem;color:var(--city-muted);text-align:center}.tidb-page{min-height:100dvh;overflow-x:clip;padding:clamp(1rem,3vw,2.5rem)}.tidb-page-nav{display:flex;width:100%;min-width:0;max-width:96rem;align-items:center;justify-content:space-between;gap:1rem;margin:0 auto 1rem}.tidb-page-nav__links{display:flex;flex-wrap:wrap;gap:.4rem}.tidb-page-content{width:min(96rem,100%);margin:0 auto;overflow:hidden;border:1px solid var(--city-line);border-radius:1.1rem;background:var(--city-panel);box-shadow:0 24px 70px #00000038}.tidb-page-controls{display:flex;width:min(96rem,100%);align-items:center;gap:.8rem;margin:0 auto .8rem;color:var(--city-muted);font-size:.75rem}.tidb-page-controls label{display:flex;align-items:center;gap:.6rem}.tidb-page-controls select{min-height:2.4rem;border:1px solid var(--city-line);border-radius:999px;padding:.35rem 2.2rem .35rem .8rem;background:var(--city-panel-solid);color:var(--city-text)}:root[data-theme=day] .tidb-surface{--tc-bg: #e4f0f3;--tc-panel: rgba(248, 253, 254, .96);--tc-panel-2: #dcecef;--tc-border: rgba(24, 74, 94, .25);--tc-text: #12313d;--tc-muted: #496b79;--tc-cyan: #006b73;--tc-yellow: #765400;--tc-red: #bc3044}:root[data-theme=day] .tidb-sql-textarea{background:#f8fdfe}:root[data-theme=day] .tidb-scenario,:root[data-theme=day] .tidb-control-select{border-color:var(--tc-border);background:#edf7f8;color:var(--tc-text)}:root[data-theme=day] .tidb-button--primary{color:#fff}@media(max-width:900px){.tidb-layout{min-height:52rem;overflow:auto}.tidb-world{position:sticky;top:0;height:56dvh;min-height:22rem}.tidb-layout[data-inspect=open] .tidb-world{min-height:42rem}.tidb-topbar{position:fixed}.tidb-hud{position:relative;z-index:30;inset:auto;width:100%;min-height:46dvh;padding:.7rem;background:var(--city-bg)}.tidb-layout[data-panel=closed] .tidb-hud{width:100%}.tidb-ui-host{overflow:visible;scrollbar-gutter:auto}.tidb-hud-jumps{top:5.25rem}.tidb-transaction-lab,.tidb-lock-lab,.tidb-raft-lab,.tidb-protocol-lab,.tidb-gc-storage-lab,.tidb-tiflash-mpp-lab{right:max(.5rem,env(safe-area-inset-right));bottom:calc(10.5rem + env(safe-area-inset-bottom));left:max(.5rem,env(safe-area-inset-left));width:auto;max-width:none;max-height:none}.tidb-protocol-lab__lane-list,.tidb-gc-storage-lab__store-list,.tidb-gc-storage-lab__chain-list,.tidb-tiflash-mpp-lab__fragment-list,.tidb-tiflash-mpp-lab__task-list{grid-template-columns:minmax(0,1fr)}.tidb-trace-playback,.tidb-layout[data-panel=open] .tidb-trace-playback{bottom:max(.65rem,env(safe-area-inset-bottom));left:50%;width:calc(100% - 1rem);grid-template-areas:"heading" "current" "rail" "progress" "controls";grid-template-columns:minmax(0,1fr);gap:.34rem;padding:.58rem}.tidb-trace-playback__controls{grid-template-columns:repeat(5,minmax(0,1fr))}.tidb-trace-playback__control{min-height:2.75rem}.tidb-trace-playback__control.is-loop{min-height:2.75rem;grid-column:auto}.tidb-scene-legend,.tidb-scene-hint,.tidb-world-labels{display:none}.tidb-movement-pad:not([hidden]){display:grid}}@media(max-width:600px){.tidb-wordmark small,.tidb-top-actions .optional,.tidb-top-actions [data-nav=github],.tidb-top-actions [data-nav=city]{display:none}.tidb-topbar{gap:.35rem}.tidb-wordmark{gap:.45rem;padding:.4rem .55rem}.tidb-wordmark svg{width:1.65rem;height:1.65rem}.tidb-wordmark strong{font-size:.9rem}.tidb-top-cluster{flex:0 1 auto;gap:.2rem;overflow:hidden}.tidb-top-actions{padding:.25rem}.tidb-icon-button,.tidb-nav-link{min-height:2rem;padding:.35rem .5rem;font-size:.7rem}.tidb-view-actions{position:absolute;top:4.1rem;right:0}.tidb-view-actions .tidb-icon-button{min-width:2.75rem;min-height:2.75rem;padding:.35rem .52rem}.tidb-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tidb-transaction-lab,.tidb-lock-lab,.tidb-raft-lab,.tidb-protocol-lab,.tidb-gc-storage-lab,.tidb-tiflash-mpp-lab{top:8.25rem}.tidb-transaction-lab__summary,.tidb-transaction-lab__regions,.tidb-transaction-lab__region-meta,.tidb-lock-lab__transaction-list,.tidb-lock-lab__resource-list,.tidb-raft-lab__peer-list{grid-template-columns:minmax(0,1fr)}.tidb-protocol-lab__head,.tidb-gc-storage-lab__head,.tidb-tiflash-mpp-lab__head{align-items:flex-start;flex-direction:column}.tidb-protocol-lab__facts,.tidb-protocol-lab__mvcc,.tidb-gc-storage-lab__facts,.tidb-tiflash-mpp-lab__facts{grid-template-columns:minmax(0,1fr)}.tidb-trace-playback{border-radius:.72rem}.tidb-trace-playback__eyebrow,.tidb-trace-playback__status{display:none!important}.tidb-trace-playback__heading{justify-content:flex-end}.tidb-trace-playback__meta{width:100%;justify-content:space-between}.tidb-trace-playback__meta>span{min-height:1.15rem;padding:.14rem .32rem;font-size:.49rem}.tidb-trace-playback__domain{max-width:7rem}.tidb-trace-playback__label{font-size:.74rem}.tidb-trace-playback__route{margin-top:.16rem;font-size:.58rem}.tidb-trace-playback__rail{height:.86rem;gap:1px}.tidb-trace-playback__progress-stack{height:.32rem}.tidb-trace-playback__control{padding:.28rem .2rem;font-size:.56rem}.tidb-status:nth-child(2){border-right:0}.tidb-status:nth-child(-n+2){border-bottom:1px solid var(--city-line)}.tidb-page{padding:0}.tidb-page-nav{min-width:0;gap:.35rem;padding:.75rem}.tidb-page-nav>*{min-width:0}.tidb-page-controls{padding:0 .75rem}.tidb-page-controls label{width:100%;min-width:0}.tidb-page-controls select{min-width:0;flex:1 1 auto}.tidb-page-content{border-right:0;border-left:0;border-radius:0}.tidb-hud-jumps{margin-right:-12px;margin-left:-12px}.tidb-ui-host .tidb-control-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px)and (max-height:830px){.tidb-movement-pad:not([hidden]){top:8.55rem;right:max(.125rem,env(safe-area-inset-right));left:max(.125rem,env(safe-area-inset-left));width:auto;max-width:23rem;grid-template:2.75rem / repeat(7,2.75rem);grid-auto-flow:column;justify-content:space-evenly;gap:0;padding:0;border-radius:.75rem}.tidb-movement-pad__button[data-camera-move]{grid-area:auto}}@media(max-width:360px){.tidb-lock-lab__head,.tidb-raft-lab__head,.tidb-protocol-lab__head,.tidb-gc-storage-lab__head,.tidb-tiflash-mpp-lab__head{align-items:flex-start;flex-direction:column}.tidb-lock-lab__facts,.tidb-raft-lab__facts,.tidb-protocol-lab__facts,.tidb-gc-storage-lab__facts,.tidb-tiflash-mpp-lab__facts{grid-template-columns:minmax(0,1fr)}.tidb-trace-playback__controls{grid-template-columns:repeat(6,minmax(0,1fr))}.tidb-trace-playback__control.is-previous,.tidb-trace-playback__control.is-toggle,.tidb-trace-playback__control.is-next{grid-column:span 2}.tidb-trace-playback__control.is-replay,.tidb-trace-playback__control.is-loop{grid-column:span 3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}