:root{
      --bg:#0f1115;
      --panel:#20232b;
      --grid:#2b2f38;
      --text:#f5f7fb;
      --green:#50c743;
      --red:#f5684b;
      --blue:#6AFF41;
      --line:#757981;
      --s:min(1vw,.56dvh);
    }

    *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
    html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0f1115;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
    html{background:#0f1115}
    body{background:#0f1115;overscroll-behavior:none}
    button{font:inherit}
    svg{display:block}

    /* Full-screen mobile only. No desktop wrapper, no max-width. */
    .app{
      position:fixed;
      inset:0;
      width:100dvw;
      height:100dvh;
      padding:calc(3 * var(--s)) calc(3.8 * var(--s)) calc(12.4 * var(--s));
      background:var(--bg);
      display:grid;
      grid-template-rows:auto auto minmax(0,1fr) auto auto;
      gap:calc(2 * var(--s));
      overflow:hidden;
    }

    .topbar{display:grid;grid-template-columns:minmax(0,1fr) 23%;gap:calc(2.4 * var(--s))}
    .account,.deposit{height:calc(14.2 * var(--s));border-radius:calc(3.4 * var(--s))}
    .account{border:0;background:var(--panel);color:#fff;padding:0 calc(3 * var(--s));display:flex;align-items:center;justify-content:space-between;min-width:0;text-align:left;cursor:pointer}
    .account-copy{min-width:0}
    .account small{display:block;color:#c1c4cf;font-size:calc(2.85 * var(--s));line-height:1;margin-bottom:calc(.9 * var(--s))}
    .account strong{display:block;font-size:calc(4.25 * var(--s));line-height:1;font-weight:650;white-space:nowrap;letter-spacing:-.02em}
    .account i{width:calc(4.1 * var(--s));height:calc(4.1 * var(--s));stroke-width:2.6;flex:none}
    .deposit{border:0;background:var(--blue);color:#111315;font-size:calc(3.65 * var(--s));font-weight:750}

    .asset-row{display:flex;align-items:center;gap:calc(2.1 * var(--s));min-width:0}
    .active-assets{display:flex;align-items:center;gap:calc(1.7 * var(--s));min-width:0;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
    .active-assets::-webkit-scrollbar{display:none}
    .add-btn{width:calc(11.2 * var(--s));height:calc(11.2 * var(--s));flex:none;border:1px solid #2F6348;border-radius:calc(3.2 * var(--s));background:transparent;color:#fff;display:grid;place-items:center}
    .add-btn i{width:calc(4.9 * var(--s));height:calc(4.9 * var(--s));stroke-width:2.5}
    .asset-chip{height:calc(11.2 * var(--s));max-width:calc(50 * var(--s));border-radius:calc(3.2 * var(--s));background:var(--panel);display:flex;align-items:center;min-width:0;flex:0 0 auto;overflow:hidden}
    .asset-chip.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);background:#292d35}
    .asset{height:100%;max-width:calc(43 * var(--s));padding:0 calc(1.3 * var(--s)) 0 calc(2.5 * var(--s));border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:calc(1.5 * var(--s));font-size:calc(3.35 * var(--s));font-weight:700;white-space:nowrap;min-width:0;flex:1 1 auto}
    .asset>span:last-child{overflow:hidden;text-overflow:ellipsis}
    .asset-chip-close{width:calc(7.2 * var(--s));height:100%;border:0;background:transparent;color:#9da4b8;display:grid;place-items:center;padding:0;flex:none}
    .asset-chip-close i{width:calc(3.8 * var(--s));height:calc(3.8 * var(--s));stroke-width:2.2}
    .asset-chip-close:active{background:rgba(255,255,255,.06);color:#fff}
    .btc{width:calc(4.8 * var(--s));height:calc(4.8 * var(--s));border-radius:50%;background:#f7931a;display:grid;place-items:center;font-size:calc(2.95 * var(--s));font-weight:900;flex:none;line-height:1}.btc img,.asset-mini-icon img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}
    .green{color:var(--green)}

    .chart-wrap{position:relative;min-height:0;overflow:hidden;margin-inline:calc(-3.8 * var(--s));touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
    .chart-promo-card{position:absolute;left:calc(2.2 * var(--s));bottom:calc(7.5 * var(--s));z-index:14;width:64%;min-height:calc(15.8 * var(--s));padding:calc(1.9 * var(--s)) calc(1.7 * var(--s));display:grid;grid-template-columns:calc(8.5 * var(--s)) minmax(0,1fr) auto;align-items:center;gap:calc(1.5 * var(--s));border:1px solid rgba(255,255,255,.1);border-radius:calc(2.8 * var(--s));background:linear-gradient(135deg,rgba(39,46,70,.98),rgba(29,35,56,.98));box-shadow:0 calc(1.2 * var(--s)) calc(3.5 * var(--s)) rgba(0,0,0,.28);pointer-events:auto}
    .chart-promo-card-close{position:absolute;top:2px;right:2px;width:14px;height:14px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#343b57;color:#e2e6ef;display:grid;place-items:center;cursor:pointer;transform:translateY(-28%)}
    .chart-promo-card-close i,.chart-promo-card-close svg{width:10px;height:10px;stroke-width:2.5}.chart-promo-card.dismissed{display:none}
    .chart-promo-logo{width:calc(8.5 * var(--s));height:calc(8.5 * var(--s));border-radius:calc(2.1 * var(--s));overflow:hidden;background:#3b4664;display:grid;place-items:center;color:#fff;font-size:calc(3.6 * var(--s));font-weight:900}.chart-promo-logo img{width:100%;height:100%;object-fit:cover;display:block}
    .chart-promo-copy{min-width:0;line-height:1.15}.chart-promo-copy strong{display:block;font-size:calc(3.25 * var(--s));font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-promo-copy span{display:block;margin-top:calc(.7 * var(--s));color:#aeb6c8;font-size:calc(2.45 * var(--s));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-promo-open{height:calc(7.5 * var(--s));padding:0 calc(2 * var(--s));border:0;border-radius:calc(2 * var(--s));background:#2499ee;color:#fff;font-size:calc(2.75 * var(--s));font-weight:850}
    .chart{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
    .chart-meta{position:absolute;z-index:4;top:calc(1.2 * var(--s));left:0;right:0;height:calc(10 * var(--s));font-size:calc(2.75 * var(--s));color:#c5c8d1;white-space:nowrap;pointer-events:none}
    .chart-meta div{position:absolute;text-align:center;transform:translateX(-50%)}
    .chart-meta strong{display:block;margin-top:calc(1 * var(--s));color:#fff;font-size:calc(4 * var(--s));line-height:1;font-weight:650}
    .right-prices{position:absolute;z-index:3;right:calc(1.6 * var(--s));top:calc(4.8 * var(--s));bottom:calc(5.2 * var(--s));width:calc(17.2 * var(--s));font-size:calc(2.65 * var(--s));color:#777d8e;pointer-events:none}
    .right-prices span{position:absolute;right:0;transform:translateY(-50%);white-space:nowrap}
    .cross-v{position:absolute;left:49.7%;top:0;bottom:calc(4.6 * var(--s));width:1px;background:rgba(255,255,255,.66);z-index:4}
    .expiry-v{position:absolute;top:0;bottom:calc(4.6 * var(--s));width:2px;background:#f4f6fb;z-index:4;opacity:.92;pointer-events:none}
    .expiry-v::after{content:attr(data-time);position:absolute;top:calc(8.5 * var(--s));left:50%;transform:translateX(-50%);padding:calc(.7 * var(--s)) calc(1.4 * var(--s));border-radius:999px;background:#2b2f38;color:#fff;font-size:calc(2.7 * var(--s));font-weight:700;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
    .cross-h{position:absolute;left:0;right:0;top:35.9%;height:1px;background:var(--line);z-index:4}
    .cursor{position:absolute;z-index:5;left:45.6%;top:31.8%;width:calc(8 * var(--s));height:calc(8 * var(--s));border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(106,255,65,.20) 0 32%,rgba(106,255,65,.46) 33% 100%);box-shadow:0 0 calc(5 * var(--s)) rgba(106,255,65,.25)}
    .price-tag{position:absolute;right:0;top:34%;z-index:6;min-width:calc(19 * var(--s));padding:calc(1 * var(--s)) calc(1.7 * var(--s)) calc(1 * var(--s)) calc(2.2 * var(--s));background:#666a72;clip-path:polygon(calc(1.6 * var(--s)) 0,100% 0,100% 100%,calc(1.6 * var(--s)) 100%,0 50%);color:#fff;text-align:right;font-size:calc(3 * var(--s));font-weight:750;line-height:1.2}
    .time-axis{position:absolute;left:0;right:calc(16.2 * var(--s));bottom:0;height:calc(5 * var(--s));font-size:calc(2.7 * var(--s));color:#74798b;pointer-events:none}
    .time-axis span{position:absolute;transform:translateX(-50%);white-space:nowrap}
    .go-live{
      position:absolute;
      right:calc(3.2 * var(--s));
      bottom:calc(7.2 * var(--s));
      z-index:12;
      min-height:calc(8.6 * var(--s));
      padding:0 calc(2.7 * var(--s));
      border:1px solid rgba(255,255,255,.12);
      border-radius:999px;
      background:var(--blue);
      color:#111315;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:calc(1.2 * var(--s));
      font-size:calc(2.95 * var(--s));
      font-weight:800;
      box-shadow:0 calc(1 * var(--s)) calc(3 * var(--s)) rgba(0,0,0,.28);
      opacity:0;
      transform:translateY(calc(1.5 * var(--s))) scale(.96);
      pointer-events:none;
      transition:opacity .16s ease, transform .16s ease;
    }
    .go-live.show{
      opacity:1;
      transform:translateY(0) scale(1);
      pointer-events:auto;
    }
    .go-live i{
      width:calc(4.2 * var(--s));
      height:calc(4.2 * var(--s));
      stroke-width:2.5;
    }

    .controls{display:grid;gap:calc(2.3 * var(--s))}
    .tools{display:flex;justify-content:center;gap:calc(2 * var(--s))}
    .tool{width:calc(12.3 * var(--s));height:calc(12.3 * var(--s));border:0;border-radius:calc(3.4 * var(--s));background:var(--panel);color:#fff;display:grid;place-items:center;font-size:calc(4.4 * var(--s));font-weight:750}
    .tool i{width:calc(5.8 * var(--s));height:calc(5.8 * var(--s));stroke-width:2.25}
    .trade-row{display:grid;grid-template-columns:minmax(0,1fr) calc(12.3 * var(--s)) minmax(0,1fr);gap:calc(2.5 * var(--s))}
    .field,.clockbox{height:calc(13.3 * var(--s));border-radius:calc(3.8 * var(--s));background:var(--panel)}
    .field{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
    .field small{font-size:calc(2.85 * var(--s));margin-bottom:calc(.55 * var(--s));font-weight:700;line-height:1.1}
    .field strong{font-size:calc(4 * var(--s));line-height:1.1;font-weight:750}
    .clockbox{position:relative;display:grid;place-items:center}
    .clockbox i{width:calc(6.1 * var(--s));height:calc(6.1 * var(--s));stroke-width:2.4}
    .history-active-badge{
      position:absolute;
      top:calc(-1.1 * var(--s));
      right:calc(-1.1 * var(--s));
      min-width:calc(5.4 * var(--s));
      height:calc(5.4 * var(--s));
      padding:0 calc(1.25 * var(--s));
      border-radius:999px;
      background:var(--blue);
      color:#111315;
      display:none;
      place-items:center;
      font-size:calc(2.75 * var(--s));
      line-height:1;
      font-weight:900;
      box-shadow:0 0 0 calc(.65 * var(--s)) var(--bg),0 calc(.6 * var(--s)) calc(1.5 * var(--s)) rgba(0,0,0,.32);
    }
    .history-active-badge.show{display:grid}
    .action-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(2.5 * var(--s))}
    .action{height:calc(13.3 * var(--s));border:0;border-radius:calc(4 * var(--s));color:#fff;display:flex;align-items:center;justify-content:center;gap:calc(2 * var(--s));font-size:calc(3.85 * var(--s));font-weight:750}
    .action{font-size:calc(4.4 * var(--s));font-weight:800;letter-spacing:.02em}
    .action i{width:calc(5 * var(--s));height:calc(5 * var(--s));stroke-width:2.6}
    .up{background:var(--green)}.down{background:var(--red)}

    .bottom-nav{
      position:fixed;
      left:0;
      right:0;
      bottom:0;
      width:100%;
      height:calc(12.4 * var(--s));
      margin:0;
      padding:0;
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      align-items:stretch;
      background:var(--bg);
      border:0;
      z-index:60;
    }
    .nav-item{
      position:relative;
      width:100%;
      height:100%;
      border:0;
      background:transparent;
      color:#8f95a8;
      display:grid;
      place-items:center;
      padding:0;
    }
    .nav-item.active{color:#fff}
    .nav-item i{width:calc(6.8 * var(--s));height:calc(6.8 * var(--s));stroke-width:2.2}
    .badge{position:absolute;top:calc(.35 * var(--s));right:25%;min-width:calc(4.8 * var(--s));height:calc(4.8 * var(--s));padding:0 calc(1 * var(--s));border-radius:999px;background:var(--blue);color:#111315;font-size:calc(2.7 * var(--s));font-weight:750;line-height:calc(4.8 * var(--s));text-align:center;box-shadow:0 0 0 calc(.55 * var(--s)) var(--bg)}

    .field-button,.clockbox{border:0;color:#fff;cursor:pointer}
    .field-button:active,.clockbox:active,.action:active{transform:scale(.985)}
    .action:disabled{opacity:.48;filter:saturate(.55)}
    .toast{
      position:fixed;
      left:50%;
      bottom:calc(31 * var(--s));
      z-index:120;
      transform:translate(-50%,18px) scale(.98);
      width:min(88vw,420px);
      padding:calc(2.2 * var(--s)) calc(3.2 * var(--s));
      border-radius:calc(4.2 * var(--s));
      background:#2b2f38;
      color:#fff;
      font-size:calc(3 * var(--s));
      font-weight:650;
      opacity:0;
      pointer-events:none;
      transition:opacity .18s ease,transform .22s ease;
      box-shadow:0 2.4vw 7vw rgba(0,0,0,.38);
    }
    .toast.show{opacity:1;transform:translate(-50%,0) scale(1)}
    .toast.result{
      padding:0;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.07);
      background:#20232b;
    }
    .toast-result{
      display:grid;
      grid-template-columns:calc(11.5 * var(--s)) minmax(0,1fr);
      align-items:center;
      gap:calc(2.8 * var(--s));
      padding:calc(3.2 * var(--s));
    }
    .toast-result-icon{
      width:calc(11.5 * var(--s));
      height:calc(11.5 * var(--s));
      border-radius:calc(3.4 * var(--s));
      display:grid;
      place-items:center;
    }
    .toast-result-icon i{
      width:calc(6 * var(--s));
      height:calc(6 * var(--s));
      stroke-width:2.7;
    }
    .toast-result-copy{min-width:0}
    .toast-result-title{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:calc(2 * var(--s));
      margin-bottom:calc(.8 * var(--s));
    }
    .toast-result-title strong{
      font-size:calc(4.1 * var(--s));
      line-height:1;
      font-weight:900;
      letter-spacing:.01em;
    }
    .toast-result-amount{
      font-size:calc(3.7 * var(--s));
      line-height:1;
      font-weight:900;
      white-space:nowrap;
    }
    .toast-result-meta{
      color:#aeb5c7;
      font-size:calc(2.75 * var(--s));
      font-weight:650;
      line-height:1.35;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .toast.result.win{
      background:linear-gradient(135deg,#17392f,#202a3b 68%);
      border-color:rgba(52,211,153,.24);
    }
    .toast.result.win .toast-result-icon{
      background:rgba(52,211,153,.15);
      color:#58e1ad;
    }
    .toast.result.win .toast-result-title strong,
    .toast.result.win .toast-result-amount{color:#58e1ad}
    .toast.result.loss{
      background:linear-gradient(135deg,#40242c,#292738 68%);
      border-color:rgba(255,99,112,.25);
    }
    .toast.result.loss .toast-result-icon{
      background:rgba(255,99,112,.14);
      color:#ff7784;
    }
    .toast.result.loss .toast-result-title strong,
    .toast.result.loss .toast-result-amount{color:#ff7784}
    .toast.result.tie{
      background:linear-gradient(135deg,#343840,#252a3c 68%);
      border-color:rgba(190,198,218,.16);
    }
    .toast.result.tie .toast-result-icon{
      background:rgba(190,198,218,.12);
      color:#cbd1df;
    }
    .toast.result.tie .toast-result-title strong,
    .toast.result.tie .toast-result-amount{color:#e2e6ef}

    .onboarding{
      position:fixed;
      inset:0;
      z-index:180;
      display:none;
      pointer-events:auto;
    }
    .onboarding.show{display:block}
    .onboarding-dim{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      pointer-events:none;
    }
    .onboarding-spotlight{
      position:absolute;
      border-radius:calc(3.6 * var(--s));
      box-shadow:0 0 0 2px rgba(157,255,132,.88),0 0 calc(4 * var(--s)) rgba(106,255,65,.45);
      transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease,border-radius .2s ease;
      pointer-events:none;
    }
    .onboarding-card{
      position:absolute;
      left:calc(4 * var(--s));
      right:calc(4 * var(--s));
      max-width:430px;
      padding:calc(4 * var(--s));
      border-radius:calc(4.4 * var(--s));
      background:linear-gradient(160deg,#252932,#181a20);
      border:1px solid rgba(255,255,255,.08);
      color:#fff;
      box-shadow:0 calc(4 * var(--s)) calc(12 * var(--s)) rgba(0,0,0,.42);
      transition:top .2s ease;
    }
    .onboarding-step{
      color:#9DFF84;
      font-size:calc(2.7 * var(--s));
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:calc(1.5 * var(--s));
    }
    .onboarding-card h3{
      margin:0 0 calc(1.8 * var(--s));
      font-size:calc(4.8 * var(--s));
      line-height:1.15;
      font-weight:900;
    }
    .onboarding-card p{
      margin:0;
      color:#b7bfce;
      font-size:calc(3.25 * var(--s));
      line-height:1.5;
    }
    .onboarding-actions{
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:calc(2 * var(--s));
      align-items:center;
      margin-top:calc(4 * var(--s));
    }
    .onboarding-skip,
    .onboarding-prev,
    .onboarding-next{
      height:calc(10.4 * var(--s));
      border:0;
      border-radius:calc(2.8 * var(--s));
      padding:0 calc(3.2 * var(--s));
      color:#fff;
      font-size:calc(3.05 * var(--s));
      font-weight:900;
    }
    .onboarding-skip{background:transparent;color:#aeb5c6;padding-inline:0;text-align:left}
    .onboarding-prev{background:#2b2f38;color:#d8dce6}
    .onboarding-next{background:var(--blue);color:#111315;box-shadow:0 calc(1.6 * var(--s)) calc(4 * var(--s)) rgba(106,255,65,.24)}
    .onboarding-prev:disabled{opacity:.36}

    .preference-modal{position:fixed;inset:0;z-index:210;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(3,6,14,.78)}
    .preference-modal.show{display:flex}
    .preference-card{width:min(100%,390px);padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(160deg,#252932,#181a20);box-shadow:0 18px 50px rgba(0,0,0,.48);color:#fff}
    .preference-card h2{margin:0 0 7px;font-size:22px}.preference-card>p{margin:0 0 21px;color:#aeb6c8;font-size:13px;line-height:1.5}.preference-group{margin-top:16px}.preference-group label{display:block;margin-bottom:8px;color:#aeb6c8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.preference-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.preference-option{min-height:46px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#20232b;color:#e8ebf3;font-size:14px;font-weight:800;cursor:pointer}.preference-option.active{border-color:var(--blue);background:rgba(106,255,65,.12);color:#9dff84}.preference-save{width:100%;height:46px;margin-top:23px;border:0;border-radius:13px;background:var(--blue);color:#111315;font-weight:900;cursor:pointer}


    .sheet-backdrop{
      position:fixed;
      inset:0;
      z-index:90;
      background:rgba(0,0,0,.48);
      opacity:0;
      pointer-events:none;
      transition:opacity .18s ease;
    }
    .sheet-backdrop.show{opacity:1;pointer-events:auto}
    .asset-sheet{
      position:fixed;
      inset:calc(12.5 * var(--s)) 0 0;
      z-index:91;
      background:#181a20;
      transform:translateY(105%);
      transition:transform .2s ease;
      padding:calc(3.4 * var(--s)) 0 0;
      display:flex;
      flex-direction:column;
      box-shadow:none;
    }
    .asset-sheet.show{transform:translateY(0)}
    .asset-sheet .sheet-head{
      padding:0 calc(3.8 * var(--s));
      margin-bottom:calc(2.6 * var(--s));
    }
    .asset-tabs{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:0;
      margin:0 calc(3.8 * var(--s)) calc(2.6 * var(--s));
      padding:calc(.8 * var(--s));
      background:#20232b;
      border-radius:calc(2.8 * var(--s));
    }
    .asset-tab{
      height:calc(9.4 * var(--s));
      border:0;
      border-radius:calc(2.3 * var(--s));
      background:transparent;
      color:#d8dbe5;
      font-size:calc(3.5 * var(--s));
      font-weight:750;
    }
    .asset-tab.active{background:#24563A;color:#fff}
    .asset-sheet-headrow{
      display:grid;
      grid-template-columns:minmax(0,1fr) calc(11.5 * var(--s)) calc(15 * var(--s)) calc(8 * var(--s));
      align-items:center;
      gap:calc(1.6 * var(--s));
      color:#c8ccd7;
      font-size:calc(3.2 * var(--s));
      padding:0 calc(3.8 * var(--s)) calc(2.2 * var(--s));
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .asset-sheet-list{
      flex:1 1 auto;
      min-height:0;
      overflow:auto;
      padding:calc(1.2 * var(--s)) calc(2 * var(--s)) calc(17 * var(--s));
      display:grid;
      align-content:start;
      gap:calc(1.6 * var(--s));
    }
    .asset-row-item{
      width:100%;
      border:0;
      background:transparent;
      color:#fff;
      display:grid;
      grid-template-columns:minmax(0,1fr) calc(11.5 * var(--s)) calc(15 * var(--s)) calc(8 * var(--s));
      align-items:center;
      gap:calc(1.6 * var(--s));
      padding:calc(2.1 * var(--s));
      border-radius:calc(2.8 * var(--s));
      text-align:left;
    }
    .asset-row-item.active{background:#24563A}
    .asset-main{display:flex;align-items:center;gap:calc(1.8 * var(--s));min-width:0}
    .asset-mini-icon{
      width:calc(7.8 * var(--s));height:calc(7.8 * var(--s));border-radius:50%;display:grid;place-items:center;
      font-size:calc(4.4 * var(--s));font-weight:900;color:#fff;flex:none;
      box-shadow:0 calc(.5 * var(--s)) calc(1.5 * var(--s)) rgba(0,0,0,.15)
    }
    .asset-main-text{min-width:0}
    .asset-main-text strong{display:block;font-size:calc(3.9 * var(--s));line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .asset-main-text small{display:block;margin-top:calc(.55 * var(--s));font-size:calc(2.7 * var(--s));color:#aeb3c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .asset-pill{
      height:calc(7.2 * var(--s));
      border-radius:calc(1.6 * var(--s));
      background:#666a72;
      display:grid;place-items:center;
      font-size:calc(3.25 * var(--s));font-weight:750;
    }
    .asset-fav{
      width:calc(7.2 * var(--s));height:calc(7.2 * var(--s));
      border:0;background:transparent;color:#9ca2b6;padding:0;display:grid;place-items:center;
    }
    .asset-fav i{width:calc(5.2 * var(--s));height:calc(5.2 * var(--s));stroke-width:2.1}
    .asset-fav.active{color:#9DFF84}
    .asset-vipbar{
      position:absolute;left:0;right:0;bottom:0;
      display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;
      gap:calc(1.8 * var(--s));
      min-height:calc(12.8 * var(--s));
      padding:calc(2 * var(--s)) calc(3.8 * var(--s)) calc(2 * var(--s));
      background:#24563A;
      box-shadow:0 calc(-.8 * var(--s)) calc(2.8 * var(--s)) rgba(0,0,0,.18);
    }
    .asset-vipbar .vip-icon{
      width:calc(6.8 * var(--s));height:calc(6.8 * var(--s));border-radius:50%;background:#1F4A33;display:grid;place-items:center;color:#fff;
    }
    .asset-vipbar .vip-icon i{width:calc(4 * var(--s));height:calc(4 * var(--s));stroke-width:2.2}
    .asset-vipcopy{font-size:calc(2.95 * var(--s));line-height:1.35;color:#fff}
    .asset-vipbtn{
      height:calc(8.8 * var(--s));padding:0 calc(4.2 * var(--s));border:0;border-radius:calc(2.2 * var(--s));background:var(--blue);color:#111315;font-size:calc(3.35 * var(--s));font-weight:800;
    }
    .asset-vipclose{width:calc(7 * var(--s));height:calc(7 * var(--s));border:0;background:transparent;color:#d0d4e0;display:grid;place-items:center;padding:0}
    .asset-vipclose i{width:calc(4.8 * var(--s));height:calc(4.8 * var(--s))}


    .account-sheet{
      position:fixed;
      left:0;
      right:0;
      bottom:0;
      z-index:91;
      background:#181a20;
      border-radius:calc(5 * var(--s)) calc(5 * var(--s)) 0 0;
      transform:translateY(105%);
      transition:transform .2s ease;
      padding:calc(3.2 * var(--s)) calc(3.8 * var(--s)) calc(4.2 * var(--s));
      box-shadow:none;
    }
    .account-sheet.show{transform:translateY(0)}
    .account-sheet .sheet-head{margin-bottom:calc(3.2 * var(--s));padding-bottom:calc(2.6 * var(--s));border-bottom:1px solid #2F6348}
    .account-options{display:grid;gap:calc(2.6 * var(--s))}
    .account-option{
      width:100%;
      min-height:calc(18 * var(--s));
      border:1px solid #2F6348;
      border-radius:calc(3 * var(--s));
      background:transparent;
      color:#fff;
      padding:calc(2.8 * var(--s)) calc(3 * var(--s));
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:calc(2 * var(--s));
      text-align:left;
    }
    .account-option.active{background:#252932;border-color:transparent}
    .account-option-copy small{display:block;color:#b9bdc9;font-size:calc(3.2 * var(--s));line-height:1.1;margin-bottom:calc(1.2 * var(--s))}
    .account-option-copy strong{display:block;font-size:calc(5.2 * var(--s));font-weight:750;line-height:1.05;letter-spacing:-.02em}
    .account-option-action{width:calc(8 * var(--s));height:calc(8 * var(--s));border:0;border-radius:50%;display:grid;place-items:center;padding:0;flex:none}
    .account-option-action i{width:calc(5 * var(--s));height:calc(5 * var(--s));stroke-width:2.5}
    .account-real .account-option-action{background:var(--blue);color:#111315}
    .account-demo .account-option-action{background:transparent;color:#fff}

    .time-sheet,
    .amount-sheet{
      position:fixed;
      left:0;
      right:0;
      bottom:0;
      z-index:91;
      background:#181a20;
      border-radius:calc(5 * var(--s)) calc(5 * var(--s)) 0 0;
      transform:translateY(105%);
      transition:transform .2s ease;
      padding:calc(3.2 * var(--s)) calc(3.8 * var(--s)) calc(4.2 * var(--s));
      box-shadow:none;
    }

    .history-sheet{
      position:fixed;
      left:0;
      right:0;
      bottom:0;
      z-index:91;
      background:#181a20;
      border-radius:calc(5 * var(--s)) calc(5 * var(--s)) 0 0;
      transform:translateY(105%);
      transition:transform .2s ease;
      padding:calc(3.2 * var(--s)) calc(3.8 * var(--s)) calc(4.2 * var(--s));
      box-shadow:none;
    }
    .time-sheet.show,.amount-sheet.show,.history-sheet.show{transform:translateY(0)}
    .sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(3 * var(--s))}
    .sheet-head h3{margin:0;font-size:calc(4.4 * var(--s));font-weight:800}
    .sheet-close{width:calc(8 * var(--s));height:calc(8 * var(--s));border:0;background:transparent;color:#fff;display:grid;place-items:center;padding:0}
    .sheet-close i{width:calc(5.4 * var(--s));height:calc(5.4 * var(--s))}
    .time-groups{display:grid;gap:calc(3 * var(--s))}
    .time-group h4{margin:0 0 calc(1.7 * var(--s));font-size:calc(3.3 * var(--s));font-weight:700;color:#f4f6fb}
    .time-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(1.8 * var(--s))}
    .time-option{
      height:calc(10.5 * var(--s));
      border:1px solid #2F6348;
      border-radius:calc(2.8 * var(--s));
      background:transparent;
      color:#fff;
      font-size:calc(3.55 * var(--s));
      font-weight:650;
    }
    .time-option.active{background:#24563A;border-color:#24563A}
    .amount-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(2 * var(--s));margin-bottom:calc(3.2 * var(--s))}
    .amount-option{
      height:calc(10.5 * var(--s));
      border:1px solid #2F6348;
      border-radius:calc(2.8 * var(--s));
      background:transparent;
      color:#fff;
      font-size:calc(3.55 * var(--s));
      font-weight:650;
    }
    .amount-option.active{background:#24563A;border-color:#24563A}
    .amount-custom{display:grid;gap:calc(1.4 * var(--s))}
    .amount-custom input{
      width:100%;
      height:calc(11.5 * var(--s));
      border:1px solid transparent;
      border-radius:calc(2.8 * var(--s));
      outline:none;
      background:#20232b;
      color:#fff;
      padding:0 calc(3.5 * var(--s));
      font:inherit;
      font-size:calc(3.7 * var(--s));
    }
    .amount-custom input::placeholder{color:#aeb3c2}
    .amount-custom input:focus{border-color:#34734F}
    .amount-apply{
      height:calc(10.2 * var(--s));
      border:0;
      border-radius:calc(2.8 * var(--s));
      background:#24563A;
      color:#fff;
      font-size:calc(3.5 * var(--s));
      font-weight:750;
      transition:background .18s ease, opacity .18s ease, transform .18s ease, box-shadow .18s ease;
    }
    .amount-apply:disabled{
      opacity:.7;
      box-shadow:none;
    }
    .amount-apply.active{
      background:var(--blue);
      color:#111315;
      opacity:1;
      box-shadow:0 1vw 2.6vw rgba(106,255,65,.28);
    }


    .charttype-sheet,.drawing-sheet,.indicator-sheet,.timeframe-sheet{
      position:fixed;left:0;right:0;bottom:0;z-index:91;background:#181a20;
      border-radius:calc(5 * var(--s)) calc(5 * var(--s)) 0 0;
      transform:translateY(105%);transition:transform .2s ease;
      padding:calc(3.2 * var(--s)) calc(3.8 * var(--s)) calc(4.2 * var(--s));
      box-shadow:none;
    }
    .charttype-sheet.show,.drawing-sheet.show,.indicator-sheet.show,.timeframe-sheet.show{transform:translateY(0)}

    .timeframe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(1.7 * var(--s))}
    .timeframe-option{
      height:calc(10.2 * var(--s));border:1px solid #2F6348;border-radius:calc(2.6 * var(--s));
      background:transparent;color:#fff;font-size:calc(3.45 * var(--s));font-weight:750;
    }
    .timeframe-option.active{background:#24563A;border-color:#24563A}
    .timeframe-note{margin:calc(2.4 * var(--s)) 0 0;color:#aeb3c2;font-size:calc(2.85 * var(--s));line-height:1.4}

    .charttype-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(2 * var(--s))}
    .charttype-option{
      min-height:calc(11.5 * var(--s));border:1px solid #2F6348;border-radius:calc(2.8 * var(--s));
      background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;gap:calc(2 * var(--s));
      font-size:calc(3.55 * var(--s));font-weight:750;
    }
    .charttype-option.wide{grid-column:1/-1}
    .charttype-option.active{background:#24563A;border-color:#24563A}
    .charttype-option i{width:calc(5.2 * var(--s));height:calc(5.2 * var(--s));stroke-width:2.1}
    .drawing-list{display:grid;gap:calc(1.4 * var(--s))}
    .drawing-option{
      border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:calc(3.5 * var(--s));
      min-height:calc(12.5 * var(--s));padding:0;text-align:left;font-size:calc(3.9 * var(--s));font-weight:750;
    }
    .drawing-icon{width:calc(10.5 * var(--s));height:calc(10.5 * var(--s));border-radius:50%;background:#343840;display:grid;place-items:center;flex:none}
    .drawing-icon i{width:calc(5.1 * var(--s));height:calc(5.1 * var(--s));stroke-width:2.2}
    .drawing-note{margin:calc(2 * var(--s)) 0;color:#b8bdca;font-size:calc(3.25 * var(--s));line-height:1.45;font-weight:600}
    .drawing-clear{width:100%;height:calc(10.8 * var(--s));border:1px solid #596078;border-radius:calc(2.6 * var(--s));background:transparent;color:#fff;font-size:calc(3.4 * var(--s));font-weight:750}
    .chart-wrap.drawing-active{cursor:crosshair}
    .chart-wrap.drawing-active::after{content:attr(data-drawing-hint);position:absolute;left:50%;bottom:calc(6.6 * var(--s));z-index:12;transform:translateX(-50%);padding:calc(1.1 * var(--s)) calc(2.2 * var(--s));border-radius:999px;background:rgba(35,40,61,.92);color:#fff;font-size:calc(2.7 * var(--s));font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 calc(.8 * var(--s)) calc(2.4 * var(--s)) rgba(0,0,0,.24)}
    .indicator-sheet{top:calc(12.5 * var(--s));border-radius:calc(5 * var(--s)) calc(5 * var(--s)) 0 0;display:flex;flex-direction:column;min-height:0}
    .indicator-tabs{display:grid;grid-template-columns:1fr 1fr;background:#20232b;border-radius:calc(2.8 * var(--s));padding:calc(.7 * var(--s));margin-bottom:calc(2.5 * var(--s))}
    .indicator-tab{height:calc(9 * var(--s));border:0;border-radius:calc(2.2 * var(--s));background:transparent;color:#fff;font-size:calc(3.25 * var(--s));font-weight:750}
    .indicator-tab.active{background:#24563A}
    .indicator-list{flex:1;min-height:0;overflow:auto;display:grid;align-content:start;gap:calc(.9 * var(--s));padding-bottom:calc(2 * var(--s));scrollbar-width:none}
    .indicator-list::-webkit-scrollbar{display:none}
    .indicator-item{width:100%;min-height:calc(12.2 * var(--s));border:0;background:transparent;color:#fff;display:grid;grid-template-columns:calc(10.5 * var(--s)) minmax(0,1fr) auto;gap:calc(3 * var(--s));align-items:center;padding:0;text-align:left}
    .indicator-icon{width:calc(10.5 * var(--s));height:calc(10.5 * var(--s));border-radius:50%;background:#24563A;display:grid;place-items:center}
    .indicator-icon i{width:calc(5 * var(--s));height:calc(5 * var(--s));stroke-width:2}
    .indicator-name{font-size:calc(3.7 * var(--s));font-weight:600}
    .indicator-check{width:calc(5.5 * var(--s));height:calc(5.5 * var(--s));border-radius:50%;border:1px solid #6b6556;display:grid;place-items:center;color:#fff}
    .indicator-item.active .indicator-check{background:var(--blue);border-color:var(--blue)}
    .indicator-item.active .indicator-icon{background:#565038}

    .history-sheet{
      inset:0;
      max-height:none;
      border-radius:0;
      transform:translateY(100%);
      display:flex;
      flex-direction:column;
      gap:calc(2.4 * var(--s));
      padding:calc(4 * var(--s)) calc(3.2 * var(--s)) calc(3.4 * var(--s));
    }
    .history-head{margin-bottom:0; padding-top:env(safe-area-inset-top, 0)}
    .history-sub{
      margin:calc(.8 * var(--s)) 0 0;
      color:#aab0c0;
      font-size:calc(2.9 * var(--s));
      line-height:1.35;
    }
    .history-summary{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:calc(1.8 * var(--s));
    }
    .summary-box{
      background:#20232b;
      border-radius:calc(2.8 * var(--s));
      padding:calc(2 * var(--s));
      min-width:0;
    }
    .summary-box b{
      display:block;
      font-size:calc(4 * var(--s));
      line-height:1.05;
      margin-bottom:calc(.8 * var(--s));
    }
    .summary-box span{
      display:block;
      color:#aeb3c2;
      font-size:calc(2.7 * var(--s));
      line-height:1.2;
    }
    .history-list{
      flex:1 1 auto;
      min-height:0;
      overflow:auto;
      display:grid;
      align-content:start;
      gap:calc(2 * var(--s));
      padding-right:0;
      padding-bottom:calc(2 * var(--s));
      scrollbar-width:none;
    }
    .history-list::-webkit-scrollbar{display:none}
    .history-empty{
      background:#20232b;
      border-radius:calc(3 * var(--s));
      padding:calc(3 * var(--s));
      color:#aeb3c2;
      font-size:calc(3.2 * var(--s));
      line-height:1.5;
      text-align:left;
    }
    .history-card{
      background:#20232b;
      border-radius:calc(3 * var(--s));
      padding:calc(2.4 * var(--s));
      display:grid;
      gap:calc(1.9 * var(--s));
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
    }
    .history-top{
      display:grid;
      grid-template-columns:auto minmax(0,1fr) auto;
      gap:calc(1.8 * var(--s));
      align-items:start;
    }
    .history-btc{
      width:calc(10 * var(--s));
      height:calc(10 * var(--s));
      border-radius:50%;
      background:#f7931a;
      display:grid;
      place-items:center;
      font-size:calc(5.8 * var(--s));
      font-weight:900;
      line-height:1;
      box-shadow:0 calc(.6 * var(--s)) calc(1.8 * var(--s)) rgba(0,0,0,.18);
    }
    .history-btc img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}
    .history-title{
      font-size:calc(4 * var(--s));
      font-weight:750;
      line-height:1.1;
      margin-bottom:calc(.7 * var(--s));
    }
    .history-meta-line{
      display:flex;
      flex-wrap:wrap;
      gap:calc(1.2 * var(--s));
      align-items:center;
    }
    .dir-chip,.status-chip{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:calc(4.8 * var(--s));
      padding:0 calc(1.6 * var(--s));
      border-radius:999px;
      font-size:calc(2.55 * var(--s));
      font-weight:800;
      letter-spacing:.02em;
    }
    .dir-chip.buy{background:rgba(80,199,67,.16); color:#77dd6d}
    .dir-chip.sell{background:rgba(245,104,75,.16); color:#ff8c77}
    .status-chip.win{background:rgba(106,255,65,.18); color:#9DFF84}
    .status-chip.loss{background:rgba(151,159,182,.18); color:#c2c8d8}
    .status-chip.tie{background:rgba(157,255,132,.15); color:#9DFF84}
    .status-chip.open{background:rgba(80,199,67,.16); color:#77dd6d}
    .history-entry{
      color:#aeb3c2;
      font-size:calc(2.85 * var(--s));
      line-height:1.3;
    }
    .history-result{text-align:right}
    .history-result strong{
      display:block;
      font-size:calc(4.2 * var(--s));
      line-height:1.05;
      margin-bottom:calc(.8 * var(--s));
      font-weight:800;
    }
    .history-result .profit.win{color:#9DFF84}
    .history-result .profit.loss{color:#c1c7d6}
    .history-result .profit.tie{color:#9DFF84}
    .history-result .profit.open{color:#77dd6d}
    .history-result small{
      display:block;
      color:#b4b8c5;
      font-size:calc(2.7 * var(--s));
      line-height:1.2;
    }
    .history-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:calc(1.6 * var(--s));
    }
    .history-cell{
      background:#181a20;
      border-radius:calc(2.4 * var(--s));
      padding:calc(1.7 * var(--s)) calc(1.8 * var(--s));
      min-width:0;
    }
    .history-cell span{
      display:block;
      color:#9ea5b7;
      font-size:calc(2.55 * var(--s));
      line-height:1.2;
      margin-bottom:calc(.7 * var(--s));
    }
    .history-cell strong{
      display:block;
      font-size:calc(3.15 * var(--s));
      line-height:1.25;
      font-weight:700;
      overflow:hidden;
      text-overflow:ellipsis;
    }


    .profile-page{
      position:fixed;
      inset:0;
      z-index:35;
      background:var(--bg);
      color:#fff;
      display:none;
      overflow:hidden;
    }
    .profile-page.show{display:block}
    .profile-content{
      position:absolute;
      inset:0 0 calc(12.4 * var(--s)) 0;
      min-height:0;
      overflow:auto;
      padding:18px 16px 26px;
      scrollbar-width:none;
    }
    .profile-content::-webkit-scrollbar{display:none}
    .profile-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:22px;
    }
    .profile-user{
      display:flex;
      align-items:center;
      gap:11px;
      min-width:0;
    }
    .profile-avatar{
      width:36px;
      height:36px;
      flex:0 0 36px;
      border-radius:50%;
      background:linear-gradient(145deg,#24563A,#30364f);
      display:grid;
      place-items:center;
      color:#fff;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
    }
    .profile-avatar i{width:19px;height:19px;stroke-width:2.2}
    .profile-user-copy{min-width:0;line-height:1.15}
    .profile-user-copy strong{display:block;font-size:15px;font-weight:800;color:#fff;margin-bottom:4px}
    .profile-user-copy span{display:block;font-size:12px;color:#9fa6b9;white-space:nowrap}
    .profile-settings{
      width:40px;
      height:40px;
      border:0;
      border-radius:13px;
      background:var(--panel);
      color:#fff;
      display:grid;
      place-items:center;
      flex:none;
    }
    .profile-settings i{width:20px;height:20px;stroke-width:2.2}

    .profile-balance-card{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 90% -20%,rgba(106,255,65,.28),transparent 38%),
        linear-gradient(145deg,#252932,#20232b 70%);
      border-radius:22px;
      padding:18px;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.055),
        0 10px 28px rgba(0,0,0,.12);
      margin-bottom:18px;
    }
    .profile-balance-caption{
      font-size:11px;
      color:#929aaf;
      margin-bottom:5px;
    }
    .profile-balance-value{
      font-size:30px;
      line-height:1;
      font-weight:900;
      letter-spacing:-.035em;
      margin-bottom:20px;
    }
    .portfolio-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
    .portfolio-head strong{font-size:13px;font-weight:800}
    .portfolio-head span{
      padding:4px 8px;
      border-radius:999px;
      background:#181a20;
      font-size:11px;
      color:#aeb5c7;
      font-weight:700;
    }
    .portfolio-track{
      width:100%;
      height:9px;
      border-radius:999px;
      background:#181a20;
      overflow:hidden;
      display:flex;
      margin-bottom:12px;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
    }
    .portfolio-win{height:100%;background:var(--blue);transition:width .2s ease}
    .portfolio-loss{height:100%;background:#666a72;transition:width .2s ease}
    .portfolio-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:700}
    .portfolio-stats .win{color:#9DFF84}
    .portfolio-stats .loss{color:#b7bdcb}

    .profile-section-title{
      font-size:13px;
      color:#9299ac;
      margin:0 0 10px 3px;
      font-weight:700;
    }
    .profile-menu{
      display:grid;
      gap:10px;
    }
    .profile-menu-item{
      width:100%;
      min-height:58px;
      border:0;
      border-radius:16px;
      background:var(--panel);
      color:#fff;
      padding:0 15px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      text-align:left;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
    }
    .profile-menu-left{display:flex;align-items:center;gap:12px;min-width:0}
    .profile-menu-icon{
      width:34px;
      height:34px;
      border-radius:11px;
      background:#343840;
      display:grid;
      place-items:center;
      color:#dfe3ed;
      flex:none;
    }
    .profile-menu-icon i{width:18px;height:18px;stroke-width:2.15}
    .profile-menu-item span{font-size:14px;font-weight:700}
    .profile-menu-item>i{width:19px;height:19px;color:#8e95a9;stroke-width:2.2;flex:none}
    .profile-menu-item.danger{color:#ff8170}
    .profile-menu-item.danger .profile-menu-icon{color:#ff8170;background:rgba(245,104,75,.12)}
    .bottom-nav .nav-item{
      min-width:0;
      min-height:0;
      align-self:stretch;
      justify-self:stretch;
    }

    .promo-page{
      position:fixed;
      inset:0;
      z-index:35;
      background:var(--bg);
      color:#fff;
      display:none;
      overflow:hidden;
    }
    .promo-page.show{display:block}
    .promo-content{
      position:absolute;
      inset:0 0 calc(12.4 * var(--s)) 0;
      min-height:0;
      overflow:auto;
      padding:18px 16px 26px;
      scrollbar-width:none;
    }
    .promo-content::-webkit-scrollbar{display:none}
    .promo-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:24px;
    }
    .promo-header-copy h1{
      margin:0;
      font-size:22px;
      line-height:1.1;
      font-weight:850;
      letter-spacing:-.02em;
    }
    .promo-header-copy p{
      margin:6px 0 0;
      color:#969db0;
      font-size:12px;
      line-height:1.35;
    }
    .promo-empty{
      min-height:360px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:30px 20px 70px;
    }
    .promo-empty-icon{
      width:74px;
      height:74px;
      border-radius:24px;
      background:linear-gradient(145deg,#252932,#20232b);
      display:grid;
      place-items:center;
      color:#a8afc1;
      margin-bottom:18px;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
    }
    .promo-empty-icon i{
      width:34px;
      height:34px;
      stroke-width:1.8;
    }
    .promo-empty h2{
      margin:0 0 8px;
      font-size:18px;
      font-weight:800;
      color:#f5f7fb;
    }
    .promo-empty p{
      max-width:290px;
      margin:0;
      color:#949bad;
      font-size:13px;
      line-height:1.55;
    }
    .reward-content{padding-bottom:34px}.reward-coin-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:18px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 18%,var(--panel)),var(--panel));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.reward-coin-label{color:#aeb8c7;font-size:11px}.reward-coin-value{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:27px;font-weight:900;color:var(--blue)}.reward-coin-value i{width:23px;height:23px}.reward-coin-card small{color:#8e99aa;font-size:10px;text-align:right}.checkin-card,.reward-task{padding:16px;margin-bottom:12px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.reward-section-title{margin:22px 0 10px;font-size:15px;font-weight:850}.checkin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.checkin-head h2{margin:0 0 5px;font-size:17px}.checkin-head p{margin:0;color:#969fb0;font-size:11px;line-height:1.4}.checkin-reward{color:var(--blue);font-size:11px;font-weight:850;white-space:nowrap}.checkin-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:16px}.checkin-day{display:grid;gap:5px;justify-items:center;color:#858fa1;font-size:9px}.checkin-day span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #3b4551;background:#171b21;font-weight:850}.checkin-day.done span{border-color:var(--blue);background:var(--blue);color:var(--bg)}.checkin-day.current span{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent)}.checkin-action{width:100%;height:42px;margin-top:16px;border:0;border-radius:12px;background:var(--blue);color:var(--bg);font-size:13px;font-weight:900}.checkin-action:disabled{background:#303832;color:#829184}.reward-task{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px}.reward-task-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--blue)}.reward-task-icon i{width:19px;height:19px}.reward-task-copy{min-width:0}.reward-task-copy strong{display:block;font-size:13px;line-height:1.3}.reward-task-copy span{display:block;margin-top:4px;color:#929bac;font-size:12px;line-height:1.35}.reward-task-action{min-width:66px;height:34px;padding:0 10px;border:0;border-radius:10px;background:var(--blue);color:var(--bg);font-size:11px;font-weight:900}.reward-task-action.done{background:#303b32;color:#a5b9a7}.reward-task-action:disabled{opacity:.75}

    .asset-sheet.show,
    .account-sheet.show,
    .time-sheet.show,
    .amount-sheet.show,
    .history-sheet.show,
    .charttype-sheet.show,
    .drawing-sheet.show,
    .indicator-sheet.show,
    .timeframe-sheet.show{
      box-shadow:0 -2vw 6vw rgba(0,0,0,.28);
    }

    .education-page{
      position:fixed;
      inset:0;
      z-index:35;
      background:var(--bg);
      color:#fff;
      display:none;
      overflow:hidden;
    }
    .education-page.show{display:block}
    .education-content{
      position:absolute;
      inset:0 0 calc(12.4 * var(--s)) 0;
      min-height:0;
      overflow:auto;
      padding:18px 16px 26px;
      scrollbar-width:none;
    }
    .education-content::-webkit-scrollbar{display:none}
    .education-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:24px;
    }
    .education-header-copy h1{
      margin:0;
      font-size:22px;
      line-height:1.1;
      font-weight:850;
      letter-spacing:-.02em;
    }
    .education-header-copy p{
      margin:6px 0 0;
      color:#969db0;
      font-size:12px;
      line-height:1.35;
    }
    .education-empty{
      min-height:360px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:30px 20px 70px;
    }
    .education-empty-icon{
      width:74px;
      height:74px;
      border-radius:24px;
      background:linear-gradient(145deg,#252932,#20232b);
      display:grid;
      place-items:center;
      color:#a8afc1;
      margin-bottom:18px;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
    }
    .education-empty-icon i{
      width:34px;
      height:34px;
      stroke-width:1.8;
    }
    .education-empty h2{
      margin:0 0 8px;
      font-size:18px;
      font-weight:800;
      color:#f5f7fb;
    }
    .education-empty p{
      max-width:290px;
      margin:0;
      color:#949bad;
      font-size:13px;
      line-height:1.55;
    }

    /* Trading beginner course */
    .course-overview{display:grid;gap:16px;padding-bottom:18px}
    .course-summary{background:linear-gradient(145deg,#29304a,#20253a 72%);border-radius:20px;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
    .course-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
    .course-summary h2{margin:0 0 5px;font-size:18px;line-height:1.2;font-weight:850}
    .course-summary p{margin:0;color:#9ca4b7;font-size:12px;line-height:1.45}
    .course-progress-label{flex:none;padding:5px 9px;border-radius:999px;background:#171d2f;color:#76c3ff;font-size:11px;font-weight:850}
    .course-progress-track{height:7px;border-radius:999px;background:#171b2b;overflow:hidden}
    .course-progress-fill{height:100%;width:0;background:var(--blue);border-radius:inherit;transition:width .25s ease}
    .course-list{display:grid;gap:0}
    .course-step{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;min-width:0}
    .course-step:not(:last-child)::before{content:"";position:absolute;left:18px;top:38px;bottom:-4px;width:2px;background:#353b52}
    .course-step.completed:not(:last-child)::before{background:#2499ee}
    .course-marker{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;background:#2a3045;border:2px solid #555d73;display:grid;place-items:center;color:#b9c0d0;font-size:13px;font-weight:900}
    .course-step.current .course-marker{background:#173b58;border-color:#2499ee;color:#8bd0ff;box-shadow:0 0 0 4px rgba(36,153,238,.08)}
    .course-step.completed .course-marker{background:#2499ee;border-color:#2499ee;color:#fff}
    .course-card{min-height:76px;margin:0 0 12px;background:var(--panel);border-radius:16px;padding:13px 12px 13px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
    .course-step.current .course-card{box-shadow:inset 0 0 0 1px rgba(36,153,238,.24)}
    .course-card-copy{min-width:0}.course-card-copy small{display:block;margin-bottom:5px;color:#8f97aa;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.course-card-copy strong{display:block;color:#f6f7fb;font-size:13px;line-height:1.35;font-weight:800}
    .course-action{min-width:72px;height:36px;border:0;border-radius:11px;padding:0 12px;background:#2499ee;color:#fff;font-size:12px;font-weight:850}.course-action.done{background:#30364b;color:#aeb5c7}.course-action:disabled{background:#30364b;color:#737b90;opacity:.75}.course-action:active:not(:disabled){transform:scale(.98)}
    .course-quiz-card{margin-top:4px;background:linear-gradient(145deg,#2c3652 0%,#20263a 72%);border-radius:20px;padding:16px;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon copy" "meta meta";column-gap:13px;row-gap:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 10px 26px rgba(0,0,0,.14)}.course-quiz-card.locked{opacity:.72}.course-quiz-icon{grid-area:icon;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,rgba(112,186,255,.18),rgba(77,95,132,.22));display:grid;place-items:center;color:#8fd0ff}.course-quiz-icon i{width:22px;height:22px}.course-quiz-copy{grid-area:copy;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.course-quiz-text{min-width:0;flex:1}.course-quiz-copy small{display:block;margin-bottom:5px;color:#7fc8ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.course-quiz-copy strong{display:block;font-size:18px;line-height:1.15;font-weight:850;letter-spacing:-.02em;color:#f5f7fb;max-width:210px}.course-quiz-meta{grid-area:meta;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.course-quiz-meta span{display:block;color:#a3abbd;font-size:12px;line-height:1.45;flex:1;min-width:0}.course-quiz-action{height:38px;min-width:76px;border:0;border-radius:12px;padding:0 14px;background:#2499ee;color:#fff;font-size:12px;font-weight:900;flex:none}.course-quiz-action:disabled{background:#30364b;color:#777f93}.course-quiz-action.passed{background:#2d7757;color:#d9ffed}
    .quiz-sheet,.lesson-sheet{position:fixed;inset:0;background:var(--bg);display:none;overflow:hidden}.quiz-sheet{z-index:89}.lesson-sheet{z-index:88}.quiz-sheet.show,.lesson-sheet.show{display:block}.quiz-shell,.lesson-shell{height:100%;display:flex;flex-direction:column;min-height:0}.quiz-head,.lesson-head{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid rgba(255,255,255,.07)}.quiz-back,.lesson-back{width:40px;height:40px;border:0;border-radius:12px;background:var(--panel);color:#fff;display:grid;place-items:center;flex:none}.quiz-back i,.lesson-back i{width:20px;height:20px}.quiz-head-copy small,.lesson-head-copy small{display:block;color:#7fc8ff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.quiz-head-copy strong,.lesson-head-copy strong{display:block;font-size:16px;font-weight:850}.lesson-head-copy{min-width:0}.lesson-head-copy strong{line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-body,.lesson-body{flex:1;min-height:0;overflow:auto;padding:18px 16px 24px;scrollbar-width:none}.quiz-body::-webkit-scrollbar,.lesson-body::-webkit-scrollbar{display:none}.quiz-intro,.lesson-intro{color:#aeb5c7;font-size:13px;line-height:1.6;margin:0 0 18px}.quiz-question,.lesson-section{background:var(--panel);border-radius:16px;padding:14px;margin-bottom:12px}.quiz-question h3,.lesson-section h3{margin:0 0 11px;font-size:13px;line-height:1.45;font-weight:850}.quiz-options{display:grid;gap:8px}.quiz-option{display:flex;align-items:flex-start;gap:10px;min-height:44px;border:1px solid #454c63;border-radius:12px;background:#1c2133;color:#dce1eb;padding:10px 11px;font-size:12px;line-height:1.4}.quiz-option input{margin:2px 0 0;accent-color:#2499ee}.quiz-option:has(input:checked){border-color:#2499ee;background:#1d2e44}.quiz-result{display:none;border-radius:16px;padding:15px;margin-bottom:14px;text-align:center}.quiz-result.show{display:block}.quiz-result.pass{background:#19382f;color:#86e8ba}.quiz-result.fail{background:#3d292d;color:#ff9a90}.quiz-result strong{display:block;font-size:22px;margin-bottom:5px}.quiz-result span{font-size:12px;line-height:1.45}.quiz-footer,.lesson-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.07);background:#171b2a}.quiz-submit,.lesson-complete{width:100%;height:48px;border:0;border-radius:14px;background:#2499ee;color:#fff;font-size:14px;font-weight:900}.quiz-submit:disabled{background:#30364b;color:#737b90}.lesson-section h3{font-size:14px}.lesson-section p,.lesson-section li{color:#b1b8c8;font-size:12px;line-height:1.55}.lesson-section p{margin:0}.lesson-section ul{margin:0;padding-left:18px;display:grid;gap:6px}.lesson-tip{border-left:3px solid #2499ee;background:#1c2336}.lesson-complete.done{background:#30364b;color:#b7bece}

    /* Education follows the main index theme. */
    .course-summary{background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 12%,var(--panel)),var(--panel) 72%)}
    .course-progress-label{color:var(--blue)}
    .course-progress-fill{background:var(--blue)}
    .course-step.completed:not(:last-child)::before{background:var(--blue)}
    .course-step.current .course-marker{background:color-mix(in srgb,var(--blue) 18%,var(--bg));border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 8%,transparent)}
    .course-step.completed .course-marker{background:var(--blue);border-color:var(--blue);color:#111315}
    .course-step.current .course-card{box-shadow:inset 0 0 0 1px rgba(106,255,65,.24)}
    .course-action{background:var(--blue);color:#111315}
    .course-quiz-card{background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 15%,var(--panel)) 0%,var(--panel) 72%)}
    .course-quiz-icon{color:var(--blue);background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 18%,transparent),color-mix(in srgb,var(--panel) 88%,var(--blue)))}
    .course-quiz-copy small{color:var(--blue)}
    .course-quiz-action{background:var(--blue);color:var(--bg);box-shadow:0 8px 18px color-mix(in srgb,var(--blue) 18%,transparent)}
    .course-quiz-action:disabled{background:color-mix(in srgb,var(--panel) 80%,var(--bg));color:color-mix(in srgb,var(--text) 45%,var(--panel));box-shadow:none}
    .quiz-option input{accent-color:var(--blue)}
    .quiz-option:has(input:checked){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,var(--panel))}
    .lesson-head-copy small,.quiz-head-copy small{color:var(--blue)}
    .lesson-tip{border-left-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--panel))}
    .quiz-submit,.lesson-complete{background:var(--blue);color:var(--bg)}
    .lesson-section p,.lesson-section li{font-size:14px}
    .reward-task-list{position:relative}.reward-task{position:relative!important;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0!important;margin:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.reward-task:not(:last-child)::before{content:"";position:absolute;left:18px;top:52px;bottom:-14px;width:2px;background:#343c46}.reward-task.done:not(:last-child)::before{background:var(--blue)}.reward-task-icon{position:relative;z-index:1;border-radius:50%!important;box-shadow:0 0 0 4px var(--bg)}.reward-task-progress{display:block!important;color:var(--blue)!important;font-size:12px!important;font-weight:800}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}

    .profile-menu-badge{
      min-width:22px;
      height:22px;
      padding:0 7px;
      border-radius:999px;
      background:var(--blue);
      color:#111315;
      display:none;
      align-items:center;
      justify-content:center;
      font-size:11px!important;
      font-weight:850!important;
      line-height:22px;
      margin-left:auto;
    }
    .profile-menu-badge.show{display:inline-flex}

    .notification-page{
      position:fixed;
      inset:0;
      z-index:48;
      display:none;
      background:var(--bg);
      color:#fff;
      overflow:hidden;
    }
    .notification-page.show{display:block}
    .notification-content{
      position:absolute;
      inset:0 0 calc(12.4 * var(--s)) 0;
      overflow:auto;
      padding:18px 16px 28px;
      scrollbar-width:none;
    }
    .notification-content::-webkit-scrollbar{display:none}
    .notification-header{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:22px;
    }
    .notification-back{
      width:40px;
      height:40px;
      border:0;
      border-radius:13px;
      background:var(--panel);
      color:#fff;
      display:grid;
      place-items:center;
      flex:none;
    }
    .notification-back i{width:20px;height:20px}
    .notification-title{min-width:0}
    .notification-title h1{
      margin:0;
      font-size:20px;
      font-weight:850;
      line-height:1.1;
    }
    .notification-title p{
      margin:5px 0 0;
      color:#969daf;
      font-size:12px;
      line-height:1.3;
    }
    .notification-list{
      display:grid;
      gap:10px;
    }
    .notification-card{
      display:grid;
      grid-template-columns:38px minmax(0,1fr);
      gap:12px;
      padding:14px;
      border-radius:17px;
      background:var(--panel);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
    }
    .notification-card.unread{
      box-shadow:inset 3px 0 0 var(--blue),inset 0 0 0 1px rgba(255,255,255,.025);
    }
    .notification-icon{
      width:38px;height:38px;border-radius:12px;
      background:#343840;color:#D8FFD0;
      display:grid;place-items:center;
    }
    .notification-icon i{width:19px;height:19px}
    .notification-body strong{
      display:block;
      font-size:13px;
      line-height:1.3;
      margin-bottom:4px;
    }
    .notification-body p{
      margin:0;
      color:#a5acbd;
      font-size:12px;
      line-height:1.45;
    }
    .notification-time{
      margin-top:7px;
      color:#737b91;
      font-size:10px;
    }
    .notification-empty{
      min-height:360px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:30px 20px;
    }
    .notification-empty-icon{
      width:70px;height:70px;border-radius:23px;
      display:grid;place-items:center;
      background:#20232b;color:#9199ae;
      margin-bottom:16px;
    }
    .notification-empty-icon i{width:31px;height:31px;stroke-width:1.8}
    .notification-empty h2{margin:0 0 7px;font-size:17px}
    .notification-empty p{margin:0;max-width:280px;color:#9299aa;font-size:12px;line-height:1.5}
    .notification-modal{position:fixed;inset:0;z-index:140;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.62)}
    .notification-modal.show{display:flex}
    .notification-modal-card{width:min(100%,380px);max-height:min(82dvh,520px);overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:var(--panel);box-shadow:0 22px 70px rgba(0,0,0,.48);padding:20px}
    .notification-modal-head{display:flex;align-items:flex-start;gap:13px}.notification-modal-icon{width:44px;height:44px;flex:none;border-radius:14px;background:color-mix(in srgb,var(--blue) 14%,var(--panel));color:var(--blue);display:grid;place-items:center}.notification-modal-icon i{width:22px;height:22px}.notification-modal-copy{min-width:0;flex:1}.notification-modal-copy h2{margin:1px 0 5px;font-size:17px;line-height:1.25}.notification-modal-copy time{color:#737b91;font-size:10px}.notification-modal-close{width:32px;height:32px;flex:none;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:var(--text);display:grid;place-items:center}.notification-modal-close i{width:18px;height:18px}.notification-modal-message{margin:18px 0 0;color:#b8bfce;font-size:13px;line-height:1.65;white-space:pre-line}
    .notification-card{cursor:pointer}.notification-card:active{transform:scale(.99)}

    .partner-sheet{
      position:fixed;
      left:0;right:0;bottom:0;
      z-index:91;
      max-height:min(78dvh,720px);
      padding:18px 16px 22px;
      border-radius:24px 24px 0 0;
      background:#181a20;
      color:#fff;
      transform:translateY(105%);
      transition:transform .24s ease;
      overflow:hidden;
      box-shadow:none;
      display:flex;
      flex-direction:column;
    }
    .partner-sheet.show{
      transform:translateY(0);
      box-shadow:0 -18px 50px rgba(0,0,0,.32);
    }
    .partner-sheet-head{
      display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
      margin-bottom:16px;
    }
    .partner-sheet-title h3{margin:0;font-size:20px;font-weight:900;letter-spacing:-.02em}
    .partner-sheet-title p{margin:5px 0 0;color:#979fb2;font-size:12px;line-height:1.4}
    .partner-head-actions{display:flex;align-items:center;gap:8px}
    .partner-manage,.partner-close{
      border:0;color:#fff;background:#252932;height:38px;border-radius:12px;
      display:grid;place-items:center;
    }
    .partner-close{width:38px}
    .partner-close i{width:18px;height:18px}
    .partner-hero{
      display:flex;align-items:center;gap:12px;
      padding:14px;border-radius:18px;
      background:linear-gradient(135deg,rgba(106,255,65,.18),rgba(106,255,65,.08));
      border:1px solid rgba(106,255,65,.13);
      margin-bottom:14px;
    }
    .partner-hero-icon{
      width:44px;height:44px;border-radius:14px;flex:none;
      display:grid;place-items:center;background:var(--blue);color:#111315;
      box-shadow:0 8px 20px rgba(106,255,65,.22);
    }
    .partner-hero-icon i{width:22px;height:22px}
    .partner-hero strong{display:block;font-size:13px;margin-bottom:3px}
    .partner-hero span{display:block;font-size:11px;color:#aeb6c9;line-height:1.4}
    .partner-list{
      min-height:0;
      max-height:calc(78dvh - 142px);
      overflow:auto;
      display:grid;
      gap:10px;
      padding-bottom:14px;
      scrollbar-width:none;
      align-content:start;
      grid-auto-rows:max-content;
    }
    .partner-list::-webkit-scrollbar{display:none}
    .partner-card{
      position:relative;
      align-self:start;
      display:grid;
      grid-template-columns:54px minmax(0,1fr) auto;
      gap:12px;align-items:center;
      padding:13px;
      border-radius:18px;
      background:#20232b;
      border:1px solid rgba(255,255,255,.035);
    }
    .partner-logo{
      width:54px;height:54px;border-radius:16px;overflow:hidden;
      background:#343840;display:grid;place-items:center;
      font-weight:900;font-size:21px;color:#fff;
    }
    .partner-logo img{width:100%;height:100%;object-fit:cover;display:block}
    .partner-copy{min-width:0}
    .partner-name-row{display:flex;align-items:center;gap:7px;margin-bottom:4px;min-width:0}
    .partner-name{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .partner-verified{width:15px;height:15px;color:#9DFF84;flex:none}
    .partner-desc{font-size:11px;line-height:1.4;color:#9fa7b9;margin-bottom:7px}
    .partner-promo{
      display:inline-flex;align-items:center;gap:5px;
      max-width:100%;padding:5px 8px;border-radius:999px;
      background:rgba(55,205,142,.11);color:#68ddb0;
      font-size:10px;font-weight:800;
    }
    .partner-promo i{width:12px;height:12px}
    .partner-open{
      min-width:70px;height:38px;border:0;border-radius:12px;
      background:var(--blue);color:#111315;font-size:11px;font-weight:900;padding:0 12px;
    }

    .account-partners{
      display:grid;
      gap:12px;
      margin:14px 0 16px;
    }
    .account-partner-title{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      color:#aeb5c6;
      font-size:11px;
      font-weight:750;
      margin:0 2px 2px;
    }
    .account-partner-more{
      border:0;background:transparent;color:#9DFF84;font-size:10px;font-weight:850;padding:4px 0;
    }
    .account-partner-card{
      width:100%;
      border:0;
      display:grid;
      grid-template-columns:40px minmax(0,1fr) auto;
      gap:12px;
      align-items:center;
      text-align:left;
      background:#20232b;
      color:#fff;
      border-radius:15px;
      padding:12px 12px;
      margin-bottom:8px;
    }
    .account-partner-card:last-child{margin-bottom:0}
    .account-partner-logo{
      width:38px;height:38px;border-radius:11px;overflow:hidden;background:#333a52;
      display:grid;place-items:center;font-weight:900;
    }
    .account-partner-logo img{width:100%;height:100%;object-fit:cover}
    .account-partner-copy{min-width:0}
    .account-partner-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
    .account-partner-copy span{display:block;color:#72d9ae;font-size:9.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .account-partner-card>i{width:17px;height:17px;color:#8f97aa}

    .partner-empty{
      min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;
      text-align:center;color:#9ba3b6;padding:30px;
    }
    .partner-empty i{width:34px;height:34px;margin-bottom:10px}
    .partner-empty strong{color:#fff;font-size:14px;margin-bottom:5px}
    .partner-empty span{font-size:11px;line-height:1.45}

    .broker-confirm{
      position:fixed;
      inset:0;
      z-index:140;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(7,10,18,.62);
      backdrop-filter:blur(6px);
    }
    .broker-confirm.show{display:flex}
    .broker-confirm-card{
      width:min(92vw,390px);
      border-radius:22px;
      padding:20px;
      background:linear-gradient(160deg,#20232b,#181a20);
      border:1px solid rgba(255,255,255,.06);
      box-shadow:0 24px 70px rgba(0,0,0,.42);
    }
    .broker-confirm-icon{
      width:54px;
      height:54px;
      border-radius:17px;
      display:grid;
      place-items:center;
      background:rgba(106,255,65,.14);
      color:#9DFF84;
      margin-bottom:14px;
    }
    .broker-confirm-icon i{width:27px;height:27px;stroke-width:2.2}
    .broker-confirm-card h3{
      margin:0 0 8px;
      font-size:19px;
      font-weight:900;
      letter-spacing:-.02em;
    }
    .broker-confirm-card p{
      margin:0;
      color:#a7afc1;
      font-size:12px;
      line-height:1.55;
    }
    .broker-confirm-name{
      color:#fff;
      font-weight:850;
    }
    .broker-confirm-note{
      display:flex;
      gap:9px;
      margin-top:14px;
      padding:11px 12px;
      border-radius:14px;
      background:#181a20;
      color:#929bad;
      font-size:10.5px;
      line-height:1.45;
    }
    .broker-confirm-note i{
      width:17px;
      height:17px;
      flex:none;
      color:#7d879d;
      margin-top:1px;
    }
    .broker-confirm-actions{
      display:grid;
      grid-template-columns:1fr 1.2fr;
      gap:9px;
      margin-top:18px;
    }
    .broker-confirm-cancel,
    .broker-confirm-continue{
      height:44px;
      border:0;
      border-radius:13px;
      font-size:12px;
      font-weight:900;
    }
    .broker-confirm-cancel{
      background:#2b2f38;
      color:#d6dae4;
    }
    .broker-confirm-continue{
      background:var(--blue);
      color:#111315;
      box-shadow:0 9px 20px rgba(106,255,65,.20);
    }
    .broker-confirm-continue.danger{
      background:#f5684b;
      box-shadow:0 9px 20px rgba(245,104,75,.20);
    }