:root{
  --bg:#000;--text:#fff;--sec:rgba(235,235,245,.6);--ter:rgba(235,235,245,.3);--sep:rgba(84,84,88,.55);
  --c1:#1c1c1e;--c2:#2c2c2e;--green:#00d35a;--red:#ff453a;--orange:#ff9f0a;--cyan:#64d2ff;--blue:#0a84ff;--yellow:#ffd60a;--pink:#ff6b9a;
  --display:"SF Pro Display",-apple-system,BlinkMacSystemFont,system-ui,"Helvetica Neue",sans-serif;
  --textf:"SF Pro Text",-apple-system,BlinkMacSystemFont,system-ui,"Helvetica Neue",sans-serif;
  --mono:"SF Mono",ui-monospace,Menlo,monospace;
  --g:16px;--tabh:56px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{background:var(--bg);color:var(--text);font-family:var(--textf);font-size:15px;line-height:1.35;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
body{min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--tabh) + env(safe-area-inset-bottom))}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.num{font-variant-numeric:tabular-nums}
.sec{color:var(--sec)}.ter{color:var(--ter)}.green{color:var(--green)}.red{color:var(--red)}.orange{color:var(--orange)}
.tap{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* error bar */
#errbar{position:sticky;top:0;z-index:20;padding:10px var(--g);background:var(--bg);color:var(--red);font-size:13px;border-bottom:.5px solid var(--sep)}

/* tab bar */
#tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;
  padding:4px env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  background:rgba(22,22,24,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border-top:.5px solid var(--sep)}
#tabs a{flex:1;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ter);font-size:10px;font-weight:500}
#tabs a svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#tabs a.on{color:var(--text)}

/* navbar */
.nav{display:flex;align-items:center;gap:4px;padding:4px calc(var(--g) - 8px);min-height:52px}
.nav .title{flex:1;font-weight:600;font-size:17px;display:flex;align-items:center;min-height:44px}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--c2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}
.icon{width:22px;height:22px;fill:none;stroke:var(--text);stroke-width:1.8;stroke-linecap:round}
.bell{position:relative}.bell i{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--green)}
.back{font-size:17px;color:var(--text)}
.h1{font-family:var(--display);font-size:28px;font-weight:700;padding:4px var(--g) 8px}
.search{margin:0 var(--g) 8px;display:none}.search.on{display:block}
.search input{width:100%;height:44px;border-radius:12px;border:0;background:var(--c1);color:var(--text);padding:0 14px;font:inherit;font-size:16px;outline:none}
.sres a{display:flex;justify-content:space-between;min-height:44px;align-items:center;padding:0 var(--g);border-bottom:.5px solid var(--sep)}

/* balance */
.bal{padding:4px var(--g) 0;display:flex;align-items:center;gap:10px}
.odo{font-family:var(--display);font-size:66px;font-weight:600;letter-spacing:-1.5px;line-height:1;display:inline-flex;overflow:hidden;height:1em}
.odo .d{display:inline-block;height:1em;overflow:hidden;position:relative}
.odo .d span{display:block;height:1em;line-height:1}
.odo .roll{transition:transform 600ms ease-out}
.badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;background:var(--orange);color:#000;font-size:13px;font-weight:600;align-self:center}
.sub{display:flex;align-items:center;gap:10px;padding:8px var(--g) 0}
.mult{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:13px;background:rgba(0,211,90,.16);color:var(--green);font-weight:600;font-size:14px}

/* chart */
.chartbox{position:relative;margin-top:10px}
.chartbox canvas{display:block;width:100%;height:260px}
.chartempty{position:absolute;left:0;right:0;top:50%;text-align:center;color:var(--sec);transform:translateY(12px)}
.ranges{display:flex;justify-content:space-between;padding:6px calc(var(--g) - 4px)}
.ranges button{min-width:44px;min-height:44px;border-radius:14px;font-size:13px;font-weight:600;color:var(--sec)}
.ranges button.on{color:var(--text);background:var(--c1)}

/* sections */
.sect{display:flex;justify-content:space-between;align-items:center;padding:22px var(--g) 10px;font-size:20px;font-weight:700;font-family:var(--display)}
.sect a{font-size:15px;font-weight:400;color:var(--green);font-family:var(--textf);min-height:44px;display:flex;align-items:center}

