.app-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);padding-top:8px}.app-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:17px 0;color:var(--muted);font:500 .875rem 'DM Mono',monospace;cursor:pointer}.app-tabs button[aria-selected=true]{color:var(--paper);border-color:var(--red)}[hidden]{display:none!important}.app-tabs button:focus-visible,.sm button:focus-visible,.sm input:focus-visible,.sm select:focus-visible,.sm summary:focus-visible{outline:2px solid var(--paper);outline-offset:4px}
.sm{--sm-long:#b9d9c0;--sm-short:#ff7a7e;padding-top:28px}.sm-top,.sm-detail-head,.sm-controls,.sm-label-line{display:flex;align-items:center;justify-content:space-between;gap:16px}.sm-top{margin-bottom:24px;align-items:flex-end}.sm h1{font:400 clamp(2.6rem,5vw,4.3rem)/1 'Libre Caslon Display',Georgia,serif;letter-spacing:-.035em;margin:8px 0}.sm p{color:var(--muted);font-size:.875rem}.sm .eyebrow{font-size:.75rem}.sm-controls{flex-wrap:wrap;justify-content:flex-end}.sm button,.sm select,.sm input{font-size:.875rem}.sm select,.sm input{background:#111;color:var(--paper);border:1px solid #444;padding:11px 12px;border-radius:0}.sm-status{font: .75rem 'DM Mono',monospace;color:var(--muted);max-width:370px}.sm-status[data-state=ok]{color:var(--green)}.sm-status[data-state=error]{color:var(--sm-short)}.sm-status-row{display:flex;gap:14px;align-items:center;justify-content:flex-end;margin-top:10px}.sm-popular{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:20px}.sm-coin{background:linear-gradient(145deg,#191919,#111);border:1px solid var(--line);padding:16px 14px;text-align:left;cursor:pointer;min-width:0;transition:border-color .2s,background .2s}.sm-coin:hover{border-color:#777}.sm-coin[aria-pressed=true]{border-color:var(--red);background:linear-gradient(145deg,#291416,#121212)}.sm-coin strong{font:500 1rem 'DM Mono',monospace}.sm-coin small{display:block;font-size:.75rem;color:var(--muted);margin:6px 0 10px}.sm-mini{display:flex;height:4px;background:#333;overflow:hidden}.sm-mini i:first-child{background:var(--sm-long)}.sm-mini i:last-child{background:var(--red)}.sm-mini i{display:block;transition:width .7s}.sm-card-bottom{display:flex;justify-content:space-between;gap:4px;margin-top:8px;font: .75rem 'DM Mono',monospace}.sm-long{color:var(--sm-long)}.sm-short{color:var(--sm-short)}
.sm-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.sm-browser{padding:18px;position:sticky;top:18px;box-shadow:none}.sm-search-label{display:block;font: .75rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.sm-search{width:100%;min-width:0}.sm-search-meta{font-size:.75rem;color:var(--muted);margin:12px 0}.sm-results{display:flex;flex-direction:column;gap:4px;max-height:580px;overflow:auto}.sm-result{background:transparent;border:1px solid transparent;color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 9px;text-align:left;cursor:pointer}.sm-result:hover{background:#222}.sm-result[aria-pressed=true]{border-color:#555;background:#222}.sm-result small{font-size:.75rem;white-space:nowrap}.sm-empty{padding:20px 4px;font-size:.875rem;color:var(--muted)}.sm-detail{min-width:0}.sm-detail-head{padding:24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.sm-detail-head h2{font:400 2.4rem 'Libre Caslon Display',serif;margin:3px 0}.sm-detail-head p{margin:0}.sm-switch{display:flex;border:1px solid var(--line)}.sm-switch button{padding:10px 14px;background:none;border:0;cursor:pointer;color:var(--muted)}.sm-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.sm-warning{padding:12px 24px;border-bottom:1px solid #5a3030;background:#311719;color:#ffb5b5;font-size:.875rem}.sm-main{padding:24px}.sm-context{font: .75rem 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sm-battle{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0 18px}.sm-side:last-child{text-align:right}.sm-side-label{font:500 .875rem 'DM Mono',monospace;letter-spacing:.1em}.sm-count{display:block;font:500 clamp(2.8rem,5vw,5rem)/1.2 'DM Mono',monospace;letter-spacing:-.065em;margin:6px 0;font-variant-numeric:tabular-nums}.sm-count-note{font-size:.875rem;color:var(--muted)}.sm-balance-track{display:flex;gap:5px;height:16px;background:#222;overflow:hidden}.sm-balance-track div{transition:width .9s cubic-bezier(.22,1,.36,1);min-width:0}.sm-balance-track div:first-child{background:linear-gradient(90deg,#749c7c,var(--sm-long))}.sm-balance-track div:last-child{background:linear-gradient(90deg,#e31b23,#ff7a7e)}.sm-label-line{margin-top:10px;font: .875rem 'DM Mono',monospace}.sm-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:25px 0}.sm-summary>div{padding:18px;background:#111;min-width:0}.sm-summary span{font-size:.75rem;color:var(--muted);display:block}.sm-summary strong{display:block;font:500 clamp(1rem,2vw,1.5rem) 'DM Mono',monospace;margin-top:9px;overflow-wrap:anywhere}.sm-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sm-position{padding:20px;border:1px solid var(--line);border-top:2px solid var(--sm-long);min-width:0;background:#111}.sm-position:last-child{border-top-color:var(--red)}.sm-position h3{margin:0 0 16px;font:500 .875rem 'DM Mono',monospace}.sm-position dl{margin:0}.sm-position dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #252525;align-items:baseline}.sm-position dt{font-size:.875rem;color:var(--muted)}.sm-position dd{margin:0;font:.875rem 'DM Mono',monospace;text-align:right;overflow-wrap:anywhere;min-width:0}.sm-profit{height:5px;background:#292929;margin-top:18px}.sm-profit div{height:100%;background:var(--sm-long);transition:width .8s}.sm-position:last-child .sm-profit div{background:var(--sm-short)}.sm-fine{font-size:.75rem!important;color:var(--muted);line-height:1.7;margin:14px 0 0}.sm-section-title{font-size:1rem;font-weight:500;margin:28px 0 14px}.sm-table-wrap{overflow:auto;border:1px solid var(--line)}.sm table{min-width:600px}.sm th{font-size:.75rem;letter-spacing:.04em}.sm td{font-size:.875rem;font-variant-numeric:tabular-nums}.sm table td:not(:first-child),.sm table th:not(:first-child){text-align:right}.sm-raw{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.sm-raw summary{cursor:pointer;font-size:.875rem;color:var(--muted)}.sm-raw pre{max-height:350px;overflow:auto;background:#0b0b0b;padding:16px;font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere}.sm-flash{animation:sm-change .9s ease-out}@keyframes sm-change{0%{background:#e31b2340}100%{background:transparent}}.sm-chain{margin-top:24px;padding:24px}.sm-chain summary{font:400 1.6rem 'Libre Caslon Display',serif;cursor:pointer}.sm-chain-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:20px 0}.sm-chain table{min-width:900px}.sm-chain a{color:var(--paper);text-decoration:underline}.sm-address{font-family:'DM Mono',monospace;font-size:.75rem}.sm-chain-status{font-size:.875rem;color:var(--muted)}.sm-expand{padding:9px 12px;background:none;border:1px solid #555;color:var(--paper);cursor:pointer}.sm-detail:fullscreen{overflow:auto;background:var(--ink);padding:20px}.sm-detail:fullscreen .sm-main{max-width:1400px;margin:auto}.sm-detail:fullscreen .sm-count{font-size:clamp(4rem,9vw,8rem)}.sm [data-value]{font-variant-numeric:tabular-nums}
@media(max-width:1200px){.sm-popular{grid-template-columns:repeat(4,minmax(0,1fr))}.sm-workspace{grid-template-columns:220px minmax(0,1fr)}.sm-columns{grid-template-columns:1fr}.sm-top{align-items:flex-start}.sm-controls{gap:8px}}
@media(max-width:760px){.sm-top{flex-direction:column}.sm-top>div{width:100%}.sm-controls,.sm-status-row{justify-content:flex-start}.sm-workspace{grid-template-columns:1fr}.sm-browser{position:static}.sm-results{max-height:210px;display:grid;grid-template-columns:1fr 1fr}.sm-popular{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sm-coin{padding:12px 9px}.sm-card-bottom{font-size:.65rem}.sm-detail-head,.sm-main{padding:18px}.sm-summary>div{padding:14px 10px}.sm-count{font-size:clamp(2rem,8vw,4rem)}.sm-columns{grid-template-columns:1fr}.sm-chain{padding:18px}.sm-result{padding:10px 6px}.sm-battle{gap:12px}.sm-top h1{font-size:3rem}.sm-count-note{font-size:.75rem}}
@media(max-width:400px){.sm-popular{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-summary{grid-template-columns:1fr}.sm-detail-head h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.sm *{animation:none!important;transition:none!important}}
.sm-detail-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.sm-live-price{min-width:190px;padding:11px 15px;border:1px solid #394452;border-radius:12px;background:#202834;text-align:right;box-shadow:inset 0 1px #ffffff08}.sm-live-price span,.sm-live-price small{display:block;color:#929cab;font:500 .62rem 'DM Mono',monospace;letter-spacing:.1em}.sm-live-price strong{display:block;color:#f5f7fa;font:600 clamp(1.2rem,2vw,1.8rem) 'DM Mono',monospace;margin:3px 0;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.sm-live-price strong.sm-flash{animation:sm-price-pulse .85s ease-out}@keyframes sm-price-pulse{0%{color:#fff;background:#2bbb9140}100%{color:#f5f7fa;background:transparent}}.sm-detail:fullscreen .sm-live-price{min-width:260px;padding:15px 20px}.sm-detail:fullscreen .sm-live-price strong{font-size:2.4rem}
@media(max-width:600px){.sm-detail-actions{align-items:stretch;justify-content:flex-start;gap:10px}.sm-live-price{text-align:left;min-width:165px}.sm-detail-actions .sm-controls{justify-content:flex-start}}

/* Keep symbol labels from widening the mobile grid. */
.sm-browser,.sm-workspace{min-width:0}.sm-result{min-width:0}.sm-result>span{overflow:hidden;text-overflow:ellipsis}.sm-result small{font-size:.75rem}
@media(max-width:760px){.sm-workspace{grid-template-columns:minmax(0,1fr)}.sm-results{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-result{flex-wrap:wrap;gap:4px}.sm-result small{white-space:normal}.sm-battle{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Mirrored current-position card, matching the supplied Binance reference. */
.sm-reference-card{--buy:#2bbb91;--sell:#f64668;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;background:#262e3a;border:1px solid #333c48;border-radius:28px;padding:32px;margin-top:18px;color:#e9edf3;font-family:Inter,system-ui,sans-serif}
.sm-reference-side{min-width:0}.sm-reference-short{text-align:right}.sm-reference-heading{display:flex;align-items:center;gap:12px;font-size:clamp(1rem,2.3vw,2rem);font-weight:500;white-space:nowrap}.sm-reference-heading strong{font-weight:600}.sm-reference-short .sm-reference-heading{flex-direction:row-reverse}.sm-direction-tag{display:grid;place-items:center;width:46px;height:48px;flex-shrink:0;border-radius:10px;color:var(--buy);background:#2bbb9110;border:1px solid #2bbb9118;font-size:1.55rem}.sm-reference-short .sm-direction-tag{color:var(--sell);background:#f6466810;border-color:#f6466818}.sm-pnl-badge{display:inline-block;padding:7px 13px;border-radius:9px;font-size:clamp(.85rem,1.6vw,1.45rem);margin:28px 0 26px;background:#ffffff08;color:#a5aebc;min-height:40px}.sm-pnl-badge[data-tone=profit]{background:#2bbb9110;color:var(--buy);border:1px solid #2bbb9118}.sm-pnl-badge[data-tone=loss]{background:#f6466810;color:var(--sell);border:1px solid #f6466818}.sm-reference-card dl{margin:0}.sm-reference-card dl>div{margin-bottom:34px}.sm-reference-card dt{color:#929cab;font-size:clamp(.85rem,1.8vw,1.6rem);font-weight:400;margin-bottom:10px}.sm-reference-card dd{margin:0;font-size:clamp(1.05rem,2.15vw,1.95rem);line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:-.02em}.sm-pnl-value[data-tone=profit]{color:var(--buy)}.sm-pnl-value[data-tone=loss]{color:var(--sell)}.sm-estimated{font-size:.7em;border-bottom:1px dotted #929cab;white-space:nowrap}.sm-reference-profit{height:9px;border-radius:8px;background:#303945;overflow:hidden}.sm-reference-profit>div{height:100%;border-radius:8px;background:var(--buy);transition:width .85s cubic-bezier(.22,1,.36,1)}.sm-reference-short .sm-reference-profit>div{margin-left:auto;background:var(--sell)}.sm-reference-profit-label{margin-top:14px;font-size:clamp(1rem,2.05vw,1.9rem);font-variant-numeric:tabular-nums}.sm .sm-estimate-note{font-size:.75rem;line-height:1.65;margin:14px 0 24px}.sm-distribution-title{margin-bottom:12px}.sm-detail:fullscreen .sm-reference-card{padding:38px}.sm-detail:fullscreen .sm-reference-heading{font-size:2.4rem}.sm-detail:fullscreen .sm-reference-card dd{font-size:2.4rem}
@media(max-width:1100px){.sm-reference-card{padding:22px;gap:24px}.sm-reference-heading{white-space:normal;font-size:1.15rem;gap:8px}.sm-direction-tag{width:36px;height:40px;font-size:1.2rem}.sm-reference-card dt{font-size:1rem}.sm-reference-card dd{font-size:1.35rem}.sm-reference-profit-label{font-size:1.15rem}}
@media(max-width:600px){.sm-reference-card{padding:20px 13px;gap:16px;border-radius:20px}.sm-reference-heading{font-size:.92rem;gap:6px;align-items:flex-start}.sm-reference-heading strong{display:block;font-size:1.35rem;line-height:1.2}.sm-direction-tag{width:28px;height:32px;font-size:1rem;border-radius:6px}.sm-reference-card dt{font-size:.8rem;min-height:2.5em}.sm-reference-card dd{font-size:1rem}.sm-pnl-badge{padding:6px 8px;font-size:.8rem;margin:20px 0;min-height:32px}.sm-reference-card dl>div{margin-bottom:26px}.sm-reference-profit-label{font-size:.95rem;line-height:1.4}.sm-reference-profit{height:7px}.sm-main{padding:16px 10px}.sm-reference-card .sm-estimated{font-size:.75rem}}