/* KTXSCAN UI v15 (2026-09-14): explorer detail pages, tables, footer.
   Scoped kx-* classes only; colours come from the site's theme tokens so
   light and dark mode both work. */
.kx-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums}
.kx-muted{color:hsl(var(--muted-foreground))}
.kx-num{font-variant-numeric:tabular-nums}
.kx-link{color:hsl(var(--ktx-primary));text-decoration:none;transition:color .15s}
.kx-link:hover{color:hsl(var(--hover-accent));text-decoration:underline;text-underline-offset:3px}
.kx-break{word-break:break-all;overflow-wrap:anywhere}
.kx-wrap{max-width:72rem;margin:0 auto;padding:2rem 1rem 3rem}
@media (max-width:640px){.kx-wrap{padding:1.25rem .75rem 2.5rem}}

/* page head */
.kx-head{display:flex;align-items:center;gap:.875rem;margin-bottom:1.25rem;flex-wrap:wrap}
.kx-head-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex:none;
  background:hsl(var(--ktx-primary)/.12);color:hsl(var(--ktx-primary));border:1px solid hsl(var(--ktx-primary)/.25)}
.kx-head h1{font-size:1.5rem;line-height:1.2;font-weight:700;color:hsl(var(--foreground));margin:0}
.kx-head-sub{display:flex;align-items:center;gap:.375rem;margin-top:.25rem;font-size:.875rem;color:hsl(var(--muted-foreground));min-width:0}
.kx-head-main{min-width:0;flex:1}
.kx-head-actions{display:flex;gap:.5rem;margin-left:auto}

/* cards */
.kx-card{background:hsl(var(--explorer-card));border:1px solid hsl(var(--glass-border));border-radius:12px;
  box-shadow:0 1px 2px hsl(0 0% 0%/.04);margin-bottom:1.25rem;overflow:hidden}
.kx-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;
  padding:1rem 1.25rem;border-bottom:1px solid hsl(var(--glass-border))}
.kx-card-head h2{font-size:1rem;font-weight:650;margin:0;color:hsl(var(--foreground))}
.kx-card-body{padding:.25rem 1.25rem}
@media (max-width:640px){.kx-card-head{padding:.875rem 1rem}.kx-card-body{padding:.25rem 1rem}}

/* key/value rows */
.kx-kv{display:grid;grid-template-columns:minmax(180px,26%) 1fr;gap:.25rem 1.25rem;padding:.8rem 0;
  border-bottom:1px solid hsl(var(--glass-border)/.6);align-items:start;font-size:.9rem}
.kx-kv:last-child{border-bottom:0}
.kx-kv-k{color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:.375rem;padding-top:.1rem}
.kx-kv-v{color:hsl(var(--foreground));min-width:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.kx-sep{height:0;border-top:1px dashed hsl(var(--glass-border));margin:.35rem 0}
@media (max-width:720px){.kx-kv{grid-template-columns:1fr;gap:.3rem}.kx-kv-k{font-size:.8rem}}

/* pills */
.kx-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .55rem;border-radius:999px;font-size:.74rem;
  font-weight:600;line-height:1.35;white-space:nowrap;border:1px solid transparent}
.kx-pill-ok{color:hsl(var(--success));background:hsl(var(--success)/.1);border-color:hsl(var(--success)/.3)}
.kx-pill-bad{color:hsl(var(--destructive));background:hsl(var(--destructive)/.1);border-color:hsl(var(--destructive)/.3)}
.kx-pill-warn{color:hsl(var(--warning));background:hsl(var(--warning)/.12);border-color:hsl(var(--warning)/.35)}
.kx-pill-muted{color:hsl(var(--muted-foreground));background:hsl(var(--muted)/.7);border-color:hsl(var(--glass-border))}
.kx-pill-brand{color:hsl(var(--ktx-primary));background:hsl(var(--ktx-primary)/.1);border-color:hsl(var(--ktx-primary)/.28)}
.kx-method{max-width:120px;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.72rem;padding:.15rem .5rem;border-radius:6px;background:hsl(var(--muted)/.8);border:1px solid hsl(var(--glass-border));
  color:hsl(var(--foreground));white-space:nowrap;vertical-align:middle}
.kx-dir{font-size:.66rem;font-weight:700;letter-spacing:.03em;padding:.1rem .4rem;border-radius:5px;text-align:center;min-width:38px;display:inline-block}
.kx-dir-in{color:hsl(var(--success));background:hsl(var(--success)/.12);border:1px solid hsl(var(--success)/.3)}
.kx-dir-out{color:hsl(var(--warning));background:hsl(var(--warning)/.12);border:1px solid hsl(var(--warning)/.35)}
.kx-dir-self{color:hsl(var(--muted-foreground));background:hsl(var(--muted));border:1px solid hsl(var(--glass-border))}

