/* Grok Bot desk — STEP 8 look. No neon/glow. Motion honors prefers-reduced-motion. */
:root{
  --bg:#000;--card:#1c1c1e;--card2:#2c2c2e;--line:rgba(84,84,88,.65);--txt:#fff;--mut:#8e8e93;
  --green:#00d35a;--iosg:#30d158;--red:#ff453a;--orange:#ff9f0a;--cyan:#64d2ff;--blue:#0a84ff;
  --auditor:#7ee7ff;--analyst:#ffd60a;--executor:#00d35a;--risk:#ff6b9a;
  --safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);
  --ease:cubic-bezier(.2,.7,.2,1);--press:cubic-bezier(.2,.8,.2,1);
}
@font-face{font-family:Inter;src:url("fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/JetBrainsMono-Variable.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{--ui-scale:1;--font-scale:1;font-size:calc(15px * var(--ui-scale));
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  font-feature-settings:"kern" 1,"liga" 1}
html,body{margin:0;background:var(--bg);color:var(--txt);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,system-ui,sans-serif;
  line-height:1.35}
body{max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;
  font-size:calc(1rem * var(--font-scale));
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  font-feature-settings:"kern" 1,"liga" 1}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.press:active,.row:active,.card.press:active,a.fomo:active,.ranges button:active,.seg button:active,.chart-modes button:active{
  transform:scale(.97);opacity:.72}
#nav{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:0.5333rem;
  padding:calc(var(--safe-t) + 0.5333rem) 0.9333rem 0.5333rem;
  background:rgba(0,0,0,.72);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px)}
#nav-avatar{width:2.1333rem;height:2.1333rem;border-radius:0.6667rem;padding:0;flex:none;overflow:hidden;background:#161618}
#nav-avatar svg{display:block;width:2.1333rem;height:32px}
#nav-title{font-weight:700;font-size:calc(1.1333rem * var(--font-scale));letter-spacing:-0.0133rem;display:flex;align-items:center;gap:2px}
#nav-title .chev{color:var(--mut);font-weight:500;font-size:calc(1.2rem * var(--font-scale));transform:translateY(-1px)}
.nav-sp{flex:1}
.nav-ico{width:2.4rem;height:2.4rem;border-radius:0.6667rem;display:grid;place-items:center;color:var(--txt);position:relative}
.nav-ico svg{width:1.4667rem;height:22px}
#bell-dot{position:absolute;top:0.4667rem;right:0.5333rem;width:0.4667rem;height:0.4667rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #000}
#bell-dot[hidden]{display:none}
.pill{font-size:calc(0.7333rem * var(--font-scale));font-weight:700;padding:0.2rem 0.5333rem;border-radius:66.6rem;background:var(--card2);color:var(--mut);letter-spacing:.2px}
.pill.paper{background:rgba(255,159,10,.16);color:var(--orange)}
.pill.live{background:rgba(0,211,90,.16);color:var(--green)}
.pill.red{background:rgba(255,69,58,.16);color:var(--red)}
.pill.green{background:rgba(0,211,90,.16);color:var(--green)}
.pill.mult{background:rgba(0,211,90,.16);color:var(--green);font-size:calc(0.8667rem * var(--font-scale));padding:0.2667rem 0.6rem;letter-spacing:0}
#view{padding:0 1.0667rem calc(5.8667rem + var(--safe-b));min-height:60vh}
#view.swap{animation:viewIn .32s var(--ease)}
@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;
  display:flex;justify-content:space-around;padding:0.4rem 0.2667rem calc(0.4rem + var(--safe-b));
  background:rgba(18,18,20,.62);-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px);
  border-top:.5px solid rgba(255,255,255,.08);z-index:8}
