:root{color-scheme:light;--bg:#f7f9fb;--card:#fff;--ink:#182b3a;--muted:#6d7f8c;--line:#eaf0f4;--brand:#2899d6;--brand-soft:#edf7fd;--positive:#158567;--negative:#cb6372;--glass:rgba(255,255,255,.83);--shadow:0 5px 24px rgba(26,57,78,.035);--radius:24px;--ease:cubic-bezier(.22,.8,.25,1)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;background:#edf2f6;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI Variable","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body{display:flex;justify-content:center}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button,a{transition:background .2s,color .2s,box-shadow .2s,transform .2s var(--ease)}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:3px solid #2899d644;outline-offset:3px}button:disabled{opacity:.45}a{color:inherit;text-decoration:none}svg{display:block}button svg,.setting-icon svg,.account-icon svg,.profile-avatar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}
.app{width:100%;max-width:520px;min-height:100dvh;position:relative;background:var(--bg);padding-bottom:calc(110px + env(safe-area-inset-bottom));overflow:clip}.app.detail-mode{padding-bottom:25px}
.top{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:7px;min-height:76px;padding:12px 20px;background:rgba(247,249,251,.88);backdrop-filter:saturate(160%) blur(24px);-webkit-backdrop-filter:saturate(160%) blur(24px);transition:padding .3s var(--ease),min-height .3s var(--ease),box-shadow .3s;isolation:isolate}.top:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(rgba(247,249,251,.7),transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:18px;font-weight:630;letter-spacing:-.035em}.brand img{display:block;width:35px;height:35px;transition:width .3s,height .3s}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.03em;line-height:1.4;margin-top:1px;color:var(--muted);max-height:20px;transition:opacity .3s,max-height .3s}.spacer{flex:1;min-width:0}.demo{display:flex;align-items:center;gap:5px;color:#8094a3;font-size:10px;white-space:nowrap;margin-right:2px}.demo i{width:4px;height:4px;border-radius:50%;background:#79b5d5}.icon-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#647f91}.icon-button:active{background:var(--brand-soft)}.profile-button{background:rgba(232,239,244,.85)}.profile-button svg{width:18px;height:18px}
.app.is-scrolled .top{min-height:62px;padding-top:8px;padding-bottom:8px;box-shadow:0 1px 0 #dfe7ee66}.app.is-scrolled .brand img{width:31px;height:31px}.app.is-scrolled .brand small{max-height:0;opacity:0}
.content{padding:14px 20px 28px;touch-action:auto}.view{min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:8px 1px 24px;gap:12px}.page-heading h1{margin:0;font-size:33px;font-weight:660;line-height:1.16;letter-spacing:-.055em}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:12px;letter-spacing:.005em}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:29px 1px 15px}.section-head h2{font-size:20px;line-height:1.2;font-weight:630;letter-spacing:-.035em;margin:0}.section-head p{font-size:11px;color:var(--muted);margin:6px 0 0}.text-button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:0 1px 0 8px;background:transparent;border:0;color:var(--brand);font-size:12px;font-weight:530;white-space:nowrap}.text-button svg{width:12px;height:12px;stroke-width:1.9}.fine-print{font-size:10px;line-height:1.75;color:var(--muted);margin:17px 3px 0}.positive{color:var(--positive)}.negative{color:var(--negative)}
.carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel::-webkit-scrollbar{display:none}.carousel.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}@media(hover:hover){.carousel{cursor:grab}.carousel button{cursor:pointer}}.hero-carousel{border-radius:25px;scroll-padding:0}.hero{flex:0 0 100%;scroll-snap-align:start;min-height:248px;position:relative;overflow:hidden;padding:25px 25px 23px;border-radius:25px;box-sizing:border-box;border:1px solid #e5f0f7}.brand-hero{background:radial-gradient(ellipse at 95% 95%,#cceafa 0,transparent 62%),linear-gradient(130deg,#f6fbfe 0,#edf8ff 100%)}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:560;color:#6496b2}.hero h2{position:relative;z-index:1;margin:16px 0 10px;font-size:29px;font-weight:650;line-height:1.22;letter-spacing:-.06em}.hero p{position:relative;z-index:1;margin:0;font-size:12px;line-height:1.7;color:#708fa2}.hero-link{display:flex;align-items:center;gap:11px;position:relative;z-index:2;border:0;background:transparent;color:#2b88b8;min-height:44px;padding:0;margin-top:15px;font-size:12px;font-weight:600}.hero-link svg{width:16px;height:16px}.hero-logo{position:absolute;right:12px;bottom:20px;width:122px;height:122px;opacity:.93;pointer-events:none}.account-hero{background:var(--card);border-color:var(--line)}.hero-number{font-size:37px;line-height:1.2;letter-spacing:-.06em;display:block;margin-top:24px;font-weight:650;font-variant-numeric:tabular-nums}.hero-caption{font-size:12px;color:var(--muted);margin-top:8px}.account-hero .sparkline{position:absolute;width:140px;height:50px;right:22px;bottom:22px}.pulse-hero{background:#f3f8fb}.pulse-hero h2{font-size:21px;margin-bottom:12px}.pulse-price{font-size:31px;line-height:1.2;letter-spacing:-.055em;font-weight:620}.pulse-price small{font-size:12px;font-weight:600;letter-spacing:0}.pulse-hero .sparkline{width:100%;height:51px;margin:4px 0 -4px}.pulse-hero .hero-link{margin-top:3px}.carousel-dots{display:flex;justify-content:center;gap:4px;height:28px;align-items:center;margin:1px 0 0}.carousel-dots button{border:0;background:transparent;width:25px;height:28px;padding:0;display:grid;place-items:center;position:relative}.carousel-dots button:before{content:"";position:absolute;inset:-8px}.carousel-dots i{width:5px;height:5px;border-radius:5px;background:#ccd8e1;transition:width .3s var(--ease),background .3s}.carousel-dots button[aria-pressed=true] i{width:15px;background:#5eb0dc}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 1px 0}.quick button{display:flex;flex-direction:column;align-items:center;gap:9px;min-height:88px;padding:6px 0 0;background:transparent;border:0;font-size:11px;color:#6c8190}.quick button>span{display:grid;place-items:center;width:49px;height:49px;background:#fff;border:1px solid #e9eff4;border-radius:17px;box-shadow:0 3px 8px #25527304;color:#4c90b8}.quick svg{width:22px;height:22px;stroke-width:1.5}
.strategy-track{margin:0 -20px;padding:1px 20px 8px;scroll-padding:20px}.strategy-track .strategy{flex:0 0 88%;scroll-snap-align:start}.strategy{padding:18px 18px 12px;min-width:0}.strategy-top{display:flex;align-items:center;gap:10px}.avatar{width:37px;height:37px;display:grid;place-items:center;flex:0 0 37px;border-radius:12px;background:#e6f3fa;color:#4c92ba;font-size:13px;font-weight:600;letter-spacing:-.04em}.avatar-1{background:#eef0fb;color:#858bbc}.avatar-2{background:#ebf4f0;color:#659d84}.strategy-name{flex:1;min-width:0}.strategy-name strong{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strategy-name small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.favorite{color:#a8b8c3}.favorite svg{width:18px;height:18px}.favorite.selected{color:#58a5d0}.favorite.selected svg{fill:#58a5d012}.performance{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.performance span{display:block;font-size:10px;color:var(--muted)}.performance strong{display:block;font-size:29px;line-height:1.2;font-weight:580;letter-spacing:-.05em;margin-top:5px;font-variant-numeric:tabular-nums}.performance strong small{font-size:17px;margin-left:2px}.strategy-label{border:1px solid #e4edf3;border-radius:7px;padding:4px 7px;font-size:9px!important;align-self:flex-end;margin-bottom:4px}.sparkline{display:block;width:100%;height:48px;margin:8px 0 4px}.spark-line{fill:none;stroke:#62acd2;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.spark-area{fill:#5ab9eb0b}.strategy-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:8px;gap:8px}.secondary-text{font-size:10px;color:var(--muted);padding-left:0}.subscribe{display:flex;justify-content:center;align-items:center;gap:5px;min-width:77px;min-height:38px;padding:0 14px;border:1px solid #dceef9;border-radius:12px;background:#edf7fd;color:#308dc0;font-size:12px;font-weight:600}.subscribe.subscribed{color:#8294a1;background:#f2f5f7;border-color:#e9eff3}.subscribe svg{width:13px;height:13px}.strategy-list{display:grid;gap:13px}
.bottom{position:fixed;z-index:10;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:492px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;min-height:74px;padding:5px 7px;border:1px solid rgba(255,255,255,.9);border-radius:27px;background:var(--glass);box-shadow:0 8px 30px #29496413,0 0 0 1px #d8e4ed66;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}.nav{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:61px;padding:3px 0;border:0;border-radius:20px;background:transparent;color:#8da0ad;font-size:10px;font-weight:500}.navicon{height:25px;display:grid;place-items:center}.navicon svg{width:21px;height:21px;stroke-width:1.65}.nav.active{color:#288dc3;background:rgba(217,237,250,.72);font-weight:600}.nav.active .navicon svg{stroke-width:1.85}
.table{overflow:hidden;padding:0 15px;border-radius:21px}.table-head,.quote-row{display:grid;grid-template-columns:1.32fr 1fr .76fr;align-items:center;gap:7px}.table-head{padding:13px 0 10px;color:#94a3ae;font-size:10px}.table-head span:not(:first-child){text-align:right}.quote-row{width:100%;text-align:left;min-height:73px;padding:11px 0;border:0;border-top:1px solid var(--line);background:transparent}.instrument{display:flex;align-items:center;gap:10px;min-width:0}.coin{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#eef3f7;color:#7b95a6;font-size:11px;font-weight:600;letter-spacing:-.035em}.coin-商品{background:#f5f1e8;color:#aa9564}.coin-数字货币{background:#fbf0e7;color:#bf986a}.instrument strong{display:block;font-size:14px;font-weight:620;letter-spacing:-.035em}.instrument small{display:block;margin-top:4px;color:var(--muted);font-size:11px;white-space:nowrap}.price{text-align:right;font-size:14px;font-weight:570;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.change{text-align:right;justify-self:end;font-size:10px;font-weight:570;border-radius:7px;padding:5px 6px;min-width:56px;font-variant-numeric:tabular-nums}.change.positive{background:#edf7f3}.change.negative{background:#fcf0f2}
.search-field{display:flex;align-items:center;gap:10px;border:1px solid #e8eef3;background:var(--card);border-radius:16px;min-height:48px;padding:0 14px;margin-bottom:19px;color:#95a5b0}.search-field svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round}.search-field input{width:100%;min-width:0;background:transparent;outline:none;border:0;font-size:13px;color:var(--ink);padding:12px 0}.search-field input::placeholder{color:#a0aeba}.segmented{display:flex;gap:3px;background:#eaf0f5;border-radius:13px;padding:4px;margin-bottom:21px}.segmented button{flex:1;min-height:36px;border:0;border-radius:10px;background:transparent;color:#8598a7;font-size:12px;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--card);color:#2d607e;font-weight:600;box-shadow:0 2px 6px #2444630b}.category-tabs{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 -20px;padding:0 20px}.category-tabs button{position:relative;min-height:44px;border:0;padding:0;background:transparent;color:#92a1ad;font-size:12px;white-space:nowrap}.category-tabs button[aria-pressed=true]{color:var(--ink);font-weight:600}.category-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:2px;background:#64b7e4}.list-toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 2px;color:var(--muted);font-size:11px}
.empty-state{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:45px 20px;color:var(--muted);min-height:200px}.empty-state svg{width:28px;height:28px;fill:none;stroke:#bdcbd5;stroke-width:1.4;margin-bottom:13px}.empty-state strong{font-size:14px;font-weight:550;color:#6a8394}.empty-state p{font-size:11px;margin:8px 0 0}
.group{display:flex;align-items:center;gap:12px;padding:16px;border-radius:20px}.group-logo{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;background:#f3f9fd;border-radius:14px}.group-logo img{width:33px;height:33px}.group strong{font-size:13px;font-weight:600}.group p{font-size:10px;color:var(--muted);margin:4px 0 0;display:flex;gap:5px;align-items:center}.group .icon-button{margin-left:auto}.status-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#76bfa1}.messages{display:flex;flex-direction:column;gap:22px;margin:28px 2px}.message{display:flex;align-items:flex-start;gap:10px;max-width:92%}.message>div{min-width:0}.chat-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#e9f0f5;color:#8ca3b2;font-size:11px}.message-meta{display:flex;gap:10px;align-items:center;font-size:10px;color:#8c9eab;margin:0 0 7px 2px}.message-meta time{font-size:9px;color:#b0bdc7}.bubble{font-size:13px;line-height:1.75;background:var(--card);border:1px solid var(--line);border-radius:4px 17px 17px 17px;padding:12px 14px;color:#506b7e;overflow-wrap:anywhere}.message.mine{align-self:flex-end}.message.mine .message-meta{justify-content:flex-end}.message.mine .bubble{border-color:#dcecf7;background:#eaf6fd;border-radius:17px 4px 17px 17px;color:#48728b}.chat{display:flex;align-items:center;gap:9px;position:sticky;bottom:104px;background:rgba(255,255,255,.92);border:1px solid #e6edf3;border-radius:18px;padding:7px 8px 7px 14px;backdrop-filter:blur(15px);box-shadow:0 5px 18px #1a49660a}.chat input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px;min-height:42px}.chat button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:13px;background:#dff1fc;color:#489dc8}.chat button svg{width:18px;height:18px}
.balance{position:relative;overflow:hidden;border:1px solid #dfedf7;border-radius:25px;padding:21px 24px;background:radial-gradient(ellipse at 95% 100%,#d8eefc,transparent 60%),linear-gradient(130deg,#f5fbff,#edf8ff)}.balance-label{display:flex;align-items:center;justify-content:space-between;color:#7893a6;font-size:12px;position:relative;z-index:1}.balance-label .icon-button{width:30px;height:30px;flex-basis:30px;opacity:.7}.balance-label svg{width:17px;height:17px}.balance-number{position:relative;z-index:1;display:block;font-size:40px;line-height:1.2;font-weight:620;letter-spacing:-.055em;margin:13px 0 8px;font-variant-numeric:tabular-nums}.balance>p{position:relative;z-index:1;margin:0;color:#6e8b9e;font-size:12px}.balance-summary{position:relative;z-index:1;display:flex;justify-content:space-between;border-top:1px solid #d7e9f499;margin-top:24px;padding-top:13px;color:#8ba7b9;font-size:10px}.balance-logo{position:absolute;right:-12px;bottom:20px;width:118px;height:118px;opacity:.1}.money-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:21px 15px 0}.money-actions button{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;color:#6b8293;font-size:12px;min-height:76px}.money-actions button>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;border:1px solid #e1ecf4;background:#fff;color:#5a9cc3}.money-actions svg{width:19px;height:19px;stroke-width:1.55}.account,.ledger,.instrument-info{padding:5px 19px 7px}.account-title{display:flex;align-items:center;gap:10px;padding:15px 0 16px}.account-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#eef6fa;color:#7ea4bc}.account-title strong{display:block;font-size:13px;font-weight:570}.account-title small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.connected{margin-left:auto;color:#6eab93;background:#f1f8f5;padding:4px 7px;border-radius:7px;font-size:9px;white-space:nowrap}.asset-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);min-height:49px;font-size:12px;color:#8799a6}.asset-row strong{font-weight:550;color:#446477;font-variant-numeric:tabular-nums}.ledger .asset-row:first-child{border-top:0}
.profile-summary{display:flex;align-items:center;gap:15px;padding:21px;margin-bottom:22px}.profile-avatar{display:grid;place-items:center;width:53px;height:53px;flex:0 0 53px;border-radius:18px;background:#edf6fc;color:#79a9c6}.profile-avatar svg{width:25px;height:25px;stroke-width:1.4}.profile-summary strong{font-size:17px;font-weight:600}.profile-summary p{font-size:10px;color:#91a3b0;margin:7px 0 0}.profile-summary p span{margin-left:6px;color:#78a2be;background:#edf6fc;border-radius:5px;padding:3px 6px}.settings{padding:0 14px;overflow:hidden}.setting{width:100%;min-height:62px;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;text-align:left;gap:11px;font-size:12px}.setting:last-child{border-bottom:0}.setting-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#f0f6fa;color:#7ca2ba}.setting-icon svg{width:17px;height:17px;stroke-width:1.5}.setting small{margin-left:auto;color:#91a3af;font-size:10px}.setting>svg{width:12px;height:12px;color:#b2c1cb}.logout{width:100%;display:flex;gap:9px;align-items:center;justify-content:center;min-height:50px;margin-top:22px;background:var(--card);border:1px solid #eedfe4;border-radius:17px;color:#ba7783;font-size:12px}.logout svg{width:17px;height:17px}
.detail-heading{display:flex;align-items:center;gap:10px;margin:3px 0 26px}.detail-heading>div{flex:1}.detail-heading h1{font-size:17px;font-weight:620;letter-spacing:-.03em;line-height:1.2;margin:0}.detail-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.detail-heading .icon-button:first-child{margin-left:-8px}.detail-value{margin:0 1px 26px}.detail-value>strong{display:block;font-size:40px;font-weight:620;line-height:1.16;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.detail-value>span{display:block;font-size:12px;font-weight:530;margin-top:10px}.detail-value small{color:#94a5b1;font-size:10px;font-weight:400;margin-left:9px}.chart-periods{display:flex;justify-content:space-between;gap:4px;margin-bottom:17px}.chart-periods button{min-height:35px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#96a7b3;font-size:11px;white-space:nowrap}.chart-periods button[aria-pressed=true]{color:#439bc9;background:#e8f5fc;font-weight:600}.chart-wrap{height:249px;position:relative;margin:0 -4px 0 -4px}.chart-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.chart-tooltip{position:absolute;top:0;z-index:1;pointer-events:none;background:var(--card);box-shadow:0 4px 15px #2449681a;border:1px solid var(--line);padding:7px 11px;border-radius:10px;min-width:103px}.chart-tooltip strong{display:block;font-size:12px;letter-spacing:-.03em;font-weight:600}.chart-tooltip span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.ohlc{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:10px;color:#96a8b5;margin:11px 0 24px}.ohlc b{font-weight:500;color:#7290a4;margin-left:4px}.detail-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);margin-bottom:15px}.detail-tabs button{position:relative;min-height:44px;padding:0 1px;border:0;background:transparent;color:#91a3b1;font-size:12px}.detail-tabs button[aria-pressed=true]{color:var(--ink);font-weight:600}.detail-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#67b5df;border-radius:2px}.detail-tabs small{font-size:10px;color:#9db1bf;font-weight:400;margin-left:3px}.position-empty{font-size:11px;color:#a7b7c3;text-align:center;padding:23px 0 30px}.positions{padding:3px 16px;margin-bottom:16px}.position-row{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid var(--line);font-size:12px}.position-row:last-child{border-bottom:0}.position-row small{font-size:10px;color:var(--muted);margin-left:8px}.position-row b{font-weight:550}.trade-ticket{padding:18px;margin-top:12px;border-radius:22px}.lot-label{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:#7290a3}.lot-label small{font-size:10px;color:#98adba}.lot-control{display:flex;align-items:center;justify-content:space-between;border:1px solid #e4edf4;border-radius:13px;margin-top:15px;overflow:hidden}.lot-control button{display:grid;place-items:center;width:48px;height:46px;border:0;background:#f3f7fa;color:#85a6bb}.lot-control button svg{width:16px;height:16px}.lot-control strong{font-size:14px;font-weight:570;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.lot-control small{color:#98aebd;font-size:11px;margin-left:2px;font-weight:400}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.order-actions button{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:50px;padding:0 14px;border:0;border-radius:14px;color:#fff;font-size:12px}.order-actions strong{font-weight:560;font-size:11px;font-variant-numeric:tabular-nums}.order-actions .buy{background:#329b82}.order-actions .sell{background:#d17c88}.trade-ticket .fine-print{text-align:center;font-size:9px;margin-top:13px}
.login{padding:35px 24px 25px;background:var(--card);border:1px solid var(--line);border-radius:28px;margin-top:30px;box-shadow:var(--shadow)}.login-logo{width:74px;height:74px;display:block;margin:0 0 24px}.login .eyebrow{font-size:9px}.login h1{font-size:32px;font-weight:620;letter-spacing:-.055em;margin:12px 0 7px;line-height:1.2}.login-subtitle{font-size:12px;color:var(--muted);margin:0 0 29px}.login form label{display:block;font-size:11px;color:#7e96a8;margin:18px 0 7px}.login input{width:100%;border:1px solid #e5edf3;background:#f7fafc;border-radius:12px;min-height:46px;padding:0 13px;font-size:13px;color:var(--ink)}.login input::placeholder{color:#a6b6c2}.primary{border:0;border-radius:13px;background:var(--brand);color:#fff;font-size:13px;font-weight:560;min-height:46px;padding:0 17px}.submit{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;margin-top:27px}.submit svg{width:17px;height:17px}.login .fine-print{text-align:center;margin-top:18px}
.modal-open{overflow:hidden}.modalback{position:fixed;inset:0;z-index:30;background:rgba(20,40,55,.28);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;animation:veil-in .2s ease}.modal{width:min(100%,400px);background:var(--card);border:1px solid #ffffff88;border-radius:27px;padding:20px;box-shadow:0 25px 70px #16334826;animation:sheet-in .32s var(--ease)}.sheet-handle{display:none;width:34px;height:4px;border-radius:4px;background:#b5c2cc88;margin:0 auto 15px}.modalhead{display:flex;justify-content:space-between;gap:15px;align-items:center}.modalhead h2{margin:0;font-size:18px;font-weight:620;letter-spacing:-.03em}.modalhead .icon-button{background:#f1f6f9;width:32px;height:32px;flex-basis:32px;color:#a1b1bc}.modalhead svg{width:16px;height:16px}.modalbody{font-size:13px;color:#7c95a6;line-height:1.85;margin:20px 0 25px}.modalbody .asset-row strong{color:var(--ink)}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.modal-actions button{min-height:44px;border:0;border-radius:12px;padding:0 16px;background:#eef4f8;color:#6e8ca0;font-size:12px}.modal-actions button.primary{background:var(--brand);color:#fff}.strategy-modal-value{font-size:33px;line-height:1.2;color:#248d70;letter-spacing:-.045em;margin:0 0 20px}.strategy-modal-value small{display:block;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:10px}.toast{position:fixed;z-index:40;left:50%;bottom:calc(104px + env(safe-area-inset-bottom));transform:translate(-50%,10px);opacity:0;pointer-events:none;background:rgba(31,56,75,.93);color:#edf8fe;border:1px solid #ffffff26;backdrop-filter:blur(18px);padding:11px 17px;border-radius:18px;font-size:12px;box-shadow:0 5px 15px #203e5918;transition:opacity .2s,transform .25s var(--ease);max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.spinning svg{animation:spin .55s var(--ease)}
.dark{color-scheme:dark;--bg:#13202a;--card:#1c2c37;--ink:#e5eff5;--muted:#8fa8b9;--line:#2a3d4c;--brand-soft:#233f52;--positive:#77c4aa;--negative:#e09aa5;--glass:rgba(25,44,57,.86);--shadow:0 4px 20px #00000015}.dark body{background:#0d1720}.dark .top{background:rgba(19,32,42,.87)}.dark .top:after{background:linear-gradient(#13202a99,transparent)}.dark .profile-button,.dark .quick button>span,.dark .money-actions button>span{background:#1c3040;border-color:#2b4557}.dark .brand-hero,.dark .balance{background:radial-gradient(ellipse at 95% 100%,#1c4159,transparent 65%),linear-gradient(130deg,#1b303f,#203a4e);border-color:#2d4b60}.dark .hero p,.dark .hero-caption,.dark .balance>p{color:#8eb0c7}.dark .eyebrow{color:#85b2ce}.dark .pulse-hero{background:#1b2d3a;border-color:#2b4355}.dark .nav.active{background:#31516b99;color:#8bceef}.dark .avatar,.dark .coin,.dark .group-logo,.dark .chat-avatar,.dark .profile-avatar,.dark .setting-icon,.dark .account-icon{background:#233e51;color:#9abbd1}.dark .change.positive{background:#1c3b34}.dark .change.negative{background:#3f2b38}.dark .search-field,.dark .chat{background:#1c2c37;border-color:#304959}.dark .segmented{background:#1c3040}.dark .segmented button[aria-pressed=true]{background:#2a4355;color:#b9d6e8}.dark .subscribe{background:#234359;border-color:#315e78;color:#b0d7ed}.dark .subscribe.subscribed{background:#243847;border-color:#304a5c;color:#9bb5c8}.dark .bubble{color:#bbd2df}.dark .message.mine .bubble{background:#24465d;border-color:#365d77;color:#c4e1ef}.dark .balance-summary{border-color:#37526a88}.dark .asset-row strong{color:#bfdae8}.dark .connected{background:#214238;color:#86ba9f}.dark .logout{border-color:#604553;color:#dd9aa5}.dark .chart-periods button[aria-pressed=true]{background:#28485f;color:#b1d7ec}.dark .lot-control{border-color:#35546b}.dark .lot-control button,.dark .login input{background:#203746;border-color:#315064}.dark .modal-actions button,.dark .modalhead .icon-button{background:#2a4355;color:#b0ccdf}.dark .modal-actions button.primary{background:var(--brand);color:#fff}
@keyframes veil-in{from{opacity:0}to{opacity:1}}@keyframes sheet-in{from{opacity:.4;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(hover:hover){.quote-row:hover,.setting:hover{background:#eef6fb55}.icon-button:hover{background:var(--brand-soft)}.subscribe:hover{background:#dceffa}.quick button:hover>span{box-shadow:0 6px 16px #1c54750e;transform:translateY(-1px)}}
@media(min-width:650px){body{padding:24px 0}.app{min-height:calc(100dvh - 48px);border-radius:30px;box-shadow:0 16px 65px #22496512}.bottom{bottom:26px}.toast{bottom:118px}}
@media(max-width:430px){.hero-logo{width:103px;height:103px;right:10px;bottom:19px}.hero h2{font-size:27px}.brand{font-size:16px;gap:7px}.brand img{width:31px;height:31px}.demo{font-size:9px}.top{gap:3px}.icon-button{width:37px;height:37px;flex-basis:37px}.strategy-track .strategy{flex-basis:91%}.table{padding:0 12px}.instrument{gap:7px}.coin{width:27px;height:27px;flex-basis:27px;font-size:10px}.price{font-size:13px}.change{min-width:52px;font-size:9px;padding:5px}.balance-number{font-size:37px}}
@media(max-width:360px){.content{padding-left:16px;padding-right:16px}.top{padding-left:16px;padding-right:16px}.brand small{font-size:9px}.demo{display:none}.hero{padding-left:20px;padding-right:20px}.hero h2{font-size:25px}.hero-logo{width:91px;height:91px;right:9px}.strategy-track{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scroll-padding:16px}.instrument strong{font-size:12px}.instrument small{font-size:10px}.quote-row,.table-head{grid-template-columns:1.28fr 1fr .72fr;gap:5px}.change{min-width:47px}.coin{width:24px;height:24px;flex-basis:24px}.brand img{width:30px;height:30px}.brand{font-size:15px}.detail-value>strong{font-size:35px}.chart-periods button{font-size:10px;padding:0 7px}.category-tabs{gap:15px;padding-left:16px;padding-right:16px}.setting small{font-size:9px}}
@media(max-width:649px){.modalback{align-items:flex-end;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.modal{max-width:500px;border-radius:27px;padding:12px 20px 20px}.sheet-handle{display:block}.modal-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.dark .bottom{border-color:#adc4d626;box-shadow:0 8px 30px #00000026,0 0 0 1px #48677b44}.dark .strategy-label{border-color:#425967}.dark .modal{border-color:#7895a844}
/* Continuous motion: direct manipulation first, spring settling after release. */
.content{position:relative;touch-action:pan-y}
.carousel{position:relative;scroll-snap-type:none;scroll-behavior:auto;touch-action:pan-y}
.category-tabs{position:relative;touch-action:pan-y;scroll-behavior:auto}
.carousel.is-dragging,.content.is-swiping{user-select:none;cursor:grabbing}
.hero,.strategy-track .strategy{transform:translate3d(var(--edge-offset,0px),0,0) scale(calc(.988 + .012*var(--card-focus,1)));transform-origin:center;opacity:calc(.86 + .14*var(--card-focus,1))}
.hero-logo{transform:translate3d(var(--parallax,0px),0,0)}
.hero.is-settling,.carousel.is-settling>.hero,.carousel.is-dragging>.hero,.strategy-track.is-settling>.strategy,.strategy-track.is-dragging>.strategy{will-change:transform,opacity}
.carousel-dots{height:36px;gap:7px;margin:4px 0 0}
.carousel-dots button{width:calc(16px + 42px*var(--focus,0));height:26px;border-radius:20px;background:rgba(72,158,203,calc(.09*var(--focus,0)));display:flex;align-items:center;justify-content:center;overflow:visible;color:#348cbd;transition:none}
.carousel-dots button:before{inset:-8px -3px}
.carousel-dots i,.carousel-dots button[aria-pressed=true] i{position:absolute;width:4px;height:4px;background:#9dbbcd;opacity:calc(1 - var(--focus,0));transition:none}
.carousel-dots button span{font-size:10px;font-weight:600;line-height:1;white-space:nowrap;opacity:var(--focus,0);transform:translateY(calc(3px*(1 - var(--focus,0)))) scale(calc(.9 + .1*var(--focus,0)));pointer-events:none}
.bottom{--nav-count:5;--nav-index:0;--nav-on:#288dc3;--nav-off:#8da0ad;--nav-highlight:rgba(217,237,250,.78)}
.nav-indicator{position:absolute;left:7px;top:5px;bottom:5px;width:calc((100% - 14px)/var(--nav-count));border-radius:20px;background:var(--nav-highlight);transform:translate3d(calc(var(--nav-index)*100%),0,0);pointer-events:none;will-change:transform}
.bottom[data-active=false] .nav-indicator{opacity:0}
.nav{position:relative;z-index:1;color:color-mix(in srgb,var(--nav-on) calc(var(--nav-focus,0)*100%),var(--nav-off));transition:transform .18s}
.nav.active,.dark .nav.active{background:transparent}
.navicon{transform:scale(calc(1 + .045*var(--nav-focus,0)))}
.nav .navicon svg,.nav.active .navicon svg{stroke-width:calc(1.65 + .2*var(--nav-focus,0))}
.view.is-transitioning{position:relative;z-index:7;will-change:transform;background:var(--bg)}
.navigation-ghost{position:fixed;z-index:6;pointer-events:none;margin:0;background:var(--bg);will-change:transform}
.swipe-neighbor{position:absolute;left:20px;background:var(--bg);pointer-events:none;will-change:transform}
.content.is-swiping>.view{will-change:transform;background:var(--bg)}
.dark .bottom{--nav-on:#8bceef;--nav-off:#8da5b7;--nav-highlight:rgba(49,81,107,.67)}
.dark .carousel-dots button{background:rgba(93,166,207,calc(.15*var(--focus,0)));color:#9dceea}
.dark .carousel-dots i{background:#688ea5}
@media(max-width:360px){.swipe-neighbor{left:16px}}
@media(prefers-reduced-motion:reduce){.hero,.strategy-track .strategy{opacity:1;transform:translate3d(var(--edge-offset,0px),0,0)}.hero-logo{transform:none}.navicon{transform:none}}

.nav,.nav.active,.dark .nav.active{color:color-mix(in srgb,var(--nav-on) calc(var(--nav-focus,0)*100%),var(--nav-off))}
.content.is-swiping>.view:not(.swipe-neighbor){position:relative;z-index:2}.swipe-neighbor{z-index:1}