:root{
  --hx-edge-fade:300ms;          
  --hx-bar:2px;                  
  --hx-tug-h:64px;               
  --hx-tl-slide:24px;            
  --hx-bump:-4px;                
  --hx-core-24:24px; --hx-core-160:160px; --hx-core-240:240px;
  --hx-dial:240px; --hx-dial-lg:280px;
  --hx-nodes:120px;
  --hx-blur:12px;                
}

.hx-core{display:block;width:var(--hx-core-160);height:var(--hx-core-160)}
.hx-core[data-size="24"]{width:var(--hx-core-24);height:var(--hx-core-24)}
.hx-core[data-size="240"]{width:var(--hx-core-240);height:var(--hx-core-240)}
.hx-core-host{position:relative;display:inline-block;line-height:0}

.hx-core-timer{
  position:absolute;left:50%;top:100%;margin-left:-3.5em;width:7em;text-align:center;
  font-size:var(--fs-caption);line-height:var(--lh-snug);color:var(--core-500);
  opacity:0;transition:opacity var(--dur-base) var(--ease-std);pointer-events:none;white-space:nowrap
}
.hx-core-timer.on{opacity:1}

.hx-core-delta{
  position:absolute;margin-left:-1.2em;margin-top:-.7em;width:2.4em;text-align:center;
  font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-caption);font-weight:600;line-height:var(--lh-tight);
  opacity:0;transition:opacity var(--dur-slow) var(--ease-slow);pointer-events:none
}
.hx-core-delta.on{opacity:1}
.hx-core-delta.up{color:var(--up-500)}
.hx-core-delta.down{color:var(--down-500)}

.hx-core.degraded.think{animation:hx-blink 1.2s var(--ease-io) infinite}
@keyframes hx-blink{0%,100%{opacity:1}50%{opacity:.55}}

.hx-edge{
  position:fixed;left:0;top:0;right:0;bottom:0;z-index:var(--z-reveal);pointer-events:none;
  box-shadow:var(--core-edge);opacity:0;transition:opacity var(--hx-edge-fade) var(--ease-std)
}
.hx-edge.on{opacity:1}

.hx-dial{
  position:relative;width:var(--hx-dial);height:var(--hx-dial);margin:0 auto;border-radius:var(--r-pill);
  touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab
}
.hx-dial.dragging{cursor:grabbing}
.hx-dial-cv{display:block;width:100%;height:100%}
.hx-dial-amt{
  position:absolute;left:0;right:0;top:50%;margin-top:-1.1em;text-align:center;pointer-events:none;
  font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-h1);font-weight:700;line-height:var(--lh-tight);color:var(--n-10)
}
.hx-dial-amt b{font-weight:700;transition:color var(--dur-base) var(--ease-std)}
.hx-dial-amt small{display:block;font-size:var(--fs-label);font-weight:500;color:var(--n-8);letter-spacing:.06em;margin-top:var(--sp-1)}
.hx-dial[data-tier="2"] .hx-dial-amt b{color:var(--gold-600)}
.hx-dial[data-tier="3"] .hx-dial-amt b{color:var(--gold-500)}

.hx-dial-range{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;padding:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}
.hx-dial:focus-within{box-shadow:var(--ring-focus)}
.hx-dial.dragging:focus-within{box-shadow:none}

.hx-nodes{display:block;width:var(--hx-nodes);height:var(--hx-nodes)}

.hx-tl{position:relative;display:flex;flex-direction:column;gap:var(--card-gap)}
.hx-tl-cell{
  position:relative;left:0;opacity:1;
  padding:var(--card-pad);padding-left:calc(var(--card-pad) + var(--sp-3));
  background:var(--n-2);border-radius:var(--r-lg);box-shadow:var(--sh-glow-s);
  transition:left var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-std)
}
.hx-tl-cell::before{content:"";position:absolute;left:0;top:var(--card-pad);bottom:var(--card-pad);width:var(--hx-bar);border-radius:var(--r-2xs);background:var(--n-6)}
.hx-tl-cell[data-kind="reason"]::before{background:var(--core-500)}
.hx-tl-cell[data-kind="verdict"]::before{background:var(--gold-500)}
.hx-tl-cell[data-kind="fill"]::before{background:var(--n-8)}
.hx-tl-cell[data-kind="result"]::before{background:var(--n-8)}
.hx-tl-cell[data-kind="result"].hit::before{background:var(--up-500)}
.hx-tl-cell[data-kind="result"].miss::before{background:var(--down-500)}
.hx-tl-cell[data-kind="learn"]::before{background:var(--n-6)}

.hx-tl-cell.enter{left:var(--hx-tl-slide);opacity:0}
.hx-tl-cell.enter.from-left{left:calc(0px - var(--hx-tl-slide))}
.hx-tl-cell.pass{opacity:.6}
.hx-tl-time{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-label);font-weight:500;color:var(--n-8);margin-bottom:var(--sp-1)}
.hx-tl-time .hx-seat-ic{color:var(--n-8)}
.hx-tl-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--n-9);word-break:break-word}
.hx-tl-body .hx-line{display:block}          
.hx-tl-cta{display:inline-block;margin-top:var(--sp-3);font-size:var(--fs-label);font-weight:500;color:var(--core-500);text-decoration:none}
.hx-tl-cell:not([data-kind="verdict"]):not([data-kind="result"]) .hx-tl-cta{display:none}

.hx-n{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;color:var(--n-10)}
.hx-src{
  display:inline-block;font-style:normal;font-size:var(--fs-caption);line-height:var(--lh-tight);color:var(--core-500);
  border:var(--hair) solid var(--core-700);border-radius:var(--r-xs);padding:0 var(--sp-1);margin-left:var(--sp-1);vertical-align:baseline;white-space:nowrap
}