#tabs a{display:flex;flex-direction:column;align-items:center;gap:0.1333rem;font-size:calc(0.6667rem * var(--font-scale));font-weight:500;color:rgba(255,255,255,.38);min-width:4.2667rem;padding:0.2667rem 0;transition:color .2s var(--ease)}
#tabs svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
#tabs a.on{color:var(--txt)}
.hero{padding:4px 0 2px}
.hero .lbl{color:var(--mut);font-size:calc(0.8667rem * var(--font-scale));font-weight:500}
.big,.odo,.num,.stats .val,#term-bar,.trow{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"kern" 1,"liga" 1}
.big,.odo{font-size:calc(2.8rem * var(--font-scale));font-weight:700;letter-spacing:-0.0533rem;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"kern" 1,"liga" 1;line-height:1.05;margin:2px 0 6px}
.odo{display:flex;align-items:baseline;gap:0;overflow:hidden;height:1.1em}
.odo .ch{display:inline-block;overflow:hidden;height:1.1em;position:relative}
.odo .col{display:flex;flex-direction:column;transition:transform .45s var(--ease)}
.odo .col span{height:1.1em;line-height:1.1em}
.chg{font-size:calc(1rem * var(--font-scale));font-weight:600;display:flex;align-items:center;gap:0.5333rem;flex-wrap:wrap}
.up{color:var(--green)}.dn{color:var(--red)}.mut{color:var(--mut)}.or{color:var(--orange)}.bl{color:var(--blue)}
canvas{display:block;width:100%}
.chart-wrap{position:relative}
.chart-tools{display:flex;flex-direction:column;gap:0.4rem;margin:8px 0 16px}
.ranges,.chart-modes{display:flex;background:var(--card2);border-radius:0.6rem;padding:0.1333rem;width:100%}
.ranges button,.chart-modes button{flex:1;font-size:calc(0.8rem * var(--font-scale));font-weight:600;color:var(--mut);padding:0.4rem 0.2667rem;border-radius:0.4667rem;text-align:center;transition:background .2s var(--ease),color .2s var(--ease)}
.ranges button.on,.chart-modes button.on{background:#3a3a3c;color:var(--txt)}
.chart-modes button{font-size:12px}
.sec-hd{display:flex;align-items:baseline;justify-content:space-between;margin:18px 2px 10px}
.sec-hd h2{font-size:calc(1.1333rem * var(--font-scale));font-weight:700;margin:0;letter-spacing:-.2px}
.sec-hd .sub{color:var(--mut);font-weight:500}
.sec-hd a{color:var(--blue);font-size:calc(1rem * var(--font-scale));font-weight:500}
.snap{display:flex;gap:0.8rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  padding:0 0 0.5333rem;margin:0 -1.0667rem;padding-left:1.0667rem;padding-right:2.6667rem;scrollbar-width:none}
.snap::-webkit-scrollbar{display:none}
.ag-card{flex:none;scroll-snap-align:start;width:calc((100vw - 2.1333rem) * .86);max-width:22.2667rem;
  aspect-ratio:504/470;border-radius:calc(42 * (min(22.2667rem, (100vw - 2.1333rem) * .86) / 504));
  background:var(--card);padding:1.0667rem;overflow:hidden;position:relative;
  animation:cardIn .45s var(--ease) both}
.ag-card:nth-child(2){animation-delay:.06s}.ag-card:nth-child(3){animation-delay:.12s}
.ag-card:nth-child(4){animation-delay:.18s}.ag-card:nth-child(5){animation-delay:.24s}
@keyframes cardIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.ag-card .hd{display:flex;align-items:center;gap:0.6667rem;margin-bottom:10px}
.ag-card .name{font-weight:700;font-size:16px}
.ag-card .st{font-size:calc(0.8rem * var(--font-scale));color:var(--mut);font-weight:500}
.ag-card .headline{font-size:calc(1.4667rem * var(--font-scale));font-weight:700;letter-spacing:-0.0267rem;line-height:1.15;margin:8px 0 4px}
.ag-card .sub{font-size:calc(0.8667rem * var(--font-scale));color:var(--mut)}
.ag-card.full{width:100%;max-width:none;aspect-ratio:auto;border-radius:16px}
.ag-card.scanner{--ac:var(--cyan)}.ag-card.auditor{--ac:var(--auditor)}
.ag-card.analyst{--ac:var(--analyst)}.ag-card.executor{--ac:var(--executor)}.ag-card.risk{--ac:var(--risk)}
.ag-card .accent{height:0.2rem;width:2.4rem;border-radius:0.2rem;background:var(--ac);margin-top:auto}
.list{background:var(--card);border-radius:0.9333rem;overflow:hidden}
.row{display:flex;align-items:center;gap:0.8rem;padding:0.8rem 0.9333rem;border-bottom:.5px solid var(--line);min-height:3.7333rem;transition:opacity .15s}
.row:last-child{border-bottom:0}
.row .main{flex:1;min-width:0}
.row .t{font-weight:600;font-size:calc(1.0667rem * var(--font-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .s{font-size:calc(0.8667rem * var(--font-scale));color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .v{font-weight:600;font-variant-numeric:tabular-nums;font-size:calc(0.8rem * var(--font-scale));line-height:1.25;flex:0 0 auto;max-width:7.8em;text-align:right;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.chev{color:var(--mut);font-size:calc(1.3333rem * var(--font-scale));font-weight:300}
.av{width:2.4rem;height:2.4rem;border-radius:0.7333rem;display:grid;place-items:center;flex:none;background:var(--card2)}
.av svg{width:1.8667rem;height:28px}
.empty{padding:1.8667rem 1.2rem;text-align:center;color:var(--mut)}
.empty b{display:block;color:var(--txt);font-size:calc(1.1333rem * var(--font-scale));margin-bottom:6px}
.card{background:var(--card);border-radius:0.9333rem;padding:0.9333rem 1.0667rem;margin:0 0 12px}
h3{font-size:calc(0.8667rem * var(--font-scale));color:var(--mut);text-transform:uppercase;letter-spacing:0.0267rem;margin:1.4667rem 0.2667rem 0.5333rem;font-weight:600}
.logo{width:2.9333rem;height:2.9333rem;border-radius:0.9333rem;background:var(--card2);display:grid;place-items:center;font-weight:700;flex:none}
.coinhd{display:flex;align-items:center;gap:0.8rem;margin:4px 0 8px}
.coinhd .nm{font-size:calc(1.1333rem * var(--font-scale));font-weight:700}
.chip{font-size:calc(0.8rem * var(--font-scale));font-weight:700;padding:0.2rem 0.5333rem;border-radius:66.6rem;background:var(--card2)}
.chip.g{background:rgba(0,211,90,.16);color:var(--green)}.chip.r{background:rgba(255,69,58,.16);color:var(--red)}.chip.n{color:var(--mut)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:0.9333rem;overflow:hidden;margin:14px 0}
.stats>div{background:var(--card);padding:12px 14px}.stats .k{font-size:calc(0.8rem * var(--font-scale));color:var(--mut)}.stats .val{font-weight:700;font-size:16px}
.fomo{display:block;text-align:center;background:var(--blue);color:#fff;font-weight:700;font-size:calc(1.1333rem * var(--font-scale));border-radius:0.9333rem;padding:0.9333rem;margin:16px 0 8px}
.fomo.sell{background:var(--red)}.fomo.sec{background:var(--card2);color:var(--txt)}
.err{background:rgba(255,69,58,.12);border:1px solid rgba(255,69,58,.35);border-radius:0.9333rem;padding:1.0667rem;margin:12px 0}
.err b{display:block;margin-bottom:6px}
.err button{margin-top:0.6667rem;background:var(--red);color:#fff;font-weight:700;border-radius:0.8rem;padding:8px 16px}
.gate{min-height:60vh;display:grid;place-items:center;text-align:center;color:var(--mut);padding:24px}
.gate b{display:block;color:var(--txt);font-size:calc(1.4667rem * var(--font-scale));margin-bottom:8px}
.skel{background:linear-gradient(90deg,var(--card) 0%,var(--card2) 50%,var(--card) 100%);background-size:200% 100%;
  border-radius:0.9333rem;margin:0.5333rem 0;animation:skel 1.2s ease infinite}
@keyframes skel{to{background-position:-200% 0}}
#toast{position:fixed;left:50%;bottom:calc(6.1333rem + var(--safe-b));transform:translateX(-50%) translateY(12px);
  background:#2c2c2e;color:#fff;padding:0.6667rem 1.0667rem;border-radius:0.8rem;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s,transform .2s}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.modal,#sheet{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30;display:grid;place-items:end center;padding:0}
#sheet[hidden],.modal[hidden]{display:none !important;pointer-events:none !important}
.modal .box,#sheet .box{background:#1c1c1e;width:100%;max-width:430px;border-radius:1.0667rem 1.0667rem 0 0;padding:1.2rem 1.0667rem calc(1.0667rem + var(--safe-b));
  animation:sheetIn .28s var(--ease)}
@keyframes sheetIn{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.modal .acts{display:flex;gap:0.5333rem;margin-top:14px}
.modal button{flex:1;padding:0.8rem;border-radius:0.8rem;background:var(--card2);font-weight:600}
.modal button.pri{background:var(--blue);color:#fff}.modal button.dang{background:var(--red);color:#fff}
.field{width:100%;background:var(--card2);border:0;border-radius:0.6667rem;padding:0.6667rem 0.8rem;color:#fff;font:inherit;margin-top:8px}
.set{padding:0.8rem 0.9333rem;border-bottom:.5px solid var(--line)}
.set .top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.set .lab{font-weight:500}.set input[type=number],.set select,.set input.field{background:var(--card2);border:0;border-radius:0.5333rem;color:#fff;padding:0.4rem 0.5333rem;width:5.8667rem;font:inherit;text-align:right}
.set input[type=range]{width:100%;margin-top:8px}
.toggle{position:relative;width:3.2rem;height:30px}
.toggle input{opacity:0;width:0;height:0}
.toggle span{position:absolute;inset:0;background:#39393d;border-radius:999px}
.toggle span:after{content:"";position:absolute;width:1.7333rem;height:1.7333rem;border-radius:50%;background:#fff;top:0.1333rem;left:0.1333rem;transition:transform .2s var(--ease)}
.toggle input:checked+span{background:var(--iosg)}.toggle input:checked+span:after{transform:translateX(18px)}
.strips{display:flex;gap:0.2667rem;margin:10px 0 6px}
.strips i{flex:1;height:0.2667rem;border-radius:0.2667rem;background:#3a3a3c}
.strips i.g{background:var(--green)}.strips i.r{background:var(--red)}.strips i.run{background:var(--cyan)}
.pills{display:flex;gap:0.4rem;margin-top:0.5333rem;flex-wrap:wrap}
.minirows{margin-top:0.5333rem;font-size:13px}.minirows div{padding:3px 0}
.hint{font-size:calc(0.8rem * var(--font-scale));color:var(--mut);margin-top:6px}
.seg{display:flex;background:var(--card2);border-radius:0.6667rem;padding:3px}
.seg button{flex:1;padding:0.5333rem;border-radius:0.5333rem;font-weight:700;color:var(--mut)}
.seg button.on.paper{background:var(--orange);color:#000}
.seg button.on.live{background:var(--green);color:#000}
.disc{display:grid;place-items:center;margin:8px 0}
.tg-note{font-size:calc(0.8rem * var(--font-scale));color:var(--mut);margin-left:auto}
/* ----- agent icons: 3D glossy colored blobs ----- */
.ag-ico{width:2.1333rem;height:2.1333rem;display:block;overflow:visible}
.ag-ico .blob,.ag-ico .body,.ag-ico .eyes{transform-box:fill-box;transform-origin:center}
.ag-ico .eyes{animation:blink 4.8s var(--ease) infinite}
.ag-ico.scanner .blob{animation:bob 2.8s var(--ease) infinite}
.ag-ico.auditor .blob{animation:squish 3.2s var(--ease) infinite}
.ag-ico.analyst .body{animation:spin 14s linear infinite}
.ag-ico.executor .blob{animation:bob 2.6s var(--ease) infinite}
.ag-ico.risk .blob{animation:wobble 3s var(--ease) infinite}
.ag-ico.scanner.working .blob,.ag-ico.executor.working .blob,.ag-ico.risk.working .blob,.ag-ico.auditor.working .blob{animation:bounce .7s var(--ease) infinite}
.ag-ico.analyst.working .blob{animation:bounce .8s var(--ease) infinite}
.ag-ico.analyst.working .body{animation:spin 3.2s linear infinite}
.ag-ico.working .eyes{animation:blink 4.8s var(--ease) infinite, look 1.15s var(--ease) infinite}
@keyframes blink{0%,7%,13%,100%{transform:scaleY(1)}10%{transform:scaleY(.08)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.7px)}}
@keyframes bounce{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-3px) scale(1.05,.95)}55%{transform:translateY(0) scale(.97,1.05)}}
@keyframes squish{0%,100%{transform:scale(1,1)}50%{transform:scale(1.06,.94)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes wobble{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes look{0%,100%{transform:translateX(0)}30%{transform:translateX(-1.7px)}70%{transform:translateX(1.7px)}}

#icons-show{padding-bottom:20px}
#icons-show .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#icons-show .cell{background:var(--card);border-radius:1.0667rem;padding:1.2rem 0.8rem;text-align:center}
#icons-show .cell svg{width:4.8rem;height:4.8rem;margin:0 auto 8px}
#icons-show .cell .nm{font-weight:700}#icons-show .cell .st{font-size:calc(0.8rem * var(--font-scale));color:var(--mut)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  #view.swap{animation:none}
  .skel{animation:none}
}

/* ----- desktop X-like 3-column layout:only >=1024px; 390px layout unchanged ----- */
@media (min-width: 1024px){
  html,body{max-width:none;height:100%;height:100dvh;overflow:hidden}
  #nav,#tabs{display:none !important}
  #view{padding:0;height:100dvh;min-height:0;overflow:hidden}
  #toast{bottom:24px}
  #sheet,.modal{place-items:center}
  #sheet .box,.modal .box{max-width:34.6667rem;border-radius:1.0667rem;padding:18px 16px}
  #term{display:flex;flex-direction:column;height:100dvh;background:#000;color:#fff}
  #x-grid{flex:1;min-height:0;display:grid;grid-template-columns:17.3333rem minmax(0,40rem) minmax(18.6667rem,24rem);
    justify-content:center;max-width:100%;width:100%;margin:0 auto;height:100dvh}
  #x-left{display:flex;flex-direction:column;min-height:0;padding:0.5333rem 0.8rem 0.6667rem;overflow:hidden}
  #x-left .x-logo{display:flex;align-items:center;gap:0.6667rem;padding:0.5333rem 0.5333rem 0.9333rem;flex:none}
  #x-left .x-logo svg{width:2.4rem;height:2.4rem;border-radius:10px}
  #x-left .x-logo b{font-size:calc(1.3333rem * var(--font-scale));font-weight:800;letter-spacing:-.4px}
  #x-nav{display:flex;flex-direction:column;gap:0.1333rem;flex:none}
  #x-nav a{display:flex;align-items:center;gap:1.0667rem;padding:0.8rem 1.0667rem;border-radius:66.6rem;font-size:calc(1.2667rem * var(--font-scale));font-weight:400;color:#e7e9ea}
  #x-nav a svg{width:1.7333rem;height:1.7333rem;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
  #x-nav a:hover{background:#181818}
  #x-nav a.on{font-weight:700;background:#1c1c1e}
  #x-nav a.on svg{stroke-width:2.2}
  #x-left .x-sp{flex:1;min-height:12px}
  #x-left .x-cta{display:block;text-align:center;background:var(--blue);color:#fff;font-weight:700;font-size:calc(1.1333rem * var(--font-scale));
    border-radius:66.6rem;padding:1.0667rem 0.8rem;margin:8px 8px 16px}
  #x-left .x-cta:hover{opacity:.92}
  #x-left .x-prof{display:flex;align-items:center;gap:0.6667rem;padding:0.6667rem 0.6667rem;border-radius:66.6rem;margin-top:auto}
  #x-left .x-prof:hover{background:#181818}
  #x-left .x-prof svg{width:2.6667rem;height:2.6667rem;border-radius:50%;flex:none}
  #x-left .x-prof .nm{font-weight:700;font-size:calc(1rem * var(--font-scale));line-height:1.2}
  #x-left .x-prof .h{font-size:calc(0.8667rem * var(--font-scale));color:var(--mut)}
  #x-center{border-left:1px solid #2f3336;border-right:1px solid #2f3336;display:flex;flex-direction:column;min-width:0;min-height:0;background:#000}
  #x-center .x-hd{flex:none;display:flex;align-items:center;gap:0.6667rem;padding:0.8rem 1.0667rem;border-bottom:1px solid #2f3336;
    font-size:calc(1.3333rem * var(--font-scale));font-weight:800;letter-spacing:-0.02rem;position:sticky;top:0;background:rgba(0,0,0,.75);
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2}
  #x-center .x-hd .sub{margin-left:auto;font-size:calc(0.8667rem * var(--font-scale));font-weight:500;color:var(--mut);display:flex;align-items:center;gap:8px}
  #x-center .x-hd .dot{width:0.4667rem;height:0.4667rem;border-radius:50%;background:var(--red);display:inline-block}
  #x-center .x-hd .dot.on{background:var(--green)}
  #x-center .x-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a3a3c transparent}
  #x-center .hero{padding:8px 16px 4px}
  #x-center .odo,#x-center .big{font-size:40px}
  #x-center canvas#line,#x-center canvas#candles{width:100%}
  #x-center .chart-tools{padding:0 1.0667rem;flex-direction:row;align-items:center;gap:0.6667rem;margin:6px 0 8px}
  #x-center .ranges,#x-center .chart-modes{width:auto;flex:1}
  #x-center .x-pad{padding:0 16px 20px}
  .x-post{display:flex;gap:0.8rem;padding:0.8rem 1.0667rem;border-bottom:1px solid #2f3336;text-align:left;width:100%;color:inherit}
  .x-post:hover{background:#0a0a0a}
  .x-post .ag-ico,.x-post>svg{width:2.6667rem;height:2.6667rem;flex:none;border-radius:12px}
  .x-post .meta{display:flex;align-items:baseline;gap:0.4rem;flex-wrap:wrap}
  .x-post .who{font-weight:700;font-size:15px}
  .x-post .when{color:var(--mut);font-size:calc(0.8667rem * var(--font-scale));font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
  .x-post .body{font-size:calc(1rem * var(--font-scale));line-height:1.45;white-space:pre-wrap;margin-top:2px}
  .x-post .pills{display:flex;flex-wrap:wrap;gap:0.5333rem;margin-top:10px}
  a.fomo-pill{display:inline-block;background:var(--blue);color:#fff;font-weight:700;font-size:calc(0.8667rem * var(--font-scale));
    border-radius:66.6rem;padding:7px 14px}
  a.fomo-pill.sell{background:var(--red)}
  a.fomo-pill.sec{background:var(--card2);color:var(--txt)}
  #x-right{display:flex;flex-direction:column;min-height:0;min-width:0;padding:0.5333rem 1.0667rem 1.6rem;overflow:auto;
    scrollbar-width:thin;scrollbar-color:#3a3a3c transparent}
  .x-search{position:sticky;top:0;z-index:2;background:#000;padding:4px 0 10px}
  .x-search input{width:100%;background:#202327;border:0;border-radius:66.6rem;padding:0.6667rem 1.0667rem;color:#fff;font:inherit}
  .x-search input:focus{outline:1px solid var(--blue);background:#000}
  #x-hits{background:var(--card);border-radius:1.0667rem;margin-bottom:0.8rem;overflow:hidden}
  #x-hits button,#x-hits a{display:flex;width:100%;text-align:left;padding:0.6667rem 0.8rem;gap:8px}
  #x-hits button:hover,#x-hits a:hover{background:#1c1c1e}
  .x-acard{background:#16181c;border-radius:1.0667rem;padding:0.6667rem 0.8rem;margin:0 0 8px}
  .x-acard header{display:flex;align-items:center;gap:0.6667rem;margin-bottom:6px}
  .x-acard header b{font-size:calc(1.0667rem * var(--font-scale));display:block}
  .x-acard header em{font-style:normal;font-size:calc(0.8rem * var(--font-scale));color:var(--mut);font-weight:500}
  .x-acard .ag-ico{width:2.4rem;height:36px}
  .x-acard .count{font-size:calc(0.8667rem * var(--font-scale));color:var(--mut);margin-bottom:8px}
  .x-acard .feed{font:calc(0.8333rem * var(--font-scale))/1.45 ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
    font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:#c8c8cc}
  .x-acard .feed .pick{cursor:pointer;padding:2px 0}
  .x-acard .feed .pick:hover{color:#fff}
  .x-acard .feed .mut{color:#636366}
  .x-trades h3{font-size:calc(1.2667rem * var(--font-scale));font-weight:800;margin:1.0667rem 0 0.6667rem;letter-spacing:-.3px}
  .x-trades h4{font-size:calc(0.8667rem * var(--font-scale));font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:0.0267rem;margin:12px 0 8px}
  .x-trow{display:block;width:100%;text-align:left;background:#16181c;border-radius:0.9333rem;padding:0.6667rem 0.8rem;margin:0 0 0.5333rem;cursor:pointer}
  .x-trow:hover{background:#1c1c1e}
  .x-trow .top{display:flex;justify-content:space-between;align-items:baseline;gap:0.5333rem;font-weight:700}
  .x-trow .det{font:calc(0.8rem * var(--font-scale))/1.45 ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
    font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--mut);margin-top:4px}
  .x-trow .pills{margin-top:8px}
  .x-tot{font:calc(0.8333rem * var(--font-scale))/1.4 ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
    font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--mut);padding:4px 4px 12px}
  #x-center .fomo{max-width:18.6667rem;margin:12px 0 0}
  #x-center .disc{display:flex;justify-content:center;margin:8px 0}
  #x-center .disc canvas{width:min(14.6667rem,100%);max-width:100%;height:auto;display:block}
  #x-center .empty{padding:24px 16px}
  .ag-panel{padding:0.6667rem 0.8rem 0.8rem;border-bottom:1px solid #2f3336}
  .ag-panel header{display:flex;align-items:center;gap:0.5333rem;margin-bottom:6px}
  .ag-panel header b{font-size:calc(1rem * var(--font-scale));display:block}
  .ag-panel header em{font-style:normal;font-size:calc(0.8rem * var(--font-scale));color:var(--mut)}
  .ag-panel .ag-ico{width:2.1333rem;height:32px}
  .ag-panel .ag-head{font-size:calc(1.2rem * var(--font-scale));font-weight:700;letter-spacing:-.2px}
  .ag-panel .ag-sub{font-size:calc(0.8667rem * var(--font-scale));color:var(--mut);margin:1px 0 6px}
  .ag-panel .ag-feed{font:calc(0.8rem * var(--font-scale))/1.45 ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;color:#c8c8cc}
  .trow{display:flex;align-items:baseline;gap:0.5333rem;width:100%;text-align:left;padding:0.5333rem 0.2667rem;border-radius:0.4rem;color:#ddd;background:transparent;border:0;cursor:pointer;
    font:calc(0.8667rem * var(--font-scale))/1.35 ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
  .trow:hover,.trow.on{background:#1c1c1e}
  .trow .tt{color:var(--mut);flex:none;width:3.2em}
  .trow .tn{flex:1;min-width:0;white-space:normal}
  .trow .tv{flex:none;color:#c8c8cc}
  .trow.bought .tv,.trow.sold .tv{color:var(--green)}
  .trow.stopped .tv,.trow.rejected .tv{color:var(--red)}
  /* high display scale: hide right column when effective width < 1024 */
  body.ui-narrow #x-right{display:none}
  body.ui-narrow #x-grid{grid-template-columns:17.3333rem minmax(0,1fr)}
  #x-nav a,#x-left .x-logo b,#x-left .x-prof .nm,#x-left .x-prof .h,
  .x-acard header b,.x-post .who,.x-trow .top>span:first-child,
  .x-hd{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #x-left .x-prof>div,#x-nav a span,.x-acard header>div{min-width:0}
  .x-acard .feed,.x-post .body,.x-trow .det{overflow-wrap:anywhere;word-break:break-word}
  #x-left{min-width:0}
}

/* Display + font scaling (this device only) */
.scale-card{padding:0.2667rem 0 0.2667rem}
.scale-card .lab{font-weight:600;margin:0.2667rem 0 0.2rem}
.scale-card .sub{margin:0 0 0.6667rem}
.scale-card + .scale-card, .scale-block + .scale-block{margin-top:1.2rem;padding-top:1rem;border-top:0.5px solid var(--line)}
.scale-presets{display:flex;flex-wrap:wrap;gap:0.4rem;margin:0 0 0.8rem}
.scale-presets button{background:var(--card2);border-radius:999px;padding:0.4667rem 0.7333rem;font-size:calc(0.8rem * var(--font-scale));font-weight:600;color:var(--mut)}
.scale-presets button.on{background:#3a3a3c;color:var(--txt)}
.scale-slider{display:flex;align-items:center;gap:0.6667rem;margin:0 0 0.5333rem}
.scale-slider input[type=range]{flex:1;accent-color:var(--blue);min-width:0}
.scale-slider output{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-weight:700;min-width:3.6em;text-align:right}
.scale-preview{font-size:calc(0.8667rem * var(--font-scale));color:var(--mut);margin:0 0 0.2667rem;
  padding:0.6667rem 0.8rem;background:var(--card2);border-radius:0.8rem}
#x-center .scale-card{max-width:40rem}

/* mono stack used on desktop also available generally */
.mono{font-family:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}