/* carousel */
.car{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--g);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.car::-webkit-scrollbar{display:none}
.acard{flex:0 0 auto;width:var(--cw);aspect-ratio:504/470;border-radius:var(--cr);background:var(--c1);scroll-snap-align:center;
  padding:20px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.acard .an{display:flex;align-items:center;gap:8px;font-weight:600;font-size:17px}
.acard .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.acard .dot.off{background:var(--ter)}
.acard .big{font-family:var(--display);font-size:34px;font-weight:700;margin-top:6px}
.acard .body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:0}
.acard .foot{color:var(--sec);font-size:14px}
.feed div{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:3px 0;white-space:nowrap}
.feed .k{color:var(--ter);text-decoration:line-through;text-decoration-color:var(--red);overflow:hidden;text-overflow:ellipsis}
.feed .p{color:var(--text)}.feed .r{color:var(--sec);overflow:hidden;text-overflow:ellipsis}
.strips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.strips i{height:10px;border-radius:5px;background:var(--c2)}.strips i.g{background:var(--green)}.strips i.r{background:var(--red)}
.bar{height:8px;border-radius:4px;background:var(--c2);overflow:hidden}.bar i{display:block;height:100%;background:var(--green)}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{font-family:var(--mono);font-size:13px;padding:5px 10px;border-radius:10px;background:var(--c2)}
.pill.r{color:var(--red);background:rgba(255,69,58,.14)}.pill.g{color:var(--green);background:rgba(0,211,90,.14)}
.ring{width:120px;height:120px;align-self:center}