.hx-dc{position:relative;padding:var(--card-pad);background:var(--n-2);border-radius:var(--r-lg);box-shadow:var(--sh-glow-s);transition:opacity var(--dur-base) var(--ease-std)}
.hx-dc-src{display:flex;align-items:center;gap:var(--sp-3);min-width:0}
.hx-dc-src .hx-seat-ic{flex:none;color:var(--n-10)}
.hx-dc-call{font-size:var(--fs-h3);font-weight:600;color:var(--n-10);white-space:nowrap}
.hx-dc-id{margin-left:auto;font-family:var(--mono);font-size:var(--fs-mono);color:var(--n-8);white-space:nowrap}
.hx-dc-hr{height:var(--hair);background:var(--n-5);margin:var(--sp-5) 0}
.hx-dc-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}
.hx-dc-tag{display:inline-flex;align-items:center;height:var(--ic-4);padding:0 var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-label);font-weight:600;line-height:1;white-space:nowrap}
.hx-dc.v-adopt .hx-dc-tag{background:var(--gold-500);color:var(--n-0)}
.hx-dc.v-adapt .hx-dc-tag{background:var(--gold-700);color:var(--n-10)}
.hx-dc.v-wait .hx-dc-tag{background:transparent;color:var(--warn-500);border:var(--hair) solid var(--warn-500)}
.hx-dc.v-pass{opacity:.6}
.hx-dc.v-pass .hx-dc-tag{background:var(--n-6);color:var(--n-10)}
.hx-dc-regime{font-size:var(--fs-label);color:var(--n-8)}
.hx-dc-params{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:var(--sp-3);margin-top:var(--sp-5)}
.hx-dc-p{background:var(--n-3);border-radius:var(--r-input);padding:var(--sp-3) var(--sp-4);min-width:0}
.hx-dc-p i{display:block;font-style:normal;font-size:var(--fs-caption);color:var(--n-7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-dc-p b{display:block;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-body);font-weight:600;color:var(--n-10);white-space:nowrap}
.hx-dc-p em{font-style:normal;font-size:var(--fs-caption);color:var(--n-7);margin-right:var(--sp-1)}   
.hx-dc-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap}
.hx-dc-order{font-family:var(--mono);font-size:var(--fs-mono);color:var(--n-8)}
.hx-dc-res{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-body);font-weight:600}
.hx-dc-res.hit{color:var(--up-500)}
.hx-dc-res.miss{color:var(--down-500)}
.hx-dc-res.open{color:var(--n-8)}

.hx-tug{
  --shift:0%;
  position:relative;display:flex;align-items:stretch;width:100%;height:var(--hx-tug-h);margin:0;padding:0;
  background:var(--n-2);border:0;border-radius:var(--r-lg);box-shadow:var(--sh-glow-s);overflow:hidden;
  font:inherit;color:inherit;text-align:left;cursor:pointer
}
.hx-tug:focus-visible{outline:none;box-shadow:var(--ring-focus)}
.hx-tug-side{flex:1 1 0;display:flex;align-items:center;gap:var(--sp-3);min-width:0;padding:0 var(--card-pad)}
.hx-tug-side.r{justify-content:flex-end;text-align:right}
.hx-tug-side .hx-seat-ic{flex:none;color:var(--n-10)}
.hx-tug-call{font-size:var(--fs-label);font-weight:600;color:var(--n-10);white-space:nowrap}
.hx-tug-txt{font-size:var(--fs-label);color:var(--n-9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--dur-slow) var(--ease-slow)}
.hx-tug-mid{position:absolute;top:0;bottom:0;width:var(--hx-bar);left:calc(50% + var(--shift));background:var(--n-6);transition:left var(--dur-slow) var(--ease-slow),background var(--dur-slow)}

.hx-tug.win-l{--shift:-8%}
.hx-tug.win-r{--shift:8%}
.hx-tug.win-l .hx-tug-mid,.hx-tug.win-r .hx-tug-mid{background:var(--n-8)}
.hx-tug.win-l .l .hx-tug-txt,.hx-tug.win-r .r .hx-tug-txt{color:var(--n-10)}
.hx-tug.win-l .r .hx-tug-txt,.hx-tug.win-l .r .hx-tug-call,.hx-tug.win-r .l .hx-tug-txt,.hx-tug.win-r .l .hx-tug-call{color:var(--n-7)}

.hx-seal{
  position:absolute;right:var(--card-pad);top:var(--card-pad);display:inline-flex;flex-direction:column;align-items:flex-end;
  padding:var(--sp-1) var(--sp-3);border:1px solid var(--core-500);border-radius:var(--r-xs);color:var(--core-500);
  font-family:var(--mono);font-size:var(--fs-caption);line-height:var(--lh-tight);letter-spacing:.04em;white-space:nowrap;pointer-events:none;
  transform:rotate(-6deg) scale(1.2);opacity:0;
  transition:transform var(--dur-slow) var(--ease-slow),opacity var(--dur-slow) var(--ease-std),color var(--dur-base),border-color var(--dur-base)
}
.hx-seal.drop{transform:rotate(-6deg) scale(1);opacity:1}
.hx-seal-ts{font-weight:500}
.hx-seal-hash{min-height:1em}
.hx-seal[data-locked].hit{color:var(--up-500);border-color:var(--up-500)}
.hx-seal[data-locked].miss{color:var(--n-6);border-color:var(--n-6)}

.hx-cd{display:inline-block;width:var(--ic-6);height:var(--ic-6);transform:rotate(-90deg);vertical-align:middle}
.hx-cd.hx-cd-sm{width:var(--ic-4);height:var(--ic-4)}
.hx-cd circle{fill:none;stroke-width:3}
.hx-cd-track{stroke:var(--n-5)}
.hx-cd-arc{stroke:var(--core-500);stroke-linecap:round;transition:stroke var(--dur-base) var(--ease-std),stroke-dashoffset 1s linear}
.hx-cd.static .hx-cd-arc{transition:none}
.hx-cd[data-state="hit"] .hx-cd-arc{stroke:var(--up-500)}
.hx-cd[data-state="miss"] .hx-cd-arc,.hx-cd[data-state="due"] .hx-cd-arc{stroke:var(--n-6)}
.hx-cd-wrap{display:inline-flex;align-items:center;gap:var(--sp-3)}
.hx-cd-lbl{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-label);color:var(--n-8)}
.hx-cd-lbl.hit{color:var(--up-500)}
.hx-cd-lbl.miss{color:var(--n-8)}

