:root{--color-bg: oklch(15% .012 260);--color-surface: oklch(19% .014 262);--color-surface-2: oklch(23% .016 264);--color-border: oklch(33% .02 264);--color-border-strong: oklch(45% .03 264);--color-text: oklch(95% .005 260);--color-text-dim: oklch(72% .012 262);--color-text-faint: oklch(56% .014 262);--color-accent: oklch(70% .17 248);--color-accent-bright: oklch(80% .16 246);--color-violet: oklch(68% .19 300);--color-amber: oklch(82% .16 78);--color-positive: oklch(78% .16 155);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .85rem;--text-base: clamp(.95rem, .9rem + .2vw, 1.05rem);--text-lg: 1.25rem;--text-xl: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem);--text-hero: clamp(2.2rem, 1.4rem + 3vw, 3.8rem);--space-1: .4rem;--space-2: .75rem;--space-3: 1.15rem;--space-4: 1.75rem;--space-5: 2.75rem;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--duration-fast: .14s;--duration-normal: .32s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--glow-accent: 0 0 0 1px oklch(70% .17 248 / .4), 0 0 24px oklch(70% .17 248 / .35)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(60% 50% at 12% 0%,oklch(70% .17 248 / .12),transparent 70%),radial-gradient(50% 45% at 100% 8%,oklch(68% .19 300 / .1),transparent 70%);background-attachment:fixed}h1,h2,h3{line-height:1.1;letter-spacing:-.02em;margin:0}button{font:inherit;cursor:pointer}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::selection{background:#35a4ff59;background:oklch(70% .17 248 / .35)}:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{max-width:1320px;margin:0 auto;padding:var(--space-4) var(--space-3) var(--space-5)}.layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.95fr);gap:var(--space-3);margin-top:var(--space-3)}@media(max-width:1080px){.layout{grid-template-columns:1fr 1fr}.panel--cloud{grid-column:1 / -1;order:-1}}@media(max-width:720px){.layout{grid-template-columns:1fr}}.masthead{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.masthead__brand{display:flex;gap:var(--space-2);align-items:center}.masthead__mark{width:38px;height:38px;border-radius:11px;background:conic-gradient(from 210deg,var(--color-accent),var(--color-violet),var(--color-amber),var(--color-accent));box-shadow:var(--glow-accent);flex-shrink:0}.masthead__title{font-size:var(--text-xl);font-weight:700}.masthead__sub{margin:.3rem 0 0;color:var(--color-text-dim);font-size:var(--text-sm);max-width:46ch}.masthead__right{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.masthead__status{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end;min-width:220px}.navtabs{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px}.navtab{text-decoration:none;color:var(--color-text-dim);font-size:var(--text-sm);font-weight:600;padding:.4rem 1rem;border-radius:999px;transition:color var(--duration-fast),background var(--duration-fast)}.navtab:hover{color:var(--color-text)}.navtab.active{color:#0c121a;background:linear-gradient(180deg,var(--color-accent-bright),var(--color-accent))}.masthead__count{font-size:var(--text-xs);color:var(--color-text-faint)}.masthead__count--error{color:var(--color-amber)}.statuspill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;font-size:var(--text-xs);font-weight:600;border:1px solid var(--color-border);background:var(--color-surface)}.statuspill__dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-faint)}.statuspill--ready .statuspill__dot{background:var(--color-positive);box-shadow:0 0 8px var(--color-positive)}.statuspill--loading .statuspill__dot{background:var(--color-amber);animation:pulse 1.2s var(--ease-out-expo) infinite}.statuspill--error .statuspill__dot{background:var(--color-amber)}@keyframes pulse{50%{opacity:.3}}.statusbar{width:220px;height:4px;border-radius:999px;background:var(--color-surface-2);overflow:hidden}.statusbar__fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-violet));transition:width var(--duration-normal) var(--ease-out-expo)}.panel{background:linear-gradient(180deg,var(--color-surface),oklch(17% .013 261));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.panel__title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim);font-weight:600;display:flex;justify-content:space-between;align-items:center}.panel__hint{font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-faint);text-transform:none}.btn{border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text);padding:.55rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo),background var(--duration-fast)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--accent{background:linear-gradient(180deg,var(--color-accent-bright),var(--color-accent));border-color:transparent;color:#0c121a}.btn--accent:hover:not(:disabled){box-shadow:var(--glow-accent)}.chip{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-dim);padding:.35rem .7rem;border-radius:999px;font-size:var(--text-xs);font-weight:600;transition:all var(--duration-fast) var(--ease-out-expo)}.chip.is-active{color:var(--color-text);border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);background:#35a4ff24;background:oklch(70% .17 248 / .14)}.docinput{display:flex;flex-direction:column;gap:var(--space-1)}.docinput__field,.search__input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:.65rem .8rem;font:inherit;resize:vertical;transition:border-color var(--duration-fast)}.docinput__field:focus,.search__input:focus{border-color:var(--color-accent);outline:none}.corpus{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:280px;overflow-y:auto}.corpus__empty,.results__empty{color:var(--color-text-faint);font-size:var(--text-sm)}.corpus__item{display:flex;align-items:center;gap:.4rem;background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--radius-sm);padding:.2rem .2rem .2rem .6rem;transition:border-color var(--duration-fast),background var(--duration-fast)}.corpus__item.is-focused{border-color:var(--color-accent)}.corpus__item.is-match{background:#35a4ff1f;background:oklch(70% .17 248 / .12)}.corpus__text{flex:1;text-align:left;background:none;border:none;color:var(--color-text-dim);font-size:var(--text-sm);padding:.35rem 0;line-height:1.35}.corpus__item.is-focused .corpus__text,.corpus__item.is-match .corpus__text{color:var(--color-text)}.corpus__remove{background:none;border:none;color:var(--color-text-faint);font-size:1.1rem;line-height:1;padding:.2rem .45rem;border-radius:var(--radius-sm)}.corpus__remove:hover{color:var(--color-amber);background:var(--color-surface)}.switch{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:38px;height:21px;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border-strong);transition:background var(--duration-fast) var(--ease-out-expo);flex-shrink:0}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--color-text-dim);transition:transform var(--duration-fast) var(--ease-out-expo),background var(--duration-fast)}.switch input:checked+.switch__track{background:#35a4ff4d;background:oklch(70% .17 248 / .3);border-color:var(--color-accent)}.switch input:checked+.switch__track:after{transform:translate(17px);background:var(--color-accent-bright)}.switch input:focus-visible+.switch__track{outline:2px solid var(--color-accent-bright);outline-offset:2px}.switch__label{display:flex;flex-direction:column;font-size:var(--text-sm);color:var(--color-text);line-height:1.2}.switch__sub{font-size:var(--text-xs);color:var(--color-text-faint)}.search__controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.slider{display:flex;flex-direction:column;gap:.3rem;min-width:150px;flex:1}.slider__label{font-size:var(--text-sm);color:var(--color-text-dim);display:flex;justify-content:space-between;gap:.5rem}.slider__label .mono{color:var(--color-accent)}.slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:var(--color-surface-2);outline-offset:4px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent-bright);box-shadow:var(--glow-accent);cursor:pointer}.slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--color-accent-bright);cursor:pointer}.cloud{display:flex;flex-direction:column;gap:var(--space-2)}.cloud__plot{position:relative}.cloud__svg{width:100%;aspect-ratio:1 / 1;background:radial-gradient(circle at 50% 45%,oklch(21% .016 262),var(--color-bg));border:1px solid var(--color-border);border-radius:var(--radius)}.cloud__grid line{stroke:var(--color-border);stroke-width:.2}.cloud__edge{stroke:var(--color-accent);stroke-width:.4;stroke-dasharray:1 1.2;opacity:.55}.cloud__pt{fill:var(--color-text-faint);cursor:pointer;transition:r var(--duration-fast) var(--ease-out-expo),fill var(--duration-fast)}.cloud__pt:hover{fill:var(--color-accent-bright)}.cloud__pt.is-match{fill:var(--color-accent)}.cloud__pt.is-focused{fill:var(--color-accent-bright)}.cloud__query{pointer-events:none}.cloud__graphedge{stroke:var(--color-border-strong);stroke-width:.25;opacity:.5}.cloud__hop{stroke:var(--color-amber);stroke-width:.7;stroke-linecap:round;filter:drop-shadow(0 0 1.5px var(--color-amber))}.cloud__pt.is-visited{fill:var(--color-amber)}.cloud__tip{position:absolute;transform:translate(-50%,-125%);pointer-events:none;background:#07090ef5;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.4rem .6rem;max-width:220px;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 8px 24px #00000080;z-index:4}.cloud__tiptext{font-size:var(--text-xs);color:var(--color-text);line-height:1.3}.cloud__tipscore{font-size:var(--text-xs);color:var(--color-accent-bright)}.cloud__legend{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-dim)}.legend__item{display:inline-flex;align-items:center;gap:.4rem}.legend__dot{width:9px;height:9px;border-radius:50%}.legend__dot--doc{background:var(--color-text-faint)}.legend__dot--match{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.legend__dot--query{background:linear-gradient(135deg,var(--color-amber),var(--color-violet))}.legend__dot--visited{background:var(--color-amber);box-shadow:0 0 8px var(--color-amber)}.search{display:flex;flex-direction:column;gap:var(--space-2)}.search__row{display:flex;gap:.5rem}.search__metrics{display:flex;gap:.4rem;flex-wrap:wrap}.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.results__item{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.1rem .6rem;align-items:center;padding:.5rem .65rem;border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid transparent;cursor:pointer;transition:border-color var(--duration-fast)}.results__item:hover{border-color:var(--color-border-strong)}.results__item.is-focused{border-color:var(--color-accent)}.results__item.is-top{background:#35a4ff1a;background:oklch(70% .17 248 / .1)}.results__item.is-top .results__rank{color:var(--color-accent-bright)}.results__rank{color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.results__text{font-size:var(--text-sm);color:var(--color-text);line-height:1.3}.results__score{color:var(--color-text-dim);font-size:var(--text-sm)}.results__bar{grid-column:2 / -1;height:3px;border-radius:999px;background:var(--color-bg);overflow:hidden}.results__barfill{display:block;height:100%;background:linear-gradient(90deg,var(--color-violet),var(--color-accent-bright));transition:width var(--duration-normal) var(--ease-out-expo)}.inspector{margin-top:var(--space-3);background:linear-gradient(180deg,var(--color-surface),oklch(17% .013 261));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.inspector--empty{color:var(--color-text-faint);text-align:center;font-size:var(--text-sm)}.inspector__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:860px){.inspector__grid{grid-template-columns:1fr}}.inspector__head{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:var(--space-2)}.inspector__meta{font-size:var(--text-xs);color:var(--color-accent);letter-spacing:0}.inspector__source{margin:0 0 var(--space-2);color:var(--color-text);font-size:var(--text-base)}.inspector__note{margin:0 0 var(--space-2);color:var(--color-text-faint);font-size:var(--text-xs)}.tokens{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:var(--space-2)}.token{display:inline-flex;align-items:center;background:#35a4ff24;background:oklch(70% .17 248 / .14);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:.2rem .5rem;font-family:var(--font-mono);font-size:var(--text-xs)}.token__cont{color:var(--color-violet);margin-left:.2rem;opacity:.8}.tokenids{font-size:var(--text-xs);color:var(--color-text-faint);word-break:break-all;line-height:1.5}.fingerprint{display:grid;grid-template-columns:repeat(32,1fr);gap:2px}.fingerprint__cell{aspect-ratio:1;border-radius:2px}.route-loading{color:var(--color-text-faint);text-align:center;padding:var(--space-5)}.xf{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.xf__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.45fr);gap:var(--space-3);align-items:start}@media(max-width:980px){.xf__grid{grid-template-columns:1fr}}.xf__editor{display:flex;flex-direction:column;gap:var(--space-2)}.arch{display:flex;flex-direction:column;gap:var(--space-3)}.arch__head{display:flex;align-items:center;justify-content:space-between}.arch__stack{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.archblock{position:relative;width:100%;display:flex;align-items:center;gap:.7rem;text-align:left;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.7rem .9rem;color:var(--color-text-dim);transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast) var(--ease-out-expo)}.archblock.is-inblock{border-left:3px solid var(--color-violet)}.archblock.is-active{color:var(--color-text);border-color:var(--color-accent);background:#35a4ff24;background:oklch(70% .17 248 / .14);box-shadow:var(--glow-accent);transform:translate(3px)}.archblock__num{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--color-bg);color:var(--color-accent);font-size:var(--text-xs);font-weight:700}.archblock__title{flex:1;font-size:var(--text-sm);font-weight:600}.archblock__arrow{position:absolute;bottom:-1.25rem;left:50%;transform:translate(-50%);color:var(--color-text-faint);font-size:.9rem}.arch__caption{margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-dim);font-size:var(--text-sm);line-height:1.5}.arch__captionnum{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:.5rem;border-radius:50%;background:#35a4ff2e;background:oklch(70% .17 248 / .18);color:var(--color-accent-bright);font-size:var(--text-xs);font-weight:700;vertical-align:middle}.attn{display:flex;flex-direction:column;gap:var(--space-2)}.attn__head{display:flex;align-items:center;justify-content:space-between}.attn__caption{margin:0;color:var(--color-text-dim);font-size:var(--text-sm)}.attn__q{color:var(--color-accent-bright);font-weight:700}.attn__arcs{overflow-x:auto;background:radial-gradient(circle at 50% 90%,oklch(21% .016 262),var(--color-bg));border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2)}.attn__svg{width:100%;min-width:360px;height:130px;display:block}.attn__node{fill:var(--color-text-faint);transition:fill var(--duration-fast)}.attn__node.is-q{fill:var(--color-accent-bright);filter:drop-shadow(0 0 4px var(--color-accent))}.attn__label{font-family:var(--font-mono);font-size:7px;fill:var(--color-text-faint)}.attn__label.is-q{fill:var(--color-text);font-weight:700}.attn__grid{display:grid;gap:2px;align-items:center;overflow-x:auto}.attn__corner{display:block}.attn__collabel{font-size:.6rem;color:var(--color-text-faint);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:2px}.attn__rowlabel{background:none;border:none;font-size:.6rem;color:var(--color-text-faint);text-align:right;padding-right:4px;white-space:nowrap}.attn__rowlabel.is-active{color:var(--color-accent-bright);font-weight:700}.attn__cell{aspect-ratio:1;min-width:12px;border-radius:2px;transition:outline var(--duration-fast)}.attn__cell.is-active{outline:1px solid var(--color-accent-bright);outline-offset:-1px}.attn__note{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-faint);line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.xf__journey{margin-top:var(--space-3)}.journey{display:flex;flex-direction:column;gap:var(--space-3)}.journey__pick{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.journey__picklabel{font-size:var(--text-sm);color:var(--color-text-dim)}.journey__tokens{display:flex;flex-wrap:wrap;gap:.35rem}.journey__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.journey__steps{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}.journey__steps li{display:flex;align-items:center}.journey__steps li:not(:last-child):after{content:"";width:clamp(1rem,4vw,3rem);height:2px;background:var(--color-border-strong)}.journey__step{width:30px;height:30px;border-radius:50%;border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text-dim);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;transition:all var(--duration-fast) var(--ease-out-expo)}.journey__step.is-done{border-color:var(--color-accent);color:var(--color-accent-bright)}.journey__step.is-active{background:linear-gradient(180deg,var(--color-accent-bright),var(--color-accent));border-color:transparent;color:#0c121a;box-shadow:var(--glow-accent);transform:scale(1.15)}.journey__stage{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);min-height:92px}.journey__id{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .9rem;border-radius:var(--radius-sm);background:#35a4ff29;background:oklch(70% .17 248 / .16);border:1px solid var(--color-accent)}.journey__idtoken{color:var(--color-text);font-size:var(--text-lg)}.journey__idnum{font-size:var(--text-xs);color:var(--color-accent-bright)}.journey__form{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.journey__strip{display:grid;grid-template-columns:repeat(48,1fr);gap:2px;min-width:0}.journey__cell{aspect-ratio:1;border-radius:2px;transition:background-color var(--duration-normal) var(--ease-out-expo)}.journey__discrete{color:var(--color-text);font-size:var(--text-lg);text-align:center;letter-spacing:.02em;padding:.8rem 0}.journey__formcaption{font-size:var(--text-xs);color:var(--color-text-faint);text-align:right}.journey__detail{margin:0;color:var(--color-text-dim);font-size:var(--text-base);line-height:1.55}.journey__detail strong{color:var(--color-text)}.journey__contrib{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.journey__contriblabel{font-size:var(--text-sm);color:var(--color-text-faint)}.journey__chip{font-size:var(--text-xs);padding:.3rem .6rem;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-dim)}.journey__chip b{color:var(--color-accent-bright)}.journey__note{margin:0;font-size:var(--text-xs);color:var(--color-text-faint)}.tok{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.tok__intro{max-width:72ch}.tok__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.tok__lede{color:var(--color-text-dim);margin:0}.tok__lede code,.tok__notes code{font-family:var(--font-mono);font-size:.85em;background:var(--color-surface-2);padding:.1rem .35rem;border-radius:5px;color:var(--color-accent-bright)}.tok__editor{display:flex;flex-direction:column;gap:var(--space-2)}.tok__field{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:var(--space-3);font:inherit;font-size:var(--text-lg);resize:vertical;transition:border-color var(--duration-fast)}.tok__field:focus{border-color:var(--color-accent);outline:none}.tok__presets{display:flex;flex-wrap:wrap;gap:.4rem}.tok__pick{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.seg{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.seg__btn{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;background:none;border:none;color:var(--color-text-dim);font-weight:600;font-size:var(--text-sm);padding:.5rem 1rem;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.seg__btn.is-active{color:var(--color-text);background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-accent)}.seg__sub{font-size:var(--text-xs);font-weight:500;color:var(--color-text-faint)}.versus{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-size:var(--text-sm);color:var(--color-text-faint)}.versus__group{display:inline-flex;align-items:center;gap:.6rem}.versus__side{color:var(--color-text-dim)}.versus__side b{color:var(--color-text);font-size:var(--text-lg);margin-left:.35rem}.versus__side.is-active b{color:var(--color-accent-bright)}.versus__vs{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em}.tok__warn{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-amber);border-radius:var(--radius);background:#fcb52c14;color:var(--color-text-dim);font-size:var(--text-sm);line-height:1.5}.tok__warn strong{color:var(--color-text)}.apicount{background:linear-gradient(180deg,var(--color-surface),oklch(17% .013 261));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.apicount__title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);display:flex;align-items:center;gap:.6rem;margin:0}.apicount__tag{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:none;letter-spacing:0;color:var(--color-accent-bright);background:#35a4ff24;background:oklch(70% .17 248 / .14);padding:.15rem .45rem;border-radius:5px}.apicount__lead{margin:0;font-size:var(--text-sm);color:var(--color-text-dim)}.apicount__lead strong{color:var(--color-positive)}.apicount__row{display:flex;flex-wrap:wrap;gap:.5rem}.apicount__select,.apicount__key{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:.55rem .7rem;font:inherit}.apicount__select{flex:0 0 auto}.apicount__key{flex:1;min-width:200px;font-family:var(--font-mono);font-size:var(--text-sm)}.apicount__select:focus,.apicount__key:focus{border-color:var(--color-accent);outline:none}.apicount__result{margin:0;font-size:var(--text-lg);color:var(--color-text)}.apicount__result b{color:var(--color-positive);font-size:var(--text-xl)}.apicount__delta{font-size:var(--text-sm);color:var(--color-text-faint)}.apicount__err{margin:0;color:var(--color-amber);font-size:var(--text-sm)}.apicount__note{margin:0;font-size:var(--text-xs);color:var(--color-text-faint);line-height:1.5}.apicount__note strong{color:var(--color-text-dim)}.tok__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-2)}.stat{background:linear-gradient(180deg,var(--color-surface),oklch(17% .013 261));border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);display:flex;flex-direction:column;gap:.2rem}.stat.is-accent{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px #35a4ff4d;box-shadow:inset 0 0 0 1px oklch(70% .17 248 / .3)}.stat__value{font-size:var(--text-xl);font-weight:700;color:var(--color-text);line-height:1}.stat.is-accent .stat__value{color:var(--color-accent-bright)}.stat__label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em}.tok__stream{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);min-height:120px;align-content:flex-start}.tok__hint{color:var(--color-text-faint);font-size:var(--text-sm);margin:0}.tokcard{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .7rem;border-radius:var(--radius-sm);background:#35a4ff1f;background:oklch(70% .17 248 / .12);border:1px solid var(--color-accent);min-width:2.5rem}.tokcard.is-cont{background:#ac77fa24;border-color:var(--color-violet)}.tokcard.is-special{background:var(--color-surface-2);border-color:var(--color-border-strong);border-style:dashed}.tokcard.is-space{background:#fcb52c1a;border-color:var(--color-amber)}.tokcard__space{color:var(--color-amber);opacity:.85;margin-right:1px}.tokcard__text{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text)}.tokcard__hash{color:var(--color-violet);opacity:.85;margin-right:1px}.tokcard.is-special .tokcard__text{color:var(--color-text-faint)}.tokcard__id{font-size:var(--text-xs);color:var(--color-text-faint)}.tok__notes{background:linear-gradient(180deg,var(--color-surface),oklch(17% .013 261));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.tok__notestitle{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--space-2)}.tok__list{margin:0 0 var(--space-2);padding-left:1.3rem;color:var(--color-text-dim);display:flex;flex-direction:column;gap:.5rem}.tok__list strong{color:var(--color-text)}