/* rows */
.rows a,.rows .row{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px var(--g);border-bottom:.5px solid var(--sep)}
.rows .ic{width:36px;height:36px;border-radius:50%;background:var(--c2);display:flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 auto}
.rows .tx{flex:1;min-width:0}.rows .t1{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows .t2{color:var(--sec);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows .v{text-align:right;font-size:15px;white-space:nowrap}
.empty{padding:40px var(--g);text-align:center;color:var(--sec)}

/* agents tab */
.fcard{margin:0 var(--g) 12px;background:var(--c1);border-radius:20px;overflow:hidden}
.fcard .hd{display:flex;align-items:center;gap:10px;padding:14px 16px}
.fcard .hd .nm{font-weight:600;font-size:17px;flex:1}
.fcard .dec{font-size:13px}
.fcard .dec a,.fcard .dec div.e{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;min-height:44px;padding:4px 16px;border-top:.5px solid var(--sep)}
.fcard .dec .rs{color:var(--sec);text-align:right;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fcard .ft{display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-top:.5px solid var(--sep);min-height:44px;color:var(--sec);font-size:13px}
.fcard .ft a{color:var(--blue);min-height:44px;display:flex;align-items:center}
.sw{width:51px;height:31px;border-radius:16px;background:var(--c2);position:relative;flex:0 0 auto;opacity:.6}
.sw.on{background:var(--green)}.sw::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;transition:left .2s}
.sw.on::after{left:22px}
.note{padding:6px var(--g) 14px;color:var(--sec);font-size:13px}
.note code,.mono{font-family:var(--mono)}

/* auditor screen */
.discs{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0 8px;position:relative}
.disc{width:220px;height:22px;border-radius:50%;background:var(--c2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#000;transition:background 150ms}
.disc.g{background:var(--green)}.disc.r{background:var(--red)}
.beam{position:absolute;left:50%;width:260px;margin-left:-130px;height:3px;border-radius:2px;background:var(--cyan);top:16px;transition:top 350ms linear;opacity:.9}
.lrows .row{display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center;padding:6px var(--g);border-bottom:.5px solid var(--sep);font-size:14px}
.lrows .row .lv{text-align:right;color:var(--sec);max-width:60%}
.verdict{padding:18px var(--g) 4px;font-family:var(--display);font-size:22px;font-weight:700}
.toggle{display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:0 var(--g);border-bottom:.5px solid var(--sep)}

/* coin */
.chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:13px;background:var(--c1);font-size:13px;font-weight:600}
.price{font-family:var(--display);font-size:44px;font-weight:700;padding:6px var(--g) 0}
.candles canvas{display:block;width:100%;height:280px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--sep);margin:12px var(--g);border-radius:14px;overflow:hidden}
.stats div{background:var(--c1);padding:12px 14px}.stats b{display:block;font-size:17px;margin-top:2px;font-weight:600}
.stats span{color:var(--sec);font-size:13px}
.card{margin:0 var(--g) 12px;background:var(--c1);border-radius:16px;padding:14px 16px}
.card .r2{display:flex;justify-content:space-between;min-height:32px;align-items:center}
.cta{display:flex;align-items:center;justify-content:center;margin:14px var(--g);min-height:52px;border-radius:26px;background:var(--green);color:#000;font-weight:700;font-size:17px}
.cta.red{background:var(--red);color:#fff}
.cta.sec{background:var(--c1);color:var(--text)}
.toast{position:fixed;left:50%;bottom:calc(var(--tabh) + 24px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--c2);padding:10px 16px;border-radius:14px;z-index:40}

/* account */
.group{margin:0 var(--g) 18px;background:var(--c1);border-radius:14px;overflow:hidden}
.group .gt{padding:12px 16px 4px;color:var(--sec);font-size:13px}
.group .it{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 16px;border-top:.5px solid var(--sep)}
.group .it:first-of-type{border-top:0}
.group .it .k{font-size:15px}.group .it .vv{color:var(--sec);text-align:right}
.set{padding:8px 16px;border-top:.5px solid var(--sep)}
.set .top{display:flex;justify-content:space-between;align-items:center;min-height:32px}
.set input[type=range]{width:100%;accent-color:var(--green);height:28px}
.set input[type=number]{width:90px;height:32px;border-radius:8px;border:0;background:var(--c2);color:var(--text);text-align:right;padding:0 8px;font:inherit;font-family:var(--mono)}
input:disabled{opacity:.7}

/* loading */
.sk{background:var(--c1);border-radius:12px;animation:pulse 1.2s ease-in-out infinite alternate}
@keyframes pulse{from{opacity:.5}to{opacity:1}}

@media (prefers-reduced-motion: reduce){
  *{transition:none!important;animation:none!important}
  .sk{opacity:.75}
}

/* owner 2026-11-03 t79u: mobile-first redesign */
html,body{font-size:16px;overflow-x:hidden}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:calc(var(--tabh) + 16px + env(safe-area-inset-bottom))}
#view{max-width:600px;margin:0 auto;overflow-x:hidden}
#tabs a{font-size:11px;min-height:54px}#tabs a.on{color:var(--green)}
.sum{margin:4px var(--g) 8px;padding:18px;border-radius:22px;background:linear-gradient(160deg,#16261c,#121214 60%);border:.5px solid var(--sep)}
.sum-top{display:flex;justify-content:space-between;align-items:center}.sum-l{color:var(--sec);font-size:14px}
.sum-bal{margin:6px 0 14px}.sum .odo{font-size:46px;letter-spacing:-1px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kpis>*{background:rgba(255,255,255,.06);border-radius:14px;padding:10px;min-height:72px;display:flex;flex-direction:column;gap:2px}
.kpis span{color:var(--sec);font-size:12px}.kpis b{font-size:20px;font-weight:700}.kpis i{font-style:normal;color:var(--ter);font-size:12px}
.sum-ft{display:flex;justify-content:space-between;margin-top:12px;color:var(--ter);font-size:12px;gap:8px}
.sect{padding:20px var(--g) 8px}
.pcard{margin:0 var(--g) 12px;background:var(--c1);border-radius:20px;padding:16px}
.ph{display:flex;justify-content:space-between;align-items:center;gap:8px}.pn{font-size:19px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:32px;display:flex;align-items:center}
.pm{display:flex;align-items:baseline;gap:12px;margin:6px 0 10px}.pp{font-family:var(--display);font-size:40px;font-weight:700}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pg div{background:var(--c2);border-radius:12px;padding:8px 10px}.pg span{display:block;color:var(--sec);font-size:12px}.pg b{font-size:15px}
.btn2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.bb{min-height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;text-align:center}
.bb.buy{background:var(--green);color:#000}.bb.sell{background:var(--red);color:#fff}
.ptime{color:var(--ter);font-size:12px;margin-top:10px}
.slist{margin:0 var(--g);background:var(--c1);border-radius:18px;overflow:hidden}
.srow{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 12px 8px 14px;border-top:.5px solid var(--sep)}.srow:first-child{border-top:0}
.stx{flex:1;min-width:0;display:flex;flex-direction:column}.stx b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stx span{color:var(--sec);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sch{font-size:15px;font-weight:600;white-space:nowrap}
.sbuy{min-width:64px;min-height:44px;border-radius:14px;background:var(--green);color:#000;font-weight:700;display:flex;align-items:center;justify-content:center}
.lchips{display:flex;flex-wrap:wrap;gap:8px;padding:0 var(--g)}
.lc{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:17px;font-size:14px;font-weight:600;background:var(--c1)}
.lc.on{background:rgba(0,211,90,.16);color:var(--green)}.lc.pz{background:rgba(255,159,10,.16);color:var(--orange)}.lc.off{color:var(--ter)}
.lcard{margin:0 var(--g) 12px;background:var(--c1);border-radius:20px;padding:16px}
.lh{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:18px;margin-bottom:10px}
.lg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.lg div{background:var(--c2);border-radius:12px;padding:8px}.lg span{display:block;color:var(--sec);font-size:12px}.lg b{font-size:15px}
.chip.red{color:var(--red);background:rgba(255,69,58,.14)}
details summary{min-height:44px;display:flex;align-items:center;color:var(--blue);cursor:pointer;margin-top:6px}
details .card{margin:6px 0 0;background:var(--c2)}
.card .r2{gap:10px}.card .r2>*:last-child{text-align:right;min-width:0;overflow-wrap:anywhere}
.ranges{overflow-x:auto;scrollbar-width:none}.ranges::-webkit-scrollbar{display:none}
.chartbox canvas{height:180px}
.cta{min-height:56px}
#tq{font-size:16px!important;min-height:48px}#tgo{min-height:48px}
#ptr{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%,-80px);background:var(--c2);padding:8px 16px;border-radius:16px;font-size:14px;z-index:50;transition:transform .2s}
#ptr.on{transform:translate(-50%,0)}