.hx-status{
  position:sticky;top:0;z-index:var(--z-ticker);display:flex;align-items:center;gap:var(--sp-5);
  height:var(--status-h);padding:0 var(--pad);background:var(--n-1);border-bottom:var(--hair) solid var(--n-5);
  transition:background var(--dur-base) var(--ease-std)
}
.hx-status.scrolled{background:var(--bg-glass);backdrop-filter:blur(var(--hx-blur));-webkit-backdrop-filter:blur(var(--hx-blur))}
html.lowfx .hx-status.scrolled{background:var(--n-1);backdrop-filter:none;-webkit-backdrop-filter:none}
.hx-status-l{display:flex;align-items:center;gap:var(--sp-3);flex:none}
.hx-status-m{display:flex;align-items:center;gap:var(--sp-3);flex:1 1 auto;min-width:0;overflow:hidden}
.hx-status-r{display:flex;align-items:center;gap:var(--sp-3);flex:none;margin-left:auto}
.hx-status-chip{display:inline-flex;align-items:center;height:var(--ic-4);padding:0 var(--sp-3);border-radius:var(--r-pill);background:var(--n-3);font-size:var(--fs-caption);font-weight:500;color:var(--n-9);white-space:nowrap}
.hx-status-kv{display:inline-flex;align-items:baseline;gap:var(--sp-1);font-size:var(--fs-caption);color:var(--n-8);white-space:nowrap}
.hx-status-kv b{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-label);font-weight:600;color:var(--n-10)}
.hx-status-kv b.up{color:var(--up-500)}
.hx-status-kv b.down{color:var(--down-500)}
.hx-status-num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-h2);font-weight:700;color:var(--n-10);line-height:1}
.hx-status-cd{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-label);font-weight:600;color:var(--core-500)}
.hx-status-how{font-size:var(--fs-caption);color:var(--core-500);text-decoration:none;white-space:nowrap}
@media (min-width:1024px){.hx-status{height:var(--status-h-lg);padding:0 var(--sp-9)}}

.hx-badge{display:inline-block;width:var(--ic-4);height:var(--ic-4);vertical-align:middle;fill:currentColor;flex:none}
.hx-badge.hx-badge-32{width:var(--ic-5);height:var(--ic-5)}
.hx-badge.hx-badge-48{width:var(--ava-xl);height:var(--ava-xl)}
.hx-badge.gemini{color:var(--agent-gemini)}
.hx-badge.astra{color:var(--agent-astra)}
.hx-badge.fable{color:var(--agent-fable)}
.hx-badge.mythos{color:var(--agent-mythos);--hx-badge-stroke:var(--gold-700)}

.hx-seat-ic{display:inline-block;width:var(--ic-3);height:var(--ic-3);vertical-align:middle;color:var(--n-10);fill:none;stroke:currentColor;flex:none}
.hx-seat-ic.hx-seat-ic-32{width:var(--ic-5);height:var(--ic-5)}

.hx-demo-tag{
  position:absolute;right:var(--sp-3);top:var(--sp-3);z-index:1;pointer-events:none;
  padding:0 var(--sp-2);border:var(--hair) solid var(--n-6);border-radius:var(--r-xs);
  font-size:var(--fs-caption);line-height:var(--lh-snug);color:var(--n-7);white-space:nowrap
}

.hx-rules{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-5);margin:0;padding:0;list-style:none;font-size:var(--fs-caption);line-height:var(--lh-snug);color:var(--n-8)}
.hx-rules li,.hx-rules i{font-style:normal;white-space:nowrap;position:relative}
.hx-rules li+li::before,.hx-rules i+i::before{content:"·";position:absolute;left:calc(0px - var(--sp-5) / 2 - .25em);color:var(--n-6)}

.hx-soon{display:inline-flex;align-items:center;height:var(--ic-3);padding:0 var(--sp-3);border:var(--hair) solid var(--n-6);border-radius:var(--r-pill);font-size:var(--fs-caption);font-weight:500;color:var(--n-7);white-space:nowrap;vertical-align:middle}

.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}
.hx-mono{font-family:var(--mono)}

.hx-count{position:relative;top:0;transition:top var(--dur-fast) var(--ease-std)}
.hx-count.bump{top:var(--hx-bump)}

@media (prefers-reduced-motion:reduce){
  .hx-core-timer,.hx-core-delta,.hx-edge,.hx-tl-cell,.hx-tl-body .hx-line,.hx-dc,.hx-tug-txt,.hx-tug-mid,.hx-seal,.hx-cd-arc,.hx-status,.hx-count,.hx-dial-amt b{transition:none}
  .hx-core.degraded.think{animation:none}
}
html.lowfx .hx-core-timer,html.lowfx .hx-core-delta,html.lowfx .hx-edge,html.lowfx .hx-tl-cell,html.lowfx .hx-tl-body .hx-line,html.lowfx .hx-dc,
html.lowfx .hx-tug-txt,html.lowfx .hx-tug-mid,html.lowfx .hx-seal,html.lowfx .hx-cd-arc,html.lowfx .hx-status,html.lowfx .hx-count,html.lowfx .hx-dial-amt b,
html.hx-rm .hx-core-timer,html.hx-rm .hx-core-delta,html.hx-rm .hx-edge,html.hx-rm .hx-tl-cell,html.hx-rm .hx-tl-body .hx-line,html.hx-rm .hx-dc,
html.hx-rm .hx-tug-txt,html.hx-rm .hx-tug-mid,html.hx-rm .hx-seal,html.hx-rm .hx-cd-arc,html.hx-rm .hx-status,html.hx-rm .hx-count,html.hx-rm .hx-dial-amt b{transition:none}
html.lowfx .hx-core.degraded.think,html.hx-rm .hx-core.degraded.think{animation:none}
html.lowfx .hx-edge{display:none}

