/* Larpz — styles. Palette and proportions carried over from the original Larpz page. */
:root{--bg:#AB9FF2;--ink:#FFFDF8;--card:#1b1b1d;--card2:#242427;--purple:#AFA4F2;--red:#ff3b5c;--green:#19e55a;--pill-red:#ff0038;--pill-green:#14e65b;--muted:#8b8b8b;--line:#2a2a2e;--warn:#f5b84a}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:var(--bg);overflow:hidden;transition:background-color 1.8s ease-in-out;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}
html.go,html.go body{background:#000}
button{cursor:pointer;font:inherit;color:inherit;background:none;border:0}
button:disabled{opacity:.4;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
a{color:inherit}
code{background:#26262b;padding:1px 5px;border-radius:5px;font-size:.9em}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.muted{color:var(--muted)}.center{text-align:center}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.pad{padding:12px}
.up{color:var(--green)}.down{color:var(--red)}.flat{color:var(--muted)}
.danger-text{color:var(--red)!important}
.spacer{height:130px}

/* loader */
#loader{position:fixed;inset:0;display:grid;place-items:center;z-index:50}
#loader.done{visibility:hidden}
.logo{width:clamp(110px,32vw,170px);height:auto;fill:var(--ink);transform-origin:65.5% 33.2%}
.logo.zoom{transform:scale(160);opacity:0;transition:transform 1.5s cubic-bezier(.7,0,.95,.5),opacity 1.4s ease-in-out}

/* shell */
#topbar{position:fixed;top:0;left:0;right:0;z-index:5;padding:calc(env(safe-area-inset-top,0px) + 14px) max(20px,calc((100% - 430px)/2 + 20px)) 8px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;background:linear-gradient(#000 70%,rgba(0,0,0,0));opacity:0;transition:opacity 1s}
#topbar.show,#bottombar.show{opacity:1}
#topbar::-webkit-scrollbar{display:none}
.avatar{flex:none;width:40px;height:40px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:19px;line-height:1}
.avatar.big{width:72px;height:72px;font-size:36px;margin:0 auto 8px}.avatar.sm{width:32px;height:32px;font-size:16px}
.tab{flex:none;height:40px;padding:0 14px;border-radius:999px;background:var(--card);color:#bdbdbd;font-size:16px;font-weight:500}
.tab.active{background:var(--purple);color:#17151f}
#content{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;opacity:0;transition:opacity 1s;z-index:1;scrollbar-width:none;padding-top:calc(env(safe-area-inset-top,0px) + 62px);overscroll-behavior-y:contain}
#content.show{opacity:1}#content::-webkit-scrollbar{display:none}
.view{max-width:430px;margin:0 auto;padding:6px 20px 0}
#bottombar{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:36px 20px max(env(safe-area-inset-bottom,0px),28px);background:linear-gradient(to bottom,rgba(0,0,0,0),#000 55%);pointer-events:none;opacity:0;transition:opacity 1s}
#bottombar .inner{max-width:430px;margin:0 auto;display:flex;gap:12px;pointer-events:auto}
.search{flex:1;display:flex;align-items:center;gap:12px;height:46px;padding:0 16px;border-radius:999px;background:var(--card);cursor:text}
.search svg{width:19px;height:19px;flex:none;stroke:#9a9a9a}
.search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:16px}
.search input::placeholder{color:#727272}
.plus{flex:none;width:46px;height:46px;border-radius:50%;background:var(--purple);display:grid;place-items:center}
.plus svg{width:20px;height:20px;stroke:#111}
#ptr{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 56px);z-index:6;width:38px;height:38px;border-radius:50%;background:var(--purple);display:grid;place-items:center;transform:translate(-50%,-60px);opacity:0;pointer-events:none;font-size:19px;color:#17151f}
#ptr.ready{background:#fff}#ptr.loading{animation:spin 1s linear infinite}
@keyframes spin{to{rotate:360deg}}

/* home */
.wallet-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.wallet-name{display:inline-flex;align-items:center;gap:6px;color:#a2a2a2;font-size:16px;font-weight:500}
.row-gap{display:flex;gap:6px;align-items:center}
.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px;position:relative}
.icon-btn.sm{width:34px;height:34px;font-size:16px;background:var(--card)}
.icon-btn .dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--red)}
.spin-on{animation:spin .9s linear infinite}
.balance{margin-top:6px;font-size:clamp(34px,11vw,52px);font-weight:600;letter-spacing:-.01em;line-height:1.15;color:#f4f4f4;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}
.change-row{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}
.change.up{color:var(--green)}.change.down{color:var(--red)}
.pill{background:var(--pill-green);color:#062b12;font-size:14px;font-weight:700;line-height:21px;padding:0 8px;border-radius:6px}.pill.neg{background:var(--pill-red);color:#1b0a10}
.status-line{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.upd{font-size:12px;color:var(--muted)}
.src,.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#26262b;color:#c8c8cf;white-space:nowrap}
.src.live{background:#0d3a1b;color:#6df29b}.src.cache{background:#3a3010;color:#f5d36a}.src.sample{background:#3d1f2a;color:#ff8aa6}
.src.manual,.tag.manual{background:#2a2550;color:#c6bcff}.src.onchain{background:#10303a;color:#7fe1ff}
.tag.sim{background:#3a2a10;color:#ffc46a}.tag.warn{background:#3d1f2a;color:#ff8aa6}
.topup-chip{margin-top:10px;font-size:13px;color:#ffc46a;background:#2b2210;border-radius:10px;padding:6px 10px;display:inline-block}
.card{display:flex;align-items:center;gap:11px;background:var(--card);border-radius:20px;padding:0 20px;width:100%;text-align:left}
.card.slim{padding:14px 18px;min-height:54px}
.cash{margin-top:22px;height:68px;cursor:pointer}
.cash-ico{flex:none;width:40px}.cash-name{flex:1;font-size:17px;font-weight:600;color:#f4f4f4}.cash-val{font-size:17px;font-weight:500;color:#ececec}
.section-title{margin:25px 0 14px;display:flex;align-items:center;gap:9px;font-size:22px;font-weight:600;color:#f4f4f4;cursor:pointer}
.section-title.static{cursor:default}.section-title svg{width:14px;height:14px}
.token-list{display:flex;flex-direction:column;gap:9px}
.token{height:65px;cursor:pointer;transition:transform .12s,background .12s}.token:active{transform:scale(.985);background:var(--card2)}
.token.slimrow{height:58px;padding:0 16px}
.token .meta{flex:1;min-width:0}
.tname{font-size:17px;font-weight:600;color:#f4f4f4;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsub{margin-top:2px;font-size:14px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.token .val{text-align:right;flex:none;max-width:48%}
.usd{font-size:17px;font-weight:500;color:#ececec;white-space:nowrap}
.chg{margin-top:2px;font-size:14px;font-weight:500}.chg.up{color:var(--green)}.chg.down{color:var(--red)}.chg.flat{color:var(--muted)}
.slimrow .tname,.slimrow .usd{font-size:16px}
.vbadge{width:16px;height:16px;flex:none}
.ico-wrap{position:relative;display:inline-block;width:40px;height:40px;flex:none}.ico-wrap.sm{width:34px;height:34px}
.ico-wrap .ico,.ico-wrap .ico-img{width:100%;height:100%;display:block}.ico-wrap .ico{overflow:visible}
.ico-img{border-radius:50%;overflow:hidden}.ico-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);display:block}
.ico-fallback{display:grid;place-items:center;width:100%;height:100%;background:#3a3550;border-radius:50%;font-weight:700}
.net-badge{position:absolute;right:-6px;bottom:-5px;min-width:18px;height:18px;padding:0 2px;border-radius:6px;background:#fff;color:#111;border:2px solid #1b1b1d;font-size:7px;font-weight:800;display:grid;place-items:center;letter-spacing:-.4px;overflow:hidden}
.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--card);color:#d8d8dc;font-size:14px;font-weight:600;white-space:nowrap}
.chip.on{background:var(--purple);color:#17151f}.chip.wide{width:100%;justify-content:center;margin-top:12px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-20px;margin-right:-20px;padding:0 20px}.chips.scroll::-webkit-scrollbar{display:none}
.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.coll{background:var(--card);border-radius:16px;overflow:hidden;aspect-ratio:1;position:relative;cursor:pointer;display:flex;flex-direction:column}
.coll img,.coll-ph{flex:1;width:100%;object-fit:cover;display:grid;place-items:center;font-size:24px;color:#666;min-height:0}
.coll span{font-size:12px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,.5)}
.coll-big{width:100%;border-radius:16px;margin-bottom:10px}
.hint{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.4}
.help{color:#a9a9b0;font-size:14px;line-height:1.45;margin:0 0 12px}
.notice{background:#1d1b2b;border:1px solid #34305a;color:#c9c3f5;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.4;margin:6px 0 12px}.notice.strong{background:#2b2210;border-color:#5a4520;color:#ffd48a}
.errbox{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#2a1519;border:1px solid #5a2430;color:#ffb3c0;border-radius:14px;padding:10px 12px;font-size:13px;margin:10px 0}
details.errbox{display:block}details.errbox ul{margin:6px 0 0 18px}
.err-text{color:var(--red);font-size:13px;min-height:18px;margin:6px 0}
.warn-box{background:#2b2210;border:1px solid #5a4520;color:#ffd48a;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.4;margin:12px 0}
.sim-badge{background:#2b2210;border:1px dashed #7a5a20;color:#ffc46a;border-radius:12px;padding:8px 12px;font-size:13px;text-align:center;margin:8px 0 12px;font-weight:600}
.empty{text-align:center;padding:30px 10px;color:var(--muted);display:flex;flex-direction:column;gap:6px;align-items:center}.empty-ghost{font-size:34px;opacity:.7}.empty b{color:#cfcfd4}
.spin{width:24px;height:24px;border:3px solid #333;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite;margin:6px auto}
.upd-line{text-align:center;color:var(--muted);font-size:12px;margin:12px 0}
.link-btn{color:var(--purple);font-size:13px;font-weight:600;padding:6px 0;margin-right:12px}
.search-fake{width:100%;text-align:left;background:var(--card);border-radius:999px;padding:12px 16px;color:#727272;margin:10px 0}
.search-in,input,select,textarea{width:100%;background:var(--card);color:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;font-size:16px;outline:none}
input[type=checkbox]{width:auto}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#999 50%),linear-gradient(135deg,#999 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.mini-in{width:auto;padding:8px 12px;font-size:14px;border-radius:999px;max-width:130px}.mini-in.wide{max-width:none;flex:1;margin-right:8px}
.addr-input{font-family:ui-monospace,Menlo,monospace;font-size:15px;resize:none}
.field{margin:0 0 14px}.field label{display:block;font-size:13px;color:#a9a9b0;margin-bottom:6px;font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}
.primary-btn{display:block;width:100%;height:52px;border-radius:999px;background:var(--purple);color:#17151f;font-size:17px;font-weight:700;margin-top:14px}
.primary-btn.danger{background:var(--red);color:#fff}
.secondary-btn{display:block;width:100%;height:48px;border-radius:999px;background:var(--card2);font-size:16px;font-weight:600;margin-top:10px}
.seg{display:flex;background:var(--card);border-radius:999px;padding:3px;gap:2px;margin:10px 0;overflow-x:auto;scrollbar-width:none}
.seg button{flex:1;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:700;color:#aaa;white-space:nowrap}.seg button.on{background:var(--purple);color:#17151f}
.setting-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.setting-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.switch{appearance:none;-webkit-appearance:none;width:46px;height:28px;border-radius:999px;background:#3a3a40;position:relative;cursor:pointer;flex:none;border:0;padding:0;transition:background .2s}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}
.switch:checked{background:var(--purple)}.switch:checked::after{transform:translateX(18px)}
.group{margin-bottom:14px}.sub{margin:18px 0 8px;font-size:14px;color:#a9a9b0;text-transform:uppercase;letter-spacing:.04em}
.menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 4px;font-size:17px;font-weight:500;text-align:left;border-bottom:1px solid var(--line)}.mi{width:30px;text-align:center;font-size:20px}

/* pages / sheets / overlays */
#overlays{position:fixed;inset:0;z-index:20;pointer-events:none}#overlays>*{pointer-events:auto}
.page{position:fixed;inset:0;background:#000;z-index:21;display:flex;flex-direction:column;animation:pageIn .22s ease-out}
@keyframes pageIn{from{transform:translateX(30px);opacity:0}}
.page-head{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 8px;max-width:430px;width:100%;margin:0 auto}
.page-title{flex:1;font-size:19px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-head .icon-btn:first-child{background:var(--card)}.page-right{min-width:40px;display:flex;justify-content:flex-end}
.page-body{flex:1;overflow-y:auto;padding:6px 20px calc(env(safe-area-inset-bottom,0px) + 30px);max-width:430px;width:100%;margin:0 auto;overscroll-behavior:contain}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;z-index:30;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.sheet{width:100%;max-width:470px;max-height:88vh;overflow-y:auto;background:#141416;border-radius:28px 28px 0 0;padding:18px 20px calc(env(safe-area-inset-bottom,0px) + 22px);animation:sheetUp .26s cubic-bezier(.2,.9,.3,1)}
.sheet.center{border-radius:28px;margin:auto 16px}.modal-backdrop:has(.sheet.center){align-items:center}
@keyframes sheetUp{from{transform:translateY(60px);opacity:.4}}
.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sheet-head h2{font-size:20px}
.close-btn{width:34px;height:34px;border-radius:50%;background:var(--card2);font-size:22px;line-height:1}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:30;animation:fade .2s}
.drawer{position:absolute;left:0;top:0;bottom:0;width:min(320px,86vw);background:#101012;padding:calc(env(safe-area-inset-top,0px) + 24px) 18px 20px;overflow-y:auto;animation:drawerIn .25s ease-out}
@keyframes drawerIn{from{transform:translateX(-100%)}}
.drawer-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.drawer-head small{display:block;color:var(--muted)}.drawer-head .avatar{margin:0}
.drawer-foot{margin-top:20px;color:var(--muted);font-size:12px}
.tray{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tray-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 10px;border-radius:22px;background:var(--card2);font-size:16px;font-weight:600;animation:pop .35s both;animation-delay:calc(var(--i)*55ms)}
.tray-btn:active{transform:scale(.96)}.tray-ic{width:48px;height:48px;border-radius:50%;background:var(--purple);color:#17151f;display:grid;place-items:center;font-size:22px;font-weight:700}
@keyframes pop{from{transform:scale(.8);opacity:0}}
.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 100px);transform:translate(-50%,20px);background:#2d2b44;color:#fff;padding:11px 16px;border-radius:999px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:60;max-width:90vw;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}.toast.err{background:#4a1d27}
.result-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:grid;place-items:center;z-index:50;padding:20px;animation:fade .2s}
.result-card{background:#17171a;border-radius:28px;padding:28px 22px;width:100%;max-width:380px;text-align:center}
.result-card h2{margin:10px 0 6px;font-size:21px}.check{width:76px;height:76px}.check circle{stroke-dasharray:151;stroke-dashoffset:151;animation:dash .6s .1s forwards}.check path{stroke-dasharray:50;stroke-dashoffset:50;animation:dash .4s .55s forwards}
@keyframes dash{to{stroke-dashoffset:0}}
.result-rows{margin:12px 0 4px}.result-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;color:#a9a9b0}.result-row b{color:#fff}

/* detail pages */
.td-top{text-align:center;padding:4px 0 6px}.td-ico{display:flex;justify-content:center;margin-bottom:8px}
.td-price{font-size:40px;font-weight:700;letter-spacing:-.01em}.td-chg{font-size:16px;font-weight:600;margin-top:2px}.td-top .status-line{justify-content:center}
.chart-wrap{position:relative;margin:10px -4px 0}.chart-host{position:relative;height:220px;touch-action:pan-y;user-select:none}.chart-host canvas{display:block;touch-action:pan-y}
.chart-msg{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:13px;padding:0 24px;pointer-events:none}.chart-msg .chip,.chart-msg button{pointer-events:auto;margin-left:6px}
.chart-tip{position:absolute;top:0;background:#26262b;border-radius:10px;padding:6px 10px;font-size:12px;pointer-events:none;z-index:2;white-space:nowrap}.tt-d{color:var(--muted);font-size:11px}.tt-o{line-height:1.5}
.pos-card{display:block;padding:16px 18px;margin:12px 0}.pos-card h3{font-size:16px;margin:0 0 8px}.pos-card h3:not(:first-child){margin-top:14px}
.kv{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #26262a;font-size:15px}.kv:last-of-type{border-bottom:0}.kv>span:first-child{color:#a9a9b0}.kv b{font-weight:600;text-align:right}
.kv-edit{font-weight:600;color:#e9e6ff;text-align:right}
.act-row{display:flex;gap:8px;flex-wrap:wrap}.act-btn{flex:1;min-width:64px;padding:12px 6px;border-radius:16px;background:var(--card2);font-weight:600;font-size:14px}
.about{color:#c8c8cf;font-size:14px;line-height:1.5;margin-bottom:10px}
.flag{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:6px 0;line-height:1.35}.flag span{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.flag.ok span{background:#0d3a1b;color:#6df29b}.flag.warn span{background:#3a3010;color:#f5d36a}.flag.bad span{background:#3d1f2a;color:#ff8aa6}.flag.info span{background:#26262b;color:#c8c8cf}
.chat-log{height:180px;overflow-y:auto;background:#101012;border-radius:12px;padding:10px;font-size:14px}.chat-msg{margin-bottom:6px}.chat-in{display:flex;gap:8px;margin-top:8px}
.detect{padding:10px 14px;border-radius:999px;background:#1b1b1d;font-size:14px;margin:10px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detect.bad{color:#ff8aa6}
.pillnet{background:color-mix(in srgb,var(--nc,#AFA4F2) 70%,#fff 0%);color:#111;font-weight:800;font-size:12px;padding:3px 10px;border-radius:999px}
.list-card{display:block;padding:4px 16px}.mini-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #26262a;cursor:pointer}.mini-row:last-child{border-bottom:0}
.tok-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.tok-head small{display:block;color:var(--muted)}
.acct-list{display:flex;flex-direction:column;gap:9px;margin-bottom:6px}
.acct{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:20px;background:var(--card);border:2px solid transparent;cursor:pointer;transition:border-color .15s,background .15s}.acct.sel{border-color:var(--purple);background:#211f33}
.acct small{display:block;color:var(--muted);font-size:12px}.acct-emoji{font-size:24px;width:36px;height:36px;display:grid;place-items:center;background:#26262b;border-radius:50%;flex:none}.acct-val{font-size:14px;color:#cfcfd4}.check-on{color:var(--purple);font-weight:800}
.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:8px}.emoji{font-size:22px;padding:6px 0;border-radius:12px;background:var(--card)}.emoji.on{background:var(--purple)}

/* flows */
.amt-box{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:18px 0 6px}
.amt-input{background:none!important;border:0!important;font-size:46px!important;font-weight:700;text-align:center;width:100%;min-width:0;padding:0!important;color:#fff}.amt-input.sm{font-size:30px!important;text-align:left}
.amt-sym{font-size:20px;color:var(--muted);font-weight:600}
.pct-row{display:flex;gap:8px;justify-content:center;margin:10px 0}
.rev-amt{font-size:26px;font-weight:700;text-align:center;margin:6px 0 10px}
.swap-card{background:var(--card);border-radius:22px;padding:14px 16px}.swap-line{display:flex;align-items:center;gap:10px;margin:8px 0}.out{color:#e8e8ee;overflow:hidden;text-overflow:ellipsis}
.tok-btn{display:flex;align-items:center;gap:8px;background:var(--card2);border-radius:999px;padding:6px 12px 6px 6px;flex:none;font-weight:700}
.flip{display:block;margin:-10px auto;width:40px;height:40px;border-radius:50%;background:#2a2850;position:relative;z-index:2;font-size:18px;border:3px solid #000}
.qr-box{background:#fff;border-radius:22px;padding:14px;width:min(280px,80%);margin:14px auto}.qr-box svg{width:100%;height:auto;display:block}
.addr-box{word-break:break-all;background:var(--card);border-radius:14px;padding:12px;text-align:center;margin-bottom:10px}
.rcv-ctx{display:flex;align-items:center;gap:8px;justify-content:center;margin:6px 0}
.qr-video{width:100%;border-radius:16px;background:#000;max-height:50vh}
.cash-hero{text-align:center;margin-bottom:10px}
.pm-card{display:block;padding:14px 16px;margin-bottom:9px}.pm-q{font-weight:600;font-size:16px;margin-bottom:10px}.pm-q.big{font-size:19px}
.pm-opts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pm-opt{flex:1;min-width:80px;display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:14px;background:var(--card2);font-weight:600}.pm-opt b{color:var(--purple)}.pm-opt.on{outline:2px solid var(--purple)}
.pm-pos{padding:12px 16px;margin-bottom:8px;align-items:flex-start}.pm-pos .val{text-align:right}
.rank{width:26px;text-align:center;color:var(--muted);font-weight:700}
.tx-ic{width:36px;height:36px;border-radius:50%;background:#26262b;display:grid;place-items:center;flex:none;font-size:16px}.tx-ic.receive,.tx-ic.deposit,.tx-ic.topup{background:#0d3a1b;color:#6df29b}.tx-ic.send{background:#3d1f2a;color:#ff8aa6}.tx-ic.swap,.tx-ic.buy,.tx-ic.sell{background:#2a2550;color:#c6bcff}

/* share card */
.share-frame{background:#b3a6f5;border-radius:30px;padding:12px;margin-bottom:12px}
.share-card{position:relative;background:#000;border-radius:22px;overflow:hidden;min-height:420px}.share-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.share-in{position:relative;padding:18px}.sc-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sc-head b{font-size:20px}
.sc-chart{width:100%;height:84px;display:block;margin:6px 0 14px}.sc-user{display:flex;gap:10px;align-items:center;margin-bottom:6px}.sc-user .muted{font-size:13px}
.sc-pnl{font-size:34px;font-weight:800;line-height:1.1}.sc-pnl small{font-size:15px;margin-left:6px}.sc-pnl.up{color:var(--green)}.sc-pnl.down{color:var(--red)}
.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 8px}.sc-grid span{display:block;font-size:13px}.sc-grid b{font-size:16px}.sc-foot{font-size:11px;color:#9a8fe0;margin-top:10px}

@media (min-width:700px){body{background:#000}.sheet{border-radius:28px;margin-bottom:5vh}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;transition-duration:.01s!important}.logo.zoom{transition-duration:.01s}}

.amt-input:focus,.amt-input:focus-visible{outline:none!important}
.swap-card .chip,.pos-card .chip,.card .chip{background:var(--card2)}
.swap-card{margin-bottom:0}.swap-card+.field,.swap-card ~ .field{margin-top:16px}
#wname{margin-top:14px}.pm-opt span{white-space:nowrap}
#bottombar .inner{max-width:390px}