/* buttons */
.kx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:34px;padding:0 .8rem;border-radius:8px;
  font-size:.85rem;font-weight:500;border:1px solid hsl(var(--glass-border));background:hsl(var(--explorer-surface));
  color:hsl(var(--foreground));cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}
.kx-btn:hover{border-color:hsl(var(--ktx-primary)/.6);background:hsl(var(--hover-bg))}
.kx-btn[aria-disabled=true],.kx-btn:disabled{opacity:.45;pointer-events:none}
.kx-btn-sq{width:34px;padding:0}
.kx-copy{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;border:0;background:transparent;
  color:hsl(var(--muted-foreground));cursor:pointer;flex:none;font-size:.8rem}
.kx-copy:hover{background:hsl(var(--hover-bg));color:hsl(var(--ktx-primary))}
.kx-copy svg,.kx-ico{width:15px;height:15px}

/* tabs */
.kx-tabs{display:flex;gap:.25rem;border-bottom:1px solid hsl(var(--glass-border));margin-bottom:1rem;overflow-x:auto}
.kx-tab{padding:.6rem .95rem;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));background:none;border:0;
  border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}
.kx-tab:hover{color:hsl(var(--foreground))}
.kx-tab[aria-selected=true]{color:hsl(var(--ktx-primary));border-bottom-color:hsl(var(--ktx-primary))}

/* action summary */
.kx-action{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.9rem;padding:.35rem 0}
.kx-action b{font-weight:600}
.kx-arrow{color:hsl(var(--muted-foreground));flex:none}

/* gas bar */
.kx-bar{position:relative;width:140px;height:6px;border-radius:99px;background:hsl(var(--muted));overflow:hidden;display:inline-block}
.kx-bar>i{position:absolute;inset:0 auto 0 0;background:hsl(var(--ktx-primary));border-radius:99px}

/* code / input data */
.kx-code{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.55;
  background:hsl(var(--explorer-surface));border:1px solid hsl(var(--glass-border));border-radius:8px;padding:.7rem .85rem;
  max-height:260px;overflow:auto;word-break:break-all;white-space:pre-wrap;color:hsl(var(--foreground))}
.kx-seg{display:inline-flex;border:1px solid hsl(var(--glass-border));border-radius:8px;overflow:hidden;margin-bottom:.5rem}
.kx-seg button{font-size:.75rem;padding:.3rem .7rem;background:transparent;border:0;color:hsl(var(--muted-foreground));cursor:pointer}
.kx-seg button[aria-pressed=true]{background:hsl(var(--ktx-primary)/.12);color:hsl(var(--ktx-primary));font-weight:600}
.kx-params{width:100%;border-collapse:collapse;font-size:.8rem}
.kx-params th,.kx-params td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid hsl(var(--glass-border)/.7);vertical-align:top}
.kx-params th{color:hsl(var(--muted-foreground));font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}

/* data table (address tx list etc.) */
.kx-tt{width:100%;font-size:.85rem}
.kx-tt-head,.kx-tt-row{display:grid;align-items:center;column-gap:.9rem;
  grid-template-columns:minmax(118px,1.25fr) minmax(88px,.95fr) 88px 96px minmax(110px,1.1fr) 46px minmax(110px,1.1fr) minmax(120px,1.15fr);
  padding:.7rem 1.25rem}
.kx-tt-head{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));
  background:hsl(var(--explorer-surface)/.6);border-bottom:1px solid hsl(var(--glass-border))}