.hx-body{flex:1 1 auto;min-height:0;display:flex;position:relative}
.hx-body>main.screen,.hx-body>main{flex:1 1 auto;min-width:0}
.hx-side{display:none}
.pad{padding:0 var(--pad)}
[data-density="compact"]{--fs-body:14px;--lh-body:1.4;--card-pad:12px;--card-gap:8px}
@media (min-width:1024px){
  .phone{display:grid;grid-template-areas:"rail status" "rail main";grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto 1fr;max-width:1440px;margin:0 auto}
  .hx-status{grid-area:status}
  .hx-body{grid-area:main;display:block;overflow:hidden}
  .hx-body>main.screen,.hx-body>main{height:100%}
  .hx-side{grid-area:auto;grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--sp-9);border-left:var(--hair) solid var(--n-5);overflow:auto}
  .tabbar{grid-area:rail;flex-direction:column;justify-content:flex-start;align-items:stretch;height:auto;padding:var(--sp-8) var(--sp-5);gap:var(--sp-1);border-top:0;border-right:var(--hair) solid var(--n-5);background:var(--n-1)}
  .tabbar .tab{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:var(--sp-4);height:var(--btn-lg);padding:0 var(--sp-5);border-radius:var(--r);font-size:var(--fs-body)}
  .tabbar .tab.active{background:var(--n-3)}
  .tabbar .tab.hx-terminal{display:flex;color:var(--n-7)}
  .hx-companion-chip{display:none}
  .hx-companion-scrim{align-items:stretch;justify-content:flex-end}
  .hx-companion{max-width:420px;height:100%;border-radius:0}
  .sheet{max-width:560px;left:50%;margin-left:-280px}
}
.tabbar .tab.hx-terminal{display:none}
.hx-side-core{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);text-align:center}
.hx-side-locked{padding:var(--card-pad);border-radius:var(--r-lg);background:var(--n-2);box-shadow:var(--sh-glow-s);display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.hx-side-locked p{flex-basis:100%;margin:0}

.hx-status{flex-wrap:wrap;height:auto;min-height:var(--status-h);padding-top:var(--sp-3);padding-bottom:var(--sp-3);row-gap:var(--sp-3)}
.hx-status-core{display:inline-flex;align-items:center;gap:var(--sp-3);flex:none}
.hx-status-regime{display:inline-flex;align-items:center;height:var(--ic-4);padding:0 var(--sp-3);border-radius:var(--r-pill);background:var(--n-3);font-size:var(--fs-caption);font-weight:500;color:var(--n-9);white-space:nowrap}
.hx-status-mid{display:flex;align-items:center;gap:var(--sp-5);flex:1 1 auto;min-width:0;overflow:hidden}
.hx-status-cell{display:inline-flex;align-items:baseline;gap:var(--sp-1);white-space:nowrap}
.hx-status-cell small{font-size:var(--fs-caption);color:var(--n-8)}
.hx-status-cell b{font-size:var(--fs-label);font-weight:600;color:var(--n-10)}
.hx-status-right{display:flex;align-items:center;gap:var(--sp-3);flex:none;margin-left:auto}
.hx-status-obs{font-size:var(--fs-caption);color:var(--warn-500);border:var(--hair) solid var(--warn-500);border-radius:var(--r-xs);padding:0 var(--sp-2);white-space:nowrap}
.hx-status-nums{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.hx-num{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-0);min-width:0;padding:var(--sp-2) var(--sp-4);border-radius:var(--r);background:var(--n-2);text-align:left;cursor:pointer}
.hx-num b{font-size:var(--fs-h2);font-weight:700;color:var(--gold-500);line-height:1.1;white-space:nowrap}
.hx-num small{font-size:var(--fs-caption);color:var(--n-8);line-height:var(--lh-snug);white-space:normal}
.hx-how{font-style:normal;font-size:var(--fs-caption);color:var(--core-500);white-space:nowrap;cursor:pointer}
.chip-wallet{background:var(--n-3);color:var(--n-10);border-color:var(--n-5);box-shadow:none}
.chip-wallet.on{background:var(--n-3);color:var(--gold-500)}
@media (min-width:640px){.hx-status-nums{flex-basis:auto;display:flex;gap:var(--sp-3)}.hx-num{padding:var(--sp-1) var(--sp-4)}.hx-num b{font-size:var(--fs-h3)}}

.hx-card{position:relative;margin:var(--card-gap) var(--pad);padding:var(--card-pad);background:var(--n-2);border-radius:var(--r-lg);box-shadow:var(--sh-glow-s)}
.hx-card-h{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}
.hx-card-t{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-h3);font-weight:700;color:var(--n-10)}
.hx-card-h .hx-link,.hx-card-h .td-btn.sm{margin-left:auto}
.hx-card-foot{margin:var(--sp-4) 0 0;font-size:var(--fs-caption);color:var(--n-8);line-height:var(--lh-snug)}
.hx-card-acts{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);margin-top:var(--sp-4)}
.hx-link{font-size:var(--fs-label);font-weight:500;color:var(--core-500);white-space:nowrap;cursor:pointer}
.hx-muted{font-size:var(--fs-caption);color:var(--n-8);line-height:var(--lh-snug);margin:var(--sp-2) 0 0}
.hx-lead{font-size:var(--fs-body);color:var(--n-9);line-height:var(--lh-body);margin:0 0 var(--sp-4)}
.hx-obs-tag{font-size:var(--fs-caption);color:var(--warn-500);border:var(--hair) solid var(--warn-500);border-radius:var(--r-xs);padding:0 var(--sp-2)}
.hx-ic{width:var(--ic-3);height:var(--ic-3);fill:none;stroke:currentColor;vertical-align:middle;flex:none}
.hx-ic.xl{width:var(--ic-6);height:var(--ic-6)}
.hx-ic.speaking{color:var(--core-500)}
.li .hx-ic.ic{margin-right:var(--sp-4);color:var(--n-8)}
.mono{font-family:var(--mono)}
.up{color:var(--up-500)}.down{color:var(--down-500)}.miss{color:var(--n-7)}
.hx-stat4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
.hx-stat4>div,.hx-stat4>button{display:flex;flex-direction:column;gap:var(--sp-0);padding:var(--sp-4);border-radius:var(--r-input);background:var(--n-3);text-align:left;min-width:0}
.hx-stat4 small{font-size:var(--fs-caption);color:var(--n-7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-stat4 b{font-size:var(--fs-h3);font-weight:700;color:var(--n-10);white-space:nowrap}
@container (min-width:640px){.hx-stat4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hx-card,main.screen{container-type:inline-size}
.pill{display:inline-flex;align-items:center;height:var(--ic-4);padding:0 var(--sp-3);border-radius:var(--r-pill);border:var(--hair) solid var(--n-5);font-size:var(--fs-caption);color:var(--n-9);white-space:nowrap;background:transparent}
.pill.on{background:var(--n-10);color:var(--n-0);border-color:var(--n-10)}
.pill.sbull{color:var(--up-500);border-color:var(--up-500)}
.pill.sbear{color:var(--down-500);border-color:var(--down-500)}
.pill.up{color:var(--up-500);border-color:var(--up-500)}
.pill.miss{color:var(--n-8);border-color:var(--n-6)}
.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--pad) var(--sp-4)}
.hx-badge-inline{display:inline-flex;align-items:center;gap:var(--sp-1);font-weight:600;color:var(--n-9)}
.hx-badge-inline.gemini{color:var(--agent-gemini)}.hx-badge-inline.astra{color:var(--agent-astra)}.hx-badge-inline.fable{color:var(--agent-fable)}.hx-badge-inline.mythos{color:var(--agent-mythos)}
.hx-badge-inline.lg{font-size:var(--fs-h2)}
.hx-badge-inline.lg .hx-ic{width:var(--ic-5);height:var(--ic-5)}
.hx-badge-a{display:inline-flex;align-items:center;height:var(--ic-5);padding:0 var(--sp-4);border-radius:var(--r-pill);background:var(--gold-500);color:var(--n-0);font-family:var(--font-num);font-weight:700;font-size:var(--fs-body)}
.hx-rules{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-input);background:var(--n-1);border:var(--hair) solid var(--n-5);margin-top:var(--sp-4)}
.hx-rules.top{margin:var(--card-gap) var(--pad) 0}
.is-demo{position:relative}
.hx-demo-tag{background:var(--n-1)}

