:root{--bg:#141219;--card:#201c28;--line:#d9c4ff1c;--text:#f4f0fa;--muted:#aaa2b8;--blue:#b9a0f6;--blue-2:#dacafa}body,.stage{background:#141219}.phone{background:#141219;max-width:1600px}.content{scrollbar-color:#68547c transparent}
.topbar{background:#cbbdf4;color:#25183f;border:0;transition:background .35s,color .35s}.topbar .brand span{color:inherit;opacity:.65}.topbar .chip{min-height:40px;color:#25183f;border:1px solid #25183f22;background:#ffffff33}.topbar .chip.balance{background:#25183f;color:#f3ebff}.topbar.past-hero{background:#19151f;color:#f4eaff}.topbar.past-hero .chip{color:#f4eaff;border-color:#ffffff20}.topbar.past-hero .chip.balance{background:#bba5e8;color:#21162d}
.btc-terminal{border-color:#e0caff22;border-radius:28px;background:radial-gradient(ellipse at 0 0,#73548a25,transparent 55%),#201c28;box-shadow:none}.btc-terminal:before{background:linear-gradient(90deg,transparent,#d4b9fd55,transparent)}.btc-quote strong{font-size:clamp(34px,4vw,54px);letter-spacing:-2px;font-weight:500}.btc-emblem{border-radius:50%;background:#d7c0ff;color:#2d1b42;border:0;box-shadow:none}.btc-coins button{background:#211c2a}.btc-coins button.selected{background:#3d304d}.btc-chart-message{background:#201c28e8}.btc-periods button{min-height:36px}.btc-periods button.active{background:#c4a9f6;color:#241a34}.btc-stats span,.btc-chart-footer{color:#a299b3}
.search{min-height:52px;border-radius:18px;background:#241f2d;border-color:#ffffff12;transition:border-color .25s,box-shadow .25s}.search:focus-within{border-color:#c4a9f6;box-shadow:0 0 0 4px #c4a9f610}.search input{font-size:16px}.gift{background:#c6b3ed;color:#271a3c;border-radius:22px;border:0;padding:22px}.gift span{color:#38244f}.gift b{font-size:25px}.gift em{background:#271a3c;color:#f0e5ff;border-radius:100px;padding:12px 18px}.market-heading{font-size:clamp(27px,4vw,42px);letter-spacing:-1.4px;margin-top:40px}.cats{scrollbar-width:none;padding-bottom:8px}.cats button{min-height:42px;border-radius:100px;padding:0 20px;transition:color .2s,background .2s}.cats button.on{background:#d0bafa;color:#261838}
.card{border-radius:23px;background:#211c2a;border-color:#ffffff0d;padding:21px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s}.card-head h3{font-size:15px}.card-head img,.ph{border-radius:14px;width:46px;height:46px}.btns button{min-height:42px;border-radius:12px;font-size:12px}.yes{background:#b9e7c7;color:#173a29}.no{background:#e8c2c8;color:#542635}.btn{background:#c4a9f6;color:#241936;min-height:48px;border-radius:100px}.stat{background:#221d2b;border-radius:22px}
.tabbar{border-radius:100px;background:#2b2335f5;border-color:#d6baff26;box-shadow:0 12px 40px #0005;transition:opacity .3s,transform .4s}.tabbar button{position:relative;isolation:isolate;border-radius:100px;margin:5px;font-size:11px}.tabbar button:before{content:'';position:absolute;inset:0;background:#cbb4ee;border-radius:100px;z-index:-1;opacity:0;transform:scale(.8);transition:transform .35s,opacity .2s}.tabbar button.on{color:#271b37}.tabbar button.on:before{opacity:1;transform:scale(1)}.tabbar button.on .ico{filter:brightness(.5)}
.sheet{background:#241e2d;border-color:#cfb5f033;border-radius:28px;animation:nc-sheet .4s cubic-bezier(.2,.8,.2,1)}.welcome-card{background:#d1bff0;color:#291d3b;border:0;border-radius:32px;animation:nc-pop .5s cubic-bezier(.2,.8,.2,1)}.welcome-card .desc{color:#514062}.welcome-card .btn{background:#291d3b;color:#f1e9fc}.welcome-close{color:#291d3b}.welcome-card .coin{background:#f6e5b9;color:#533e1e;box-shadow:0 8px 0 #39253d12}.success{animation:nc-pop .45s cubic-bezier(.2,.8,.2,1)}.toast{border:1px solid #d9c0ff33;background:#31273e;animation:nc-toast .25s ease-out}
[data-motion-ready]{opacity:0;translate:0 22px;transition:opacity .65s ease,translate .65s cubic-bezier(.2,.8,.2,1);transition-delay:var(--stagger,0ms)}[data-motion-ready].arrived{opacity:1;translate:0 0}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused [data-motion-ready]{opacity:1;translate:none;transition:none}button:focus-visible,input:focus-visible,.spatial-hero:focus-visible{outline:3px solid #8f6bca;outline-offset:4px}
@keyframes nc-sheet{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes nc-pop{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}@keyframes nc-toast{from{opacity:0;margin-bottom:-8px}to{opacity:1;margin-bottom:0}}
@media(hover:hover){.card:hover{background:#2a2235;border-color:#cfb2f655;transform:translateY(-5px)}.spatial-actions button:hover{transform:translateY(-3px)}.spatial-primary:hover{background:#44305e}.cats button:hover{border-color:#c4a9f677}}
@media(max-width:540px){.topbar{padding-top:calc(12px + env(safe-area-inset-top))}.brand strong{font-size:20px}.brand{gap:8px}.topbar .chip{padding:0 10px;font-size:10px;max-width:100px}.btc-terminal{border-radius:22px}.btc-quote strong{font-size:38px}.gift{padding:18px}.gift b{font-size:23px}.card{padding:18px}.sheet{border-radius:28px 28px 0 0;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.tabbar{bottom:calc(12px + env(safe-area-inset-bottom));height:64px}.content{padding-bottom:calc(115px + env(safe-area-inset-bottom))}.spatial-bottom{bottom:calc(20px + env(safe-area-inset-bottom))}.spatial-actions{bottom:calc(85px + env(safe-area-inset-bottom))}}
.five-minute-section{background:#201c28;border-color:#d9c4ff22;border-radius:24px}.five-card{background:#2b2335;border-color:#d9c4ff18;border-radius:18px}.five-buttons button{min-height:44px;border-radius:12px}.five-live{color:#b9e7c7}.lang-list button{background:#302639;border-radius:14px}.lang-list button.on{background:#c4a9f6;color:#241936}.spatial-hero .scene-switch button{min-width:44px;min-height:44px}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]) *,html:not([data-motion="on"]) *:before,html:not([data-motion="on"]) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html:not([data-motion="on"]) [data-motion-ready]{opacity:1;translate:none}}

/* 2.1 — editorial market surface; scoped below the homepage hero. */
#viewMarkets .btc-terminal{padding:30px 30px 0;margin-bottom:30px;border:1px solid #e4cfff24;background:radial-gradient(ellipse at 95% 0%,#79619614,transparent 50%),linear-gradient(150deg,#25212d,#1c1922 65%);box-shadow:0 18px 60px #09060e25,inset 0 1px 0 #fff5ff06}
#viewMarkets .btc-terminal:before{left:30px;right:30px;background:linear-gradient(90deg,#e9d8bb00,#e9d8bb70,#c9adf840,#c9adf800)}
#viewMarkets .btc-kicker{font-size:10px;letter-spacing:1.6px;color:#c3b7d1}
#viewMarkets .btc-identity h2{font-size:21px;margin-top:7px;letter-spacing:-.65px}
#viewMarkets .btc-identity h2 small{font-size:10px;color:#a199ad;letter-spacing:.6px}
#viewMarkets .btc-emblem{width:52px;height:52px;color:#55452e;background:linear-gradient(135deg,#f5e8cc,#dbbf89);box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 5px #8a683733}
#viewMarkets .btc-status{padding:8px 11px;border-color:#b9e7c720;background:#b9e7c708;color:#b9e7c7}
#viewMarkets .btc-overview{margin:28px 0 24px;gap:24px}
#viewMarkets .btc-quote strong{color:#f5eee5;font-weight:500;line-height:1.15;font-size:clamp(36px,4.2vw,58px);letter-spacing:-2.5px}
#viewMarkets .btc-quote>span{font-size:11px;border-radius:100px;padding:7px 10px;background:#b9e7c712;color:#b9e7c7}
#viewMarkets .btc-quote>span.negative{background:#ecc5cd12;color:#ecc5cd}
#viewMarkets .btc-stats{gap:0;border:1px solid #d9c4ff10;border-radius:14px;padding:13px 0;background:#ffffff02}
#viewMarkets .btc-stats>div{padding:0 19px;gap:7px;min-width:0}
#viewMarkets .btc-stats>div+div{border-inline-start:1px solid #d9c4ff16}
#viewMarkets .btc-stats b{font-size:12px;color:#e1d8e9;font-weight:500}
#viewMarkets .btc-stats span{font-size:10px;color:#aaa1b6}
#viewMarkets .btc-chart-tools{padding-top:17px;border-top-color:#d9c4ff14}
#viewMarkets .btc-chart-type{font-size:11px;color:#c5bacf}
#viewMarkets .btc-periods{gap:3px;padding:3px;background:#14101955;border:1px solid #d9c4ff0c;border-radius:12px}
#viewMarkets .btc-periods button{min-height:36px;min-width:36px;border-radius:8px;color:#b0a6bd}
#viewMarkets .btc-periods button.active{background:#c9b1ee;color:#2f203f;box-shadow:0 2px 8px #0c071222}
#viewMarkets .btc-ohlc{margin-top:16px;color:#a399b0;font-size:10px}
#viewMarkets .btc-ohlc b{font-size:10px;color:#d1c5df}
#viewMarkets .btc-canvas-wrap{margin-top:10px}
#viewMarkets .btc-chart-footer{color:#a69bb4;font-size:10px;margin:10px 0 22px;line-height:1.6}
#viewMarkets .btc-coins{margin-inline:-30px;border-top-color:#d9c4ff18;background:#d9c4ff0c}
#viewMarkets .btc-coins button{position:relative;min-height:58px;padding:16px 24px;background:#201b28;color:#bdb2ca;font-size:12px;transition:background .25s,color .25s}
#viewMarkets .btc-coins button.selected{background:#30263c;color:#f1e6ff}
#viewMarkets .btc-coins button.selected:after{content:'';position:absolute;inset:0 18px auto;height:2px;background:#c7abef;border-radius:0 0 2px 2px}
#viewMarkets .search{padding:0 18px;min-height:56px;background:#201b28;border:1px solid #d9c4ff1c;box-shadow:inset 0 1px 0 #ffffff03}
#viewMarkets .search>span{font-size:24px;color:#c5addf;line-height:1}
#viewMarkets .search input{font-size:15px;line-height:1.5}
#viewMarkets .search input::placeholder{color:#9d91ad;opacity:1}
#viewMarkets .gift{position:relative;isolation:isolate;overflow:hidden;margin-top:16px;padding:24px 26px;background:#e9dfcf;color:#322737;border:1px solid #fffbef88;border-radius:22px;box-shadow:inset 0 1px 0 #fff9}
#viewMarkets .gift:before{content:'';position:absolute;width:200px;height:200px;border:1px solid #77608616;border-radius:50%;right:-55px;top:-110px;z-index:-1;box-shadow:0 0 0 24px #77608605,0 0 0 48px #77608604}
#viewMarkets .gift b{font-size:26px;font-weight:600;letter-spacing:-1px;white-space:nowrap}
#viewMarkets .gift span{font-size:12px;line-height:1.65;color:#615269}
#viewMarkets .gift em{border:1px solid #382a45;background:#382a45;color:#f9f1e7;min-height:42px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500}
#viewMarkets .market-heading{position:relative;margin-top:44px;padding-bottom:18px;border-bottom:1px solid #d9c4ff1a;font-size:clamp(28px,3.4vw,40px);font-weight:500;line-height:1.2;letter-spacing:-1.3px;color:#f2ebe3}
#viewMarkets .cats{gap:8px;margin-top:18px;padding:0 0 12px;scroll-padding-inline:12px}
#viewMarkets .cats button{min-height:44px;padding:0 18px;font-size:12px;font-weight:500;border-color:#d9c4ff1e;color:#b9adc7;background:#ffffff02;white-space:nowrap}
#viewMarkets .cats button.on{color:#2d203d;background:#cdb7ec;border-color:#dcc8f6;box-shadow:inset 0 1px 0 #fff5}
#viewMarkets .source{font-size:10px;color:#a094b0;line-height:1.6;margin:12px 0 20px}
#viewMarkets .feed{gap:18px}
#viewMarkets .feed>.card{padding:22px;border:1px solid #d9c4ff16;border-radius:22px;background:linear-gradient(155deg,#26202f,#211c29);box-shadow:inset 0 1px 0 #ffffff03}
#viewMarkets .feed .card-head{gap:12px;margin-bottom:23px}
#viewMarkets .feed .card-head img,#viewMarkets .feed .ph{width:46px;height:46px;border-radius:13px;border:1px solid #d9c4ff1a}
#viewMarkets .feed .card-head h3{font-size:15px;font-weight:600;line-height:1.55;color:#f0e8f6;letter-spacing:-.2px}
#viewMarkets .feed .card-head p{font-size:10px;line-height:1.6;color:#a99ab8;margin-top:7px}
#viewMarkets .feed .rows{gap:16px}
#viewMarkets .feed .row+.row{border-top:1px solid #d9c4ff10;padding-top:16px}
#viewMarkets .feed .row .label{font-size:12px;color:#c7b9d5;line-height:1.5}
#viewMarkets .feed .row strong{font-size:20px;color:#efe4fc;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
#viewMarkets .feed .btns{gap:8px;margin-top:3px}
#viewMarkets .feed .btns button{min-height:43px;font-size:11px;font-weight:600;border:1px solid #ffffff08}
#viewMarkets .feed .yes{background:#b8dfc3;color:#1b3e2a}
#viewMarkets .feed .no{background:#e4bcc6;color:#502c37}
#viewMarkets .btc-card-badge{padding-bottom:13px;margin-bottom:17px;border-bottom:1px solid #e8d3a71a;color:#e3c692;font-size:11px}
#viewMarkets .btc-card-badge span{color:#b9a6ce;font-size:10px}
#viewMarkets .feed>.btc-featured{border-color:#d6b7f336}
#viewMarkets .five-minute-section{margin:20px 0 20px;padding:25px;background:linear-gradient(145deg,#24202c,#1d1924);border:1px solid #d9c4ff18;border-radius:24px}
#viewMarkets .five-header{align-items:flex-start;gap:18px;margin:0 0 23px}
#viewMarkets .five-eyebrow{font-size:10px;letter-spacing:1.5px;color:#c4aedf}
#viewMarkets .five-header h2{font-size:27px;line-height:1.25;margin:10px 0 11px;letter-spacing:-.7px;color:#f0e8dd;font-weight:500}
#viewMarkets .five-header p{font-size:12px;line-height:1.7;color:#aaa0b7}
#viewMarkets .five-live{font-size:10px;margin-top:3px;padding:7px 9px;border:1px solid #b9e7c718;border-radius:100px;background:#b9e7c705;color:#b9e7c7}
#viewMarkets .five-grid{gap:12px}
#viewMarkets .five-card{padding:18px 17px 10px;border:1px solid #d9c4ff1c;border-radius:16px;background:#2a2333;box-shadow:inset 0 1px 0 #fff4ff03}
#viewMarkets .five-card:first-child{border-color:#e2c28c38}
#viewMarkets .five-card-top{margin-bottom:23px}
#viewMarkets .five-card-top>i{width:30px;height:30px;display:grid;place-items:center;font-size:22px;border-radius:50%;background:#c4a9f60d;color:#c9b1e9}
#viewMarkets .five-card:first-child .five-card-top>i{background:#e4c98f12;color:#e4c98f}
#viewMarkets .five-card-top>b{font-size:12px;letter-spacing:.4px}
#viewMarkets .five-card-top>span{font-size:9px;border:1px solid #d9c4ff14;background:#18121f26;color:#bdafce}
#viewMarkets .five-price-label{font-size:10px;color:#a79bb5}
#viewMarkets .five-card>strong{font-size:25px;letter-spacing:-1px;font-weight:500;margin:8px 0 19px;color:#f3eafc;white-space:nowrap}
#viewMarkets .five-buttons button{background:#b8dfc3;color:#1b3e2a;font-size:11px;min-height:44px;border-radius:10px}
#viewMarkets .five-buttons button+button{background:#e4bcc6;color:#502c37}
#viewMarkets .five-buttons button:disabled{opacity:.45}
#viewMarkets .five-active{font-size:10px;color:#c4aedf;line-height:1.5}
#viewMarkets .five-rules-panel{margin-top:18px;border-top:1px solid #d9c4ff12;padding-top:8px;color:#aca0ba;font-size:11px;line-height:1.8}
#viewMarkets .five-rules-panel summary{min-height:44px;padding-block:10px}
#viewMarkets .five-rules-panel p{color:#b8acc6;line-height:1.8;margin:6px 0 0}
#viewMarkets .empty{padding:45px 24px;border:1px dashed #d9c4ff25;border-radius:22px;color:#c2b4d0;background:#211a290d}
#viewMarkets .empty p{line-height:1.7;font-size:14px}
#viewMarkets .empty .btn{max-width:220px;margin:14px auto 0}
@media(hover:hover){#viewMarkets .feed>.card:hover{background:linear-gradient(155deg,#30263c,#251f2e);border-color:#d4b7f64a;box-shadow:0 12px 28px #07040c20}#viewMarkets .btc-coins button:hover{background:#352b42;color:#f0e4fd}#viewMarkets .cats button:hover{border-color:#d0b7ec66;color:#f0e4fd}#viewMarkets .cats button.on:hover{color:#2d203d}}
@media(max-width:1000px){#viewMarkets .btc-overview{display:block}#viewMarkets .btc-stats{margin-top:20px;width:100%;justify-content:space-between}#viewMarkets .btc-stats>div{flex:1}}
@media(max-width:600px){#viewMarkets .btc-terminal{padding:22px 18px 0;border-radius:24px;margin-bottom:24px}#viewMarkets .btc-terminal:before{left:20px;right:20px}#viewMarkets .btc-emblem{height:44px;width:44px;font-size:28px}#viewMarkets .btc-identity h2{font-size:19px}#viewMarkets .btc-identity h2 small{font-size:9px;margin-inline-start:5px}#viewMarkets .btc-kicker{font-size:9px;letter-spacing:1px}#viewMarkets .btc-status{padding:7px 8px;font-size:9px}#viewMarkets .btc-overview{margin:24px 0 20px}#viewMarkets .btc-quote{gap:10px;flex-wrap:wrap}#viewMarkets .btc-quote strong{font-size:clamp(34px,10.5vw,44px);letter-spacing:-1.8px}#viewMarkets .btc-quote>span{font-size:10px;padding:6px 8px}#viewMarkets .btc-stats{padding:12px 0;margin-top:20px;border-radius:12px}#viewMarkets .btc-stats>div{padding:0 9px;gap:7px}#viewMarkets .btc-stats span{font-size:9px;line-height:1.4}#viewMarkets .btc-stats b{font-size:10px;line-height:1.5;overflow-wrap:anywhere}#viewMarkets .btc-chart-tools{gap:10px;align-items:center}#viewMarkets .btc-chart-type{font-size:10px}#viewMarkets .btc-periods{gap:1px;padding:2px}#viewMarkets .btc-periods button{min-width:28px;min-height:38px;padding:0 6px;font-size:10px}#viewMarkets .btc-ohlc{font-size:9px;gap:5px 8px;margin-top:14px}#viewMarkets .btc-ohlc b{font-size:9px}#viewMarkets .btc-chart-footer{font-size:9px;margin-bottom:18px;gap:6px}#viewMarkets .btc-coins{margin-inline:-18px}#viewMarkets .btc-coins button{padding:14px 11px;gap:6px;font-size:10px;min-height:52px}#viewMarkets .btc-coins button.selected:after{inset-inline:13px}#viewMarkets .search{min-height:54px;border-radius:16px;padding:0 16px}#viewMarkets .search input{font-size:16px}#viewMarkets .gift{padding:20px 18px;gap:6px 14px;border-radius:20px}#viewMarkets .gift b{font-size:25px}#viewMarkets .gift span{font-size:11px;line-height:1.65}#viewMarkets .gift em{font-size:10px;padding:10px 15px;min-height:40px}#viewMarkets .market-heading{font-size:29px;margin-top:34px;padding-bottom:17px;letter-spacing:-1px}#viewMarkets .cats{gap:7px;margin-top:16px;padding-bottom:10px}#viewMarkets .cats button{padding:0 16px;font-size:11px}#viewMarkets .feed{gap:14px}#viewMarkets .feed>.card{padding:20px;border-radius:21px}#viewMarkets .feed .card-head h3{font-size:15px}#viewMarkets .feed .row strong{font-size:21px}#viewMarkets .five-minute-section{padding:20px 14px 12px;border-radius:22px;margin:18px 0}#viewMarkets .five-header{gap:8px;margin-bottom:20px}#viewMarkets .five-header h2{font-size:23px;line-height:1.3;letter-spacing:-.5px}#viewMarkets .five-header p{font-size:11px;line-height:1.7}#viewMarkets .five-eyebrow{font-size:9px;letter-spacing:.8px}#viewMarkets .five-live{font-size:9px;padding:6px;gap:4px}#viewMarkets .five-grid{gap:9px}#viewMarkets .five-card{padding:15px 12px 8px;border-radius:14px}#viewMarkets .five-card-top{gap:6px;margin-bottom:20px}#viewMarkets .five-card-top>i{height:25px;width:25px;font-size:20px}#viewMarkets .five-card-top>b{font-size:11px}#viewMarkets .five-card-top>span{font-size:8px;padding:3px 5px}#viewMarkets .five-card>strong{font-size:clamp(17px,5vw,23px);letter-spacing:-.6px;margin:8px 0 16px}#viewMarkets .five-price-label{font-size:9px}#viewMarkets .five-buttons{gap:5px}#viewMarkets .five-buttons button{font-size:10px;border-radius:9px}#viewMarkets .five-active{font-size:9px}#viewMarkets .five-rules-panel{font-size:10px;margin-top:12px}}
@media(max-width:360px){#viewMarkets .btc-terminal{padding-inline:14px}#viewMarkets .btc-coins{margin-inline:-14px}#viewMarkets .btc-identity h2{font-size:17px}#viewMarkets .btc-identity h2 small{font-size:8px}#viewMarkets .btc-status{font-size:8px;padding:6px}#viewMarkets .btc-stats>div{padding-inline:7px}#viewMarkets .gift{padding:18px 15px;gap:7px 12px}#viewMarkets .gift b{font-size:22px}#viewMarkets .five-header{flex-wrap:wrap}#viewMarkets .five-live{margin-top:0}#viewMarkets .five-minute-section{padding-inline:12px}#viewMarkets .five-card{padding-inline:10px}#viewMarkets .five-card-top{gap:4px}#viewMarkets .five-card-top>span{padding-inline:4px}}