.kx-tt-row{border-bottom:1px solid hsl(var(--glass-border)/.6);transition:background .12s}
.kx-tt-row:last-child{border-bottom:0}
.kx-tt-row:hover{background:hsl(var(--hover-bg)/.7)}
.kx-tt .c-flow{display:contents}
.kx-tt .c-val,.kx-tt-head .c-val{text-align:right}
.kx-tt .c-hash,.kx-tt .c-from,.kx-tt .c-to{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kx-tt .c-age{color:hsl(var(--muted-foreground));white-space:nowrap}
.kx-tok{display:block;font-size:.76rem;color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx-self{color:hsl(var(--foreground));font-weight:600}
.kx-empty{padding:2.5rem 1rem;text-align:center;color:hsl(var(--muted-foreground))}
.kx-foot-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.8rem 1.25rem;
  border-top:1px solid hsl(var(--glass-border));font-size:.8rem;color:hsl(var(--muted-foreground))}
@media (max-width:900px){
  .kx-tt-head{display:none}
  .kx-tt-row{grid-template-columns:1fr auto;grid-template-areas:"hash age" "method val" "flow flow";row-gap:.4rem;padding:.8rem 1rem}
  .kx-tt .c-hash{grid-area:hash}.kx-tt .c-age{grid-area:age;text-align:right;font-size:.78rem}
  .kx-tt .c-method{grid-area:method}.kx-tt .c-val{grid-area:val}
  .kx-tt .c-block{display:none}
  .kx-tt .c-flow{grid-area:flow;display:flex;align-items:center;gap:.45rem;font-size:.8rem;min-width:0}
  .kx-tt .c-flow .c-from,.kx-tt .c-flow .c-to{flex:0 1 auto}
}

/* simple scroll table */
.kx-scroll{overflow-x:auto}
.kx-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:640px}
.kx-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:hsl(var(--muted-foreground));
  padding:.65rem 1.25rem;background:hsl(var(--explorer-surface)/.6);border-bottom:1px solid hsl(var(--glass-border))}
.kx-table td{padding:.65rem 1.25rem;border-bottom:1px solid hsl(var(--glass-border)/.6);white-space:nowrap}
.kx-table tr:last-child td{border-bottom:0}
.kx-table tbody tr:hover{background:hsl(var(--hover-bg)/.7)}

/* logs */
.kx-log{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid hsl(var(--glass-border)/.6)}
.kx-log:last-child{border-bottom:0}
.kx-log-idx{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.85rem;
  background:hsl(var(--success)/.1);color:hsl(var(--success))}
.kx-log dl{display:grid;grid-template-columns:90px 1fr;gap:.45rem .75rem;margin:0;font-size:.82rem}
.kx-log dt{color:hsl(var(--muted-foreground))}
.kx-log dd{margin:0;min-width:0}
@media (max-width:640px){.kx-log{grid-template-columns:1fr}.kx-log dl{grid-template-columns:1fr}}

/* notice */
.kx-note{display:flex;gap:.6rem;align-items:flex-start;font-size:.82rem;color:hsl(var(--muted-foreground));padding:.8rem 1rem;
  border:1px solid hsl(var(--glass-border));border-radius:10px;background:hsl(var(--explorer-surface)/.5)}

/* header nav active state */
header nav a.kx-nav-active{color:hsl(var(--ktx-primary))!important}
header nav a.kx-nav-active::after{content:"";position:absolute;left:1rem;right:1rem;bottom:2px;height:2px;border-radius:2px;background:hsl(var(--ktx-primary))}

/* footer */
.kx-footer{margin-top:3rem;border-top:1px solid hsl(var(--glass-border));background:hsl(var(--explorer-card)/.85)}
.kx-footer-in{max-width:1400px;margin:0 auto;padding:2.5rem 1rem 1.25rem}
.kx-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:2rem}
.kx-footer h4{font-size:.8rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--foreground));margin:0 0 .8rem}
.kx-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.kx-footer li a{font-size:.875rem;color:hsl(var(--muted-foreground));text-decoration:none}
.kx-footer li a:hover{color:hsl(var(--ktx-primary))}
.kx-footer-brand{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem}
.kx-footer-brand img{width:36px;height:36px;border-radius:9px}
.kx-footer-brand b{font-size:1.05rem;color:hsl(var(--foreground))}
.kx-footer p{font-size:.85rem;color:hsl(var(--muted-foreground));line-height:1.6;margin:0 0 1rem;max-width:30rem}
.kx-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:2rem;padding-top:1rem;
  border-top:1px solid hsl(var(--glass-border));font-size:.8rem;color:hsl(var(--muted-foreground))}
.kx-netchip{display:inline-flex;align-items:center;gap:.4rem}
.kx-dot{width:7px;height:7px;border-radius:50%;background:hsl(var(--success));box-shadow:0 0 0 3px hsl(var(--success)/.2)}
@media (max-width:900px){.kx-footer-grid{grid-template-columns:1fr 1fr}.kx-footer-grid>div:first-child{grid-column:1/-1}}
@media (max-width:480px){.kx-footer-grid{grid-template-columns:1fr}}

/* home sparkline (real 14-day data) */
.kx-spark{position:absolute;inset:auto 0 0 0;height:24%;pointer-events:none;opacity:.6}

.kx-ico-lg{width:22px;height:22px}
.kx-params{min-width:480px}
@media (max-width:640px){.kx-head-icon{display:none}.kx-head h1{font-size:1.3rem}}
.kx-params th,.kx-params td{word-break:normal;white-space:nowrap}.kx-params td.kx-break{white-space:normal;word-break:break-all;min-width:220px}