.hx-payout-big{display:flex;flex-direction:column;gap:var(--sp-1);margin:var(--sp-2) 0 var(--sp-3)}
.hx-payout-big b{font-size:var(--fs-display);font-weight:700;color:var(--gold-500);line-height:1}
.hx-payout-big small{font-size:var(--fs-label);color:var(--n-8)}
.hx-payout-line{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-label);color:var(--n-9);flex-wrap:wrap}
.hx-charge-cell .cta-pay{margin-top:var(--sp-5)}
.hx-tl{margin:0 var(--pad)}
.hx-tl-head{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-label);color:var(--n-8);margin-bottom:var(--sp-2)}
.hx-tl-head b{color:var(--n-10);font-weight:600}
.hx-kind{font-size:var(--fs-caption);color:var(--n-7);border:var(--hair) solid var(--n-5);border-radius:var(--r-xs);padding:0 var(--sp-2)}
.hx-time{margin-left:auto;font-size:var(--fs-caption);color:var(--n-7)}
.hx-tl-body p{margin:0 0 var(--sp-2)}
.hx-tl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
.hx-lines{margin:0;padding:0 0 0 var(--sp-7);color:var(--n-9);font-size:var(--fs-body);line-height:var(--lh-body)}
.hx-lines li{margin:0 0 var(--sp-1)}
.hx-lines.sm{font-size:var(--fs-label)}
.hx-live{display:inline-block;margin-top:var(--sp-2);font-size:var(--fs-caption);color:var(--core-500)}
.hx-tl-cell.live{box-shadow:0 0 0 1px var(--core-700)}
.hx-verdict{display:inline-flex;align-items:center;height:var(--ic-4);padding:0 var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-label);font-weight:600;white-space:nowrap;background:var(--n-6);color:var(--n-10)}
.hx-verdict.v-adopt{background:var(--gold-500);color:var(--n-0)}
.hx-verdict.v-adapt{background:var(--gold-700);color:var(--n-10)}
.hx-verdict.v-wait{background:transparent;color:var(--warn-500);border:var(--hair) solid var(--warn-500)}
.hx-sealtag,.hx-tl-body .hx-seal,.hx-stance-meta .hx-seal,.hx-dc-verdict .hx-seal,.hx-moment .hx-seal{position:static;display:inline-flex;flex-direction:row;align-items:center;gap:var(--sp-2);transform:none;opacity:1;padding:0 var(--sp-2);font-size:var(--fs-caption)}
.hx-seal.sm{font-size:var(--fs-caption)}
.hx-tl-cta{display:block}
.hx-soon-card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}
.hx-soon-card p{flex-basis:100%}
.hx-team-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-label);color:var(--n-9);cursor:pointer}

.hx-tabs{margin:var(--card-gap) var(--pad)}
.wseg-b.locked{color:var(--n-7)}
.hx-seats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-2);margin:0 var(--pad) var(--card-gap);position:relative}
.hx-seat-chip{display:flex;flex-direction:column;align-items:center;gap:var(--sp-0);padding:var(--sp-3) 0;border-radius:var(--r);background:var(--n-2);min-width:0;cursor:pointer}
.hx-seat-chip b{font-size:var(--fs-label);color:var(--n-10);font-weight:600}
.hx-seat-chip small{font-size:var(--fs-00);color:var(--n-7);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hx-seat-rate{font-size:var(--fs-caption);color:var(--n-8)}
.hx-seat-ic.lg{width:var(--ic-5);height:var(--ic-5)}
.hx-seat-ic.lg .hx-ic{width:var(--ic-5);height:var(--ic-5)}
.hx-hall{position:relative;margin:0 var(--pad);display:flex;flex-direction:column;gap:var(--card-gap)}
.hx-brief{padding:var(--card-pad);border-radius:var(--r-lg);background:var(--n-2);box-shadow:var(--sh-glow-s)}
.hx-brief-h{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-2)}
.hx-brief p{margin:0 0 var(--sp-2);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--n-9)}
.hx-topic{border-radius:var(--r-lg);background:var(--n-2);box-shadow:var(--sh-glow-s);overflow:hidden}
.hx-topic-h{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--card-pad);text-align:left;cursor:pointer}
.hx-topic-h b{flex:1 1 auto;min-width:0;font-size:var(--fs-h3);font-weight:600;color:var(--n-10);line-height:var(--lh-snug)}
.hx-topic-k{font-size:var(--fs-caption);color:var(--gold-500);font-weight:700;flex:none}
.hx-topic-n{font-size:var(--fs-caption);color:var(--n-7);white-space:nowrap;flex:none}
.hx-topic.open .hx-topic-h .ti-chevron-down{transform:rotate(180deg)}
.hx-topic-facts{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--card-pad) var(--sp-4)}
.hx-fact{display:inline-flex;flex-direction:column;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-xs);background:var(--n-3);min-width:0}
.hx-fact b{font-size:var(--fs-label);font-weight:600;color:var(--n-10);white-space:nowrap}
.hx-fact small{font-size:var(--fs-00);color:var(--n-7);white-space:nowrap}
.hx-fact.sm{flex-direction:row;align-items:baseline;gap:var(--sp-2)}
.hx-topic-body{padding:0 var(--card-pad) var(--card-pad);border-top:var(--hair) solid var(--n-5)}
.hx-topic-basis{margin:var(--sp-4) 0;font-size:var(--fs-label);color:var(--n-9);line-height:var(--lh-body)}
.hx-tension{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);font-size:var(--fs-caption);line-height:var(--lh-snug);margin-bottom:var(--sp-5)}
.hx-tension>span{padding:var(--sp-3);border-radius:var(--r-input);background:var(--n-3)}
.hx-tension>span span{color:var(--n-9)}
.hx-stances{display:flex;flex-direction:column;gap:var(--sp-3)}
.hx-stance{position:relative;padding:var(--sp-4);border-radius:var(--r);background:var(--n-3);border-left:var(--hx-bar) solid var(--n-6)}
.hx-stance.hit{border-left-color:var(--up-500)}
.hx-stance.miss{border-left-color:var(--n-6)}
.hx-stance.pending{border-left-color:var(--core-500)}
.hx-stance-seat{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-label);font-weight:600;color:var(--n-10);margin-right:var(--sp-3);cursor:pointer}
.hx-stance-q{margin:var(--sp-2) 0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--n-10)}
.hx-stance-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
.hx-stance-core{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:var(--hair) solid var(--n-5);font-size:var(--fs-label);color:var(--gold-500);font-weight:600}
.hx-tug{margin-top:var(--sp-4)}
.hx-tug-side b{font-size:var(--fs-label);font-weight:600;color:var(--n-10)}
.hx-tug-side small{font-family:var(--mono);font-size:var(--fs-00);color:var(--n-7)}
.hx-tug-side.win b{color:var(--gold-500)}
.hx-tug-mid span{position:absolute;left:50%;top:50%;margin:-0.6em 0 0 -1.5em;width:3em;text-align:center;font-size:var(--fs-caption);color:var(--n-8);background:var(--n-2);border-radius:var(--r-xs)}
.hx-tug.settled .hx-tug-mid{background:var(--gold-700)}
.hx-jab{margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r);background:var(--n-1);border:var(--hair) solid var(--n-5);font-size:var(--fs-label);line-height:var(--lh-body)}
.hx-jab b{color:var(--n-10);font-weight:600}
.hx-jab p{margin:var(--sp-1) 0 0;color:var(--n-9)}
.hx-jab-r{margin-top:var(--sp-3);padding-left:var(--sp-5);border-left:var(--hx-bar) solid var(--n-6)}
.hx-jab .hx-time{float:right}
.hx-human{margin-top:var(--sp-5)}
.hx-human .sec-h{padding:0 0 var(--sp-3)}
.hx-post{margin:0 0 var(--sp-3);background:var(--n-1)}
.hx-seat-reply{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-input);background:var(--n-3)}
.hx-seat-reply-h{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);font-size:var(--fs-label);color:var(--n-10);font-weight:600}
.hx-review-row{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;border-top:var(--hair) solid var(--n-5);font-size:var(--fs-label);line-height:var(--lh-snug)}
.hx-review-row:first-of-type{border-top:0}
.hx-review-row b{display:block;color:var(--n-10);font-weight:600;margin-bottom:var(--sp-1)}
.hx-review-row p{margin:0}
.hx-corepage{position:relative;padding-bottom:var(--sp-4)}
.hx-seven{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2)}
.hx-seven>div,.hx-seven>button{display:flex;flex-direction:column;gap:var(--sp-0);padding:var(--sp-3);border-radius:var(--r-input);background:var(--n-3);text-align:left;min-width:0}
.hx-seven small{font-size:var(--fs-caption);color:var(--n-7);white-space:nowrap}
.hx-seven b{font-size:var(--fs-h3);font-weight:700;color:var(--n-10)}
.hx-seven-pass small{color:var(--core-500)}
@container (min-width:640px){.hx-seven{grid-template-columns:repeat(7,minmax(0,1fr))}}
.hx-vision{display:flex;gap:var(--sp-3);padding:0 var(--pad) var(--sp-4);overflow-x:auto;-webkit-mask-image:var(--fade-r);mask-image:var(--fade-r)}
.hx-vision::-webkit-scrollbar{height:0}
.hx-vision-cell{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--sp-0);min-width:120px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-input);background:var(--n-2)}
.hx-vision-cell small{font-size:var(--fs-caption);color:var(--n-7)}
.hx-vision-cell b{font-size:var(--fs-h3);font-weight:700;color:var(--n-10);white-space:nowrap}
.hx-src{font-size:var(--fs-00);color:var(--core-500);white-space:nowrap}
.hx-weights{margin:0 var(--pad) var(--sp-4);padding:var(--card-pad);border-radius:var(--r-lg);background:var(--n-2);display:flex;flex-direction:column;gap:var(--sp-2)}
.hx-weight-row{display:grid;grid-template-columns:3em 1fr 3em 2.5em;align-items:center;gap:var(--sp-3);font-size:var(--fs-label)}
.hx-weight-l{color:var(--n-9)}
.hx-weight-bar{height:var(--sp-3);border-radius:var(--r-xs);background:var(--n-3);overflow:hidden}
.hx-weight-bar i{display:block;height:100%;background:var(--n-8);transition:width var(--dur-slow) var(--ease-slow)}
.hx-weight-row:first-child .hx-weight-bar i{background:var(--gold-500)}
.hx-weight-row b{color:var(--n-10);text-align:right}
.hx-weight-row small{font-size:var(--fs-caption);text-align:right}
.hx-dc{margin:0 var(--pad) var(--card-gap)}
.hx-dc-top{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--fs-label);color:var(--n-10);margin-bottom:var(--sp-3)}
.hx-dc-top b{font-weight:600}
.hx-dc-line{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}
.hx-dc-verdict{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-4)}
.hx-dc-verdict.big{flex-direction:column;align-items:center;gap:var(--sp-4);margin:var(--sp-6) 0}
.hx-dc-verdict.big .hx-verdict{height:var(--btn-lg);font-size:var(--fs-h3);padding:0 var(--sp-8)}
.hx-params{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--sp-3);align-items:center;margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-input);background:var(--n-3)}
.hx-params>div{min-width:0}
.hx-params small{display:block;font-size:var(--fs-caption);color:var(--n-7)}
.hx-params b{display:block;font-size:var(--fs-label);font-weight:600;color:var(--n-10);line-height:var(--lh-snug)}
.hx-params-arrow{color:var(--gold-500);font-weight:700}
.hx-dc-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);font-size:var(--fs-caption)}

.hx-charge{margin:var(--card-gap) var(--pad)}
.hx-dial-wrap{position:relative;margin:var(--sp-5) auto;min-height:var(--hx-dial)}
.hx-dial-wrap .hx-dial{margin:0 auto}
.hx-dial-input{flex-basis:100%;margin-top:var(--sp-2);height:var(--btn-md);padding:0 var(--sp-4);border-radius:var(--r-input);border:var(--hair) solid var(--n-5);background:var(--n-1);color:var(--n-10);font-size:var(--fs-input);text-align:center}
.hx-readouts{margin-top:var(--sp-5)}
.hx-nudge{margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-input);background:var(--a-b-12);color:var(--gold-500);font-size:var(--fs-label);font-weight:600}
.hx-nudge.level{background:var(--a-b-18)}
.pay-pick{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin:var(--sp-5) 0}
.pay-pick button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-0);padding:var(--sp-4);border-radius:var(--r);border:var(--hair) solid var(--n-5);background:var(--n-1);color:var(--n-10);text-align:left;cursor:pointer}
.pay-pick button.on{border-color:var(--gold-500);box-shadow:var(--sh-ring-brand)}
.pay-pick b{font-size:var(--fs-body);font-weight:700}
.pay-pick small{font-size:var(--fs-caption);color:var(--n-8)}
.hx-axes-doc{display:flex;flex-direction:column;gap:var(--sp-3)}
.hx-axes-doc>div{display:flex;flex-direction:column;gap:var(--sp-0);padding:var(--sp-4);border-radius:var(--r-input);background:var(--n-3)}
.hx-axes-doc b{font-size:var(--fs-body);color:var(--n-10)}
.hx-axes-doc small{font-size:var(--fs-caption);color:var(--n-7)}
.hx-axes-doc span{font-size:var(--fs-label);color:var(--n-9)}
.hx-checks{display:flex;flex-direction:column;gap:var(--sp-3);margin:var(--sp-5) 0}
.hx-checks label{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--fs-label);line-height:var(--lh-snug);color:var(--n-9);cursor:pointer}
.hx-checks input{width:var(--ic-3);height:var(--ic-3);margin:0;accent-color:var(--gold-500);flex:none}
.hx-done{text-align:center}
.hx-result-big{display:block;font-size:var(--fs-display);font-weight:700;color:var(--gold-500);margin:var(--sp-5) 0;line-height:1}
.hx-done .hx-rules{text-align:left}