/* ===== v17: home, lists, charts ===== */
.kx-wrap-wide{max-width:1400px}
.kx-sm{font-size:.8rem}
.kx-skel{display:inline-block;height:.9em;width:5rem;max-width:100%;border-radius:4px;vertical-align:middle;
  background:linear-gradient(90deg,hsl(var(--muted)) 25%,hsl(var(--hover-bg)) 50%,hsl(var(--muted)) 75%);background-size:200% 100%;animation:kxsk 1.4s infinite}
@keyframes kxsk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.kx-skel{animation:none}}
.kx-btn-primary{background:hsl(var(--ktx-primary));border-color:hsl(var(--ktx-primary));color:hsl(var(--primary-foreground))}
html:not(.dark) .kx-btn-primary{color:#fff}
.kx-btn-primary:hover{background:hsl(var(--ktx-primary)/.88);border-color:hsl(var(--ktx-primary))}
.kx-head-actions{flex-wrap:wrap}

.kx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;margin-bottom:1.25rem;
  background:hsl(var(--explorer-card));border:1px solid hsl(var(--glass-border));border-radius:12px;overflow:hidden}
.kx-stat{padding:1rem 1.25rem;border-right:1px solid hsl(var(--glass-border));border-bottom:1px solid hsl(var(--glass-border));margin:0 -1px -1px 0;min-width:0}
.kx-stat-k{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground))}
.kx-stat-v{font-size:1.2rem;font-weight:700;color:hsl(var(--foreground));margin-top:.3rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kx-stat-s{font-size:.76rem;color:hsl(var(--muted-foreground));margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx-live{display:inline-flex;align-items:center;gap:.4rem}
.kx-live .kx-dot{animation:kxpulse 2s infinite}
@keyframes kxpulse{50%{box-shadow:0 0 0 6px hsl(var(--success)/0)}}

.kx-pager{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.kx-card-head .kx-pager{margin-left:auto}
.kx-card-foot{display:block;text-align:center;padding:.8rem;font-size:.82rem;font-weight:500;border-top:1px solid hsl(var(--glass-border));
  color:hsl(var(--ktx-primary));text-decoration:none;background:hsl(var(--explorer-surface)/.4)}
.kx-card-foot:hover{background:hsl(var(--hover-bg))}
.kx-table td.kx-empty{white-space:normal}
.kx-table td .kx-skel{height:1rem}

/* hero */
.kx-hero{position:relative;
  background:radial-gradient(1200px 300px at 20% -10%,hsl(var(--ktx-primary)/.14),transparent 60%),radial-gradient(900px 260px at 90% 0%,hsl(var(--ktx-secondary)/.1),transparent 60%),hsl(var(--explorer-bg))}
.kx-hero-in{max-width:1400px;margin:0 auto;padding:2.5rem 1rem 4.5rem}
.kx-hero h1{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:750;letter-spacing:-.01em;margin:0;color:hsl(var(--foreground))}
.kx-hero p{margin:.4rem 0 1.25rem;color:hsl(var(--muted-foreground));font-size:.95rem}
.kx-hero-search{max-width:760px}
.kx-hero-box{display:flex;align-items:center;background:hsl(var(--explorer-card));border:1px solid hsl(var(--glass-border));border-radius:12px;
  box-shadow:0 8px 24px hsl(0 0% 0%/.06);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.kx-hero-box:focus-within{border-color:hsl(var(--ktx-primary)/.7);box-shadow:0 0 0 4px hsl(var(--ktx-primary)/.14)}
.kx-hero-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:hsl(var(--foreground));font-size:.95rem;padding:.95rem .8rem}
.kx-hero-go{margin:.35rem;padding:0 1.2rem;height:40px;border:0;border-radius:9px;font-weight:600;cursor:pointer;background:hsl(var(--ktx-primary));color:#fff}
html.dark .kx-hero-go{color:hsl(var(--primary-foreground))}
.kx-hero-go:hover{filter:brightness(1.07)}
.kx-hero-err{margin-top:.5rem;font-size:.82rem;color:hsl(var(--destructive))}
@media (max-width:560px){.kx-hero-in{padding:1.5rem 1rem 3.75rem}.kx-hero-go{padding:0 .8rem}.kx-hero-box input{font-size:.88rem;padding:.8rem .5rem}}

/* overview card on home */
.kx-overview{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);margin-top:-2.5rem;position:relative;z-index:1;box-shadow:0 10px 30px hsl(0 0% 0%/.06)}
.kx-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.kx-overview-stats .kx-stat{border-right:1px solid hsl(var(--glass-border))}
.kx-overview-chart{padding:1rem 1.25rem;border-left:1px solid hsl(var(--glass-border))}
@media (max-width:1100px){.kx-overview{grid-template-columns:1fr}.kx-overview-chart{border-left:0;border-top:1px solid hsl(var(--glass-border))}}
@media (max-width:640px){.kx-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kx-stat{padding:.8rem 1rem}.kx-stat-v{font-size:1.05rem}}

.kx-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.kx-two>.kx-card{margin-bottom:1.25rem}
@media (max-width:1000px){.kx-two{grid-template-columns:1fr;gap:0}}

/* live feeds */
.kx-feed-row{display:flex;align-items:center;gap:.85rem;padding:.75rem 1.25rem;border-bottom:1px solid hsl(var(--glass-border)/.6);min-height:64px}
.kx-feed-row:last-child{border-bottom:0}
.kx-feed-ico{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:.72rem;font-weight:700;
  background:hsl(var(--explorer-surface));border:1px solid hsl(var(--glass-border));color:hsl(var(--muted-foreground))}
.kx-feed-a{width:120px;flex:none;min-width:0}
.kx-feed-b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx-feed-c{flex:none;text-align:right}
.kx-amt{display:inline-block;font-size:.78rem;font-weight:600;padding:.2rem .55rem;border-radius:7px;border:1px solid hsl(var(--glass-border));background:hsl(var(--explorer-surface));white-space:nowrap}
@media (max-width:560px){.kx-feed-row{flex-wrap:wrap;padding:.7rem 1rem;gap:.4rem .7rem}.kx-feed-ico{display:none}.kx-feed-a{width:auto;flex:1}.kx-feed-b{order:3;flex-basis:100%}}

/* tokens */
.kx-avatar{flex:none;width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;font-size:.66rem;font-weight:700;
  background:hsl(var(--ktx-primary)/.15);color:hsl(var(--ktx-primary));border:1px solid hsl(var(--ktx-primary)/.3)}
.kx-token-cell{display:inline-flex;align-items:center;gap:.55rem;color:hsl(var(--foreground));text-decoration:none}
.kx-token-cell:hover b,.kx-token-cell:hover>span:last-child{color:hsl(var(--ktx-primary))}

/* charts */
.kx-chart{position:relative;padding:0 0 22px 36px}
.kx-chart-empty{display:grid;place-items:center;color:hsl(var(--muted-foreground));font-size:.85rem;background:hsl(var(--explorer-surface)/.5);border-radius:8px}
.kx-chart-grid{position:absolute;left:36px;right:0;top:0;bottom:22px;pointer-events:none}
.kx-chart-tick{position:absolute;left:0;right:0;border-top:1px solid hsl(var(--glass-border)/.7)}
.kx-chart-tick span{position:absolute;right:calc(100% + 6px);top:-.55em;font-size:.66rem;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
.kx-bars{position:relative;display:flex;align-items:stretch;gap:2px;height:100%}
.kx-bar-col{position:relative;flex:1;display:flex;flex-direction:column;min-width:0}
.kx-bar-hit{flex:1;display:flex;align-items:flex-end;justify-content:center;background:transparent;border:0;padding:0 12%;cursor:default}
.kx-bar-hit:focus-visible{outline:2px solid hsl(var(--ktx-primary));outline-offset:1px;border-radius:4px}
.kx-bar-fill{display:block;width:100%;max-width:34px;border-radius:4px 4px 0 0;background:hsl(var(--ktx-primary)/.78);transition:background .12s}
.kx-bar-fill.on{background:hsl(var(--ktx-primary))}
.kx-bar-x{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);font-size:.64rem;color:hsl(var(--muted-foreground));white-space:nowrap}
.kx-tip{position:absolute;left:50%;transform:translateX(-50%);z-index:3;pointer-events:none;white-space:nowrap;font-size:.74rem;line-height:1.35;
  background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--glass-border));border-radius:8px;padding:.35rem .55rem;box-shadow:0 6px 18px hsl(0 0% 0%/.12)}
.kx-hbar{margin:.8rem 0}
.kx-hbar-top{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:.84rem;margin-bottom:.35rem}
.kx-hbar-track{height:8px;border-radius:99px;background:hsl(var(--muted));overflow:hidden}
.kx-hbar-track i{display:block;height:100%;border-radius:99px;background:hsl(var(--ktx-primary))}
.kx-feed-a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}
@media (max-width:700px){.kx-bar-x-m{visibility:hidden}}