.tm-hero{position:relative;padding-top:calc(var(--card-pad) + var(--hx-nodes) + var(--sp-4))}
.tm-hero .hx-nodes{position:absolute;left:50%;top:var(--card-pad);margin-left:calc(0px - var(--hx-nodes) / 2)}
.hx-reqs{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.hx-reqs li{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-label);color:var(--n-8)}
.hx-reqs li.ok{color:var(--n-10)}
.hx-reqs li.ok .ti{color:var(--gold-500)}
.hx-reqs b{margin-left:auto;font-weight:600;color:var(--n-9)}
.hx-invite-link{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-input);background:var(--n-1);border:var(--hair) solid var(--n-5);font-size:var(--fs-caption);color:var(--n-9);word-break:break-all;margin-bottom:var(--sp-3)}
.tm-attr article em{display:block;margin-top:var(--sp-1);font-style:normal;font-weight:700;color:var(--gold-500)}
.tm-avatar.on{background:var(--gold-700)}

.hx-axes{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}
@container (min-width:640px){.hx-axes{grid-template-columns:1fr 1fr}}
.hx-axis{padding:var(--sp-4);border-radius:var(--r-input);background:var(--n-3)}
.hx-axis-h{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2)}
.hx-axis-h>b{font-size:var(--fs-h2);font-weight:700;color:var(--gold-500)}
.hx-axis-h small{font-size:var(--fs-caption);color:var(--n-7)}
.hx-axis p{margin:var(--sp-1) 0;font-size:var(--fs-label);color:var(--n-9)}
.hx-axis .seat-progress{margin:var(--sp-3) 0}
.hx-orders{margin:0 var(--pad) var(--card-gap);display:flex;flex-direction:column;gap:var(--sp-3)}
.hx-li-set{display:flex;align-items:center;gap:var(--sp-3)}
.hx-select{margin-left:auto;height:var(--btn-sm);padding:0 var(--sp-3);border-radius:var(--r-sm);border:var(--hair) solid var(--n-5);background:var(--n-1);color:var(--n-10);font-size:var(--fs-label)}

.hx-bars{display:flex;align-items:flex-end;gap:var(--sp-0);height:var(--ic-6);margin-top:var(--sp-3)}
.hx-bar{flex:1 1 0;height:100%;display:flex;align-items:flex-end;position:relative}
.hx-bar i{display:block;width:100%;background:var(--n-6);border-radius:var(--r-2xs) var(--r-2xs) 0 0}
.hx-bar i.up{background:var(--gold-500)}
.hx-bars::before{content:"";position:absolute}
.hx-bars-axis{display:flex;justify-content:space-between;font-size:var(--fs-00);color:var(--n-7);margin-top:var(--sp-1)}
.hx-lookup{display:flex;gap:var(--sp-3)}
.hx-lookup .bind-input{flex:1 1 auto;min-width:0}
.hx-lookup .td-btn{width:auto;margin:0;padding:0 var(--sp-6)}
.hx-lookup-res{margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-input);background:var(--n-3);font-size:var(--fs-label);line-height:var(--lh-snug)}
.hx-lookup-res p{margin:var(--sp-2) 0;color:var(--n-10)}
.hx-files{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-4)}
.hx-files .td-btn{margin:0;text-decoration:none;text-align:center}
.hx-files .disabled{opacity:.5;pointer-events:none}
.hx-recon-res{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-input);background:var(--n-3);font-size:var(--fs-label);color:var(--n-10)}
.hx-recon-res.ok .ti{color:var(--up-500)}
.hx-recon-res.bad .ti{color:var(--down-500)}
.hx-ann{border-top:var(--hair) solid var(--n-5);padding:var(--sp-3) 0}
.hx-ann:first-of-type{border-top:0}
.hx-ann summary{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;list-style:none;font-size:var(--fs-label);color:var(--n-10)}
.hx-ann summary b{flex:1 1 auto;min-width:0;font-weight:600}
.hx-ann summary small{color:var(--n-7)}
.hx-ann p{margin:var(--sp-3) 0 0;font-size:var(--fs-label);color:var(--n-9);line-height:var(--lh-body)}
.hx-pro summary{display:flex;flex-direction:column;gap:var(--sp-1);cursor:pointer;list-style:none}
.hx-pro summary small{font-size:var(--fs-caption);color:var(--n-7)}
.hx-hash-row{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);font-size:var(--fs-caption);color:var(--n-8);flex-wrap:wrap}
.hx-hash-row code{font-family:var(--mono);color:var(--n-9)}
.hx-table{display:flex;flex-direction:column;gap:var(--sp-0);overflow-x:auto}
.hx-tr{display:grid;grid-template-columns:2.6em repeat(7,minmax(4.2em,1fr));gap:var(--sp-2);padding:var(--sp-2) var(--sp-1);font-size:var(--fs-caption);color:var(--n-9);border-radius:var(--r-xs);white-space:nowrap}
.hx-tr.on{background:var(--n-3);color:var(--n-10)}
.hx-tr b{color:var(--gold-500)}
.hx-board{display:flex;flex-direction:column;gap:var(--sp-1)}
.hx-board-h,.hx-board-r{display:grid;grid-template-columns:5.2em repeat(5,minmax(0,1fr));gap:var(--sp-2);padding:var(--sp-2) 0;font-size:var(--fs-caption);white-space:nowrap}
.hx-board-h{color:var(--n-7);border-bottom:var(--hair) solid var(--n-5)}
.hx-board-r{color:var(--n-9)}
.hx-miss3{margin:0;padding:0 0 0 var(--sp-7);font-size:var(--fs-label);line-height:var(--lh-body)}
.hx-moment p{margin:var(--sp-2) 0;font-size:var(--fs-body);color:var(--n-10);line-height:var(--lh-body)}

.hx-replay{align-items:center;justify-content:center;padding:var(--pad)}
.hx-replay-card{width:100%;max-width:480px;max-height:100%;overflow:auto;padding:var(--card-pad);border-radius:var(--r-lg);background:var(--n-2);box-shadow:var(--sh-4);display:flex;flex-direction:column;gap:var(--sp-4)}
.hx-replay-h{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}
.hx-replay-steps{display:flex;gap:var(--sp-1)}
.hx-replay-steps i{flex:1 1 0;height:var(--sp-0);border-radius:var(--r-2xs);background:var(--n-5)}
.hx-replay-steps i.on{background:var(--gold-500)}
.hx-replay-step{display:flex;flex-direction:column;gap:var(--sp-3);min-height:220px}
.hx-replay-step .hx-core{align-self:center}
.hx-replay-step.end{align-items:center;justify-content:center;text-align:center;gap:var(--sp-4)}
.hx-replay-step.end b{font-size:var(--fs-h2);color:var(--n-10)}
.hx-replay-step.end .hx-ic{color:var(--gold-500)}
.hx-order{font-size:var(--fs-h3);color:var(--n-10);margin:var(--sp-5) 0}
.hx-learn{font-size:var(--fs-h3);color:var(--n-10);margin:var(--sp-5) 0}
.hx-legacy-badge{display:flex;justify-content:center;margin:var(--sp-3) 0 var(--sp-5)}

.hx-companion-chip{position:fixed;right:var(--pad);bottom:calc(var(--tabbar-safe) + var(--sp-6));z-index:var(--z-fab);width:var(--btn-lg);height:var(--btn-lg);border-radius:var(--r-pill);background:var(--n-2);border:var(--hair) solid var(--n-6);color:var(--n-10);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-2);cursor:pointer}
.hx-companion-chip .hx-ic{width:var(--ic-4);height:var(--ic-4);transition:color var(--dur-base)}
.hx-companion-chip.speaking .hx-ic,.hx-companion-chip.open .hx-ic{color:var(--core-500)}
.hx-unread{position:absolute;right:calc(0px - var(--sp-1));top:calc(0px - var(--sp-1));min-width:var(--ic-2);height:var(--ic-2);padding:0 var(--sp-1);border-radius:var(--r-pill);background:var(--gold-500);color:var(--n-0);font-style:normal;font-size:var(--fs-0);font-weight:700;line-height:var(--ic-2);text-align:center}
.hx-companion{display:flex;flex-direction:column;max-height:88vh}
.hx-companion .chatwrap{flex:1 1 auto;min-height:200px;max-height:52vh;overflow-y:auto;padding:0 0 var(--sp-3)}
.hx-companion .composer{position:static;padding:var(--sp-3) 0;background:transparent;border:0;backdrop-filter:none}
.hx-companion .quick{padding:0 0 var(--sp-3)}
.hx-msg{margin:0 0 var(--sp-3);padding:var(--sp-4);border-radius:var(--r-input);background:var(--n-3);font-size:var(--fs-label);line-height:var(--lh-body);color:var(--n-9)}
.hx-msg-h{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-1);color:var(--n-10);font-weight:600}
.hx-msg p{margin:0}
.bubble .who .hx-ic{width:var(--ic-2);height:var(--ic-2)}
.bubble.ai{background:var(--n-3)}
.bubble.me{background:var(--gold-700);color:var(--n-10)}

.hx-tab-ring{display:inline-flex;align-items:center;justify-content:center;width:var(--ic-5);height:var(--ic-5);border-radius:var(--r-pill);border:2px solid var(--gold-500);color:var(--gold-500)}
.tab.tab-charge.active .hx-tab-ring{background:var(--gold-500);color:var(--n-0)}
.tab.active{color:var(--gold-500)}
.tab.active i{filter:none}
.tabbar{background:var(--n-1);backdrop-filter:none;-webkit-backdrop-filter:none}

.hx-tug-side b{white-space:nowrap}
.hx-tug-side small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media (max-width:480px){.hx-tug-side small{display:none}}
.hx-replay-h .hx-card-t{white-space:nowrap}

.hx-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"core mid right" "nums nums nums";align-items:center;column-gap:var(--sp-4);row-gap:var(--sp-3);height:auto;min-height:0;flex:0 0 auto;padding:var(--sp-3) var(--pad);overflow:visible}
.hx-status-core{grid-area:core}
.hx-status-mid{grid-area:mid;gap:var(--sp-4);font-size:var(--fs-caption)}
.hx-status-cell b{font-size:var(--fs-caption)}
.hx-status-right{grid-area:right;margin-left:0}
.hx-status-nums{grid-area:nums;flex-basis:auto}
@media (max-width:400px){.hx-status-mid{gap:var(--sp-3)}.hx-status-cell small{display:none}.hx-status-regime{padding:0 var(--sp-2)}}
@media (min-width:1024px){.hx-status{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"core mid nums right";height:var(--status-h-lg);padding:0 var(--sp-9)}.hx-status-nums{display:flex}}

.hx-readouts b{white-space:normal;line-height:var(--lh-snug)}
.hx-readouts small{white-space:normal}
.hx-dial-input{flex-basis:auto;width:7em;margin-top:0;height:var(--btn-sm);font-size:var(--fs-label)}
.hx-charge .sk-head b{white-space:nowrap}
.hx-charge .sk-head{display:flex;flex-direction:column;gap:var(--sp-1)}

@media (min-width:1024px){
  .hx-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr);overflow:hidden}
  .hx-body>main.screen,.hx-body>main{grid-column:1;grid-row:1;height:100%;min-width:0;min-height:0}
}
.hx-tabs{display:flex;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r);background:var(--n-2)}
.hx-tabs .wseg-b{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);height:var(--btn-sm);border-radius:var(--r-sm);font-size:var(--fs-label);font-weight:600;color:var(--n-8);background:transparent;white-space:nowrap;min-width:0;padding:0 var(--sp-2)}
.hx-tabs .wseg-b.on{background:var(--gold-500);color:var(--n-0)}
.hx-tabs .wseg-b.locked{color:var(--n-7)}
.hx-tabs .wseg-b .hx-soon{height:var(--ic-2);padding:0 var(--sp-1);font-size:var(--fs-00)}