html[data-mode=trader] #appShell,html[data-mode=both] #appShell{--font-body:"Outfit",system-ui,sans-serif;--font-display:"Outfit",system-ui,sans-serif;--blue:#4A3AFF;--blue-hover:#6255ff;--blue-soft:rgba(74,58,255,.12);--blue-soft-border:rgba(124,115,255,.3);--focus-ring:#a49bff;font-family:var(--font-body);font-variant-numeric:tabular-nums;--tr-gap:24px;--tr-radius:20px}html[data-theme=dark]:is([data-mode=trader],[data-mode=both]) #appShell{--bg:#0E1013;--surface:#15181e;--surface2:#1c2028;--surface3:#232833;--text:#f0f1f6;--muted:#a6adbb;--muted2:#8f99aa;--border:#303641;--border-soft:#252b34;background:var(--bg);color:var(--text)}html:is([data-mode=trader],[data-mode=both]) #appShell .main{max-width:1600px}html:is([data-mode=trader],[data-mode=both]) #appShell .view{max-width:1240px;margin-inline:auto;padding-top:36px;padding-bottom:64px}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.page-title,.dash-title,.d2-title,.iv-home-title){font-family:var(--font-display);font-size:clamp(30px,3.2vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.page-kicker,.d2-eyebrow){color:var(--muted2);font-size:11px;font-weight:600;letter-spacing:.12em}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.page-sub,.dash-sub,.d2-subtitle){max-width:62ch;font-size:15px;line-height:1.6;color:var(--muted)}html:is([data-mode=trader],[data-mode=both]) #appShell .sidebar{background:var(--bg);border-right:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .sidebar-nav .tab{min-height:44px;margin-block:3px;border-radius:10px;font-weight:450}html:is([data-mode=trader],[data-mode=both]) #appShell .sidebar-nav .tab.active{background:var(--blue-soft);color:var(--text);box-shadow:inset 3px 0 var(--blue)}html:is([data-mode=trader],[data-mode=both]) #appShell .sidebar-nav .tab.active svg{color:var(--focus-ring)}html:is([data-mode=trader],[data-mode=both]) #appShell .app-topbar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell :is(button,input,select,textarea){font-family:inherit}html:is([data-mode=trader],[data-mode=both]) #appShell :is(input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-welcome{padding:4px 0 28px;margin-bottom:28px;border-bottom:1px solid var(--border-soft);align-items:flex-start}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-date{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:12px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-action{display:flex;align-items:flex-start;gap:16px;padding:22px;text-align:left;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);min-height:112px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-action:first-child{background:var(--blue-soft);border-color:var(--blue-soft-border)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-action-ic{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--surface2);display:grid;place-items:center;color:var(--focus-ring)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-action-name{font-size:16px;font-weight:550}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-action-desc{display:block;font-size:13px;line-height:1.5;margin-top:5px;color:var(--muted)}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-day-card,.d2-activity,.d2-learning,.d2-copilot-card,.mx-active-trade){border:1px solid var(--border-soft);border-radius:var(--tr-radius);background:var(--surface);padding:24px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-personal-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-do{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:8px}html:is([data-mode=trader],[data-mode=both]) #appShell .iv-mkt{gap:24px;margin-top:0}html:is([data-mode=trader],[data-mode=both]) #appShell .iv-mkt-head{padding-bottom:24px;border-bottom:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.iv-tape,.iv-q-table,.mk-deep,.iv-brief){border:1px solid var(--border-soft);border-radius:18px;background:var(--surface)}html:is([data-mode=trader],[data-mode=both]) #appShell .iv-q-table{overflow:hidden}html:is([data-mode=trader],[data-mode=both]) #appShell .iv-q{min-height:70px;padding-inline:20px}html:is([data-mode=trader],[data-mode=both]) #appShell .iv-q-head{min-height:44px;background:var(--surface2)}html:is([data-mode=trader],[data-mode=both]) #appShell .iv-q-group{padding:18px 20px 8px;color:var(--muted)}html:is([data-mode=trader],[data-mode=both]) #appShell .iv-q-last{font-weight:550;font-size:16px}html:is([data-mode=trader],[data-mode=both]) #appShell .amode-grid{gap:12px;margin-block:28px}html:is([data-mode=trader],[data-mode=both]) #appShell .amode-card{padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}html:is([data-mode=trader],[data-mode=both]) #appShell .amode-card.active{border-color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.dropzone,.form-section,.analysis-form){border-radius:18px}html:is([data-mode=trader],[data-mode=both]) #appShell .dropzone{min-height:220px;background:var(--surface);border:1px dashed var(--border)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-head{padding-bottom:24px;border-bottom:1px solid var(--border-soft);margin-bottom:24px}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-card{height:100%;padding:24px;border:1px solid var(--border-soft);border-radius:18px;background:var(--surface)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-card-cell+.tt-card-cell .tt-card{border-top:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-card-asset-name{font-size:22px;font-weight:550}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.hist-toolbar,.hist-folder-bar){gap:12px;padding-block:16px}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.hist-item,.history-item,.hist-card){padding:20px 24px;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;margin-bottom:10px}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.pf-card,.ix-section,.lrn-module,.lrn-hero,.al-card){padding:24px;border:1px solid var(--border-soft);border-radius:var(--tr-radius);background:var(--surface);margin-top:20px}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.ix-sec-title,.lrn-module-title,.pf-h){font-size:21px;font-weight:550;letter-spacing:-.025em}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.pf-stat-val,.tt-stat-val,.lrn-hero-level-val){font-family:var(--font-display);font-size:30px;font-weight:550;letter-spacing:-.035em}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.al-empty,.tt-empty,.lrn-optin,.hist-empty){padding:40px 24px;border:1px solid var(--border-soft);border-radius:20px;background:var(--surface);max-width:100%}html:is([data-mode=trader],[data-mode=both]) #appShell .view-crumb{margin-bottom:20px}@media(prefers-reduced-motion:no-preference){html:is([data-mode=trader],[data-mode=both]) #appShell .view.active{animation:trading-enter .22s cubic-bezier(.2,.7,.2,1) both}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-action,.tt-card,.amode-card,.sidebar-nav .tab,.iv-q){transition:background .16s,border-color .16s,transform .16s}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-action,.amode-card):active{transform:translateY(1px)}@keyframes trading-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}@media(hover:hover){html:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-action,.tt-card,.amode-card):hover{border-color:var(--blue-soft-border);background:var(--surface2)}}@media(max-width:1100px){html:is([data-mode=trader],[data-mode=both]) #appShell .tt-grid{grid-template-columns:1fr}}@media(max-width:700px){html:is([data-mode=trader],[data-mode=both]) #appShell .view{padding-top:24px;padding-bottom:36px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-welcome{gap:16px;flex-wrap:wrap}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-personal-grid{grid-template-columns:1fr;gap:16px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-action{padding:16px;gap:10px;min-height:132px;flex-direction:column}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-action-ic{flex-basis:32px;width:32px;height:32px;border-radius:9px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-action-name{font-size:14px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-action-desc{font-size:12px}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.pf-card,.ix-section,.lrn-module,.lrn-hero,.al-card){padding:20px}html:is([data-mode=trader],[data-mode=both]) #appShell .iv-q{padding-inline:12px}html:is([data-mode=trader],[data-mode=both]) #appShell .iv-mkt-head{gap:16px}}@media(prefers-reduced-motion:reduce){html:is([data-mode=trader],[data-mode=both]) #appShell *,html:is([data-mode=trader],[data-mode=both]) #appShell *:before,html:is([data-mode=trader],[data-mode=both]) #appShell *:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}html:is([data-mode=trader],[data-mode=both]) #appShell .content-scroll{background-image:none}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-daily-briefing{padding:28px;border-radius:20px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-briefing-content{gap:16px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-brief-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-field{padding:16px 12px;border-top:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-market-strip{padding:24px;border-radius:18px}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-market-title,.d2-briefing-title){font-size:22px;letter-spacing:-.025em}html:is([data-mode=trader],[data-mode=both]) #appShell .card-workspace{padding:28px;border:1px solid var(--border-soft);border-radius:20px;background:var(--surface)}html:is([data-mode=trader],[data-mode=both]) #appShell .al-row{padding:8px 16px;margin-block:10px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface)}html:is([data-mode=trader],[data-mode=both]) #appShell .al-main{min-height:76px}html:is([data-mode=trader],[data-mode=both]) #appShell .al-tk{font-size:20px;letter-spacing:-.025em}html:is([data-mode=trader],[data-mode=both]) #appShell .hist-list{display:grid;gap:12px}@media(min-width:1200px){html:is([data-mode=trader],[data-mode=both]) #appShell .d2-workspace{grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-workspace>.d2-actions{position:sticky;top:88px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-workspace .d2-actions-grid{grid-template-columns:1fr}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-workspace .d2-action{min-height:96px}}@media(max-width:700px){html:is([data-mode=trader],[data-mode=both]) #appShell .card-workspace{padding:20px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-daily-briefing{padding:22px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-brief-fields{grid-template-columns:1fr}}html[data-theme=dark]:is([data-mode=trader],[data-mode=both]) #appShell{--blue:#a49bff;--blue-fill:#4A3AFF}html:is([data-mode=trader],[data-mode=both]) #appShell .content-scroll:before{display:none}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-dashboard{gap:24px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-welcome{margin-bottom:0}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.ix-empty,.ix-hero){padding:32px;border:1px solid var(--border-soft);border-radius:20px;background:var(--surface)}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.ix-hero-title,.ix-empty-title){font-size:clamp(28px,3vw,38px);font-weight:550;letter-spacing:-.035em;max-width:26ch}html:is([data-mode=trader],[data-mode=both]) #appShell .ix-empty-text{max-width:62ch;line-height:1.7}html:is([data-mode=trader],[data-mode=both]) #appShell .ix-block{padding:28px;background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;margin-top:20px}html:is([data-mode=trader],[data-mode=both]) #appShell .ix-index{gap:8px;padding-block:16px}html:is([data-mode=trader],[data-mode=both]) #appShell .ix-index-chip{padding:10px 14px;border-radius:10px;background:var(--surface)}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.lrn-stage,.lrn-ex-card){border:1px solid var(--border-soft);background:var(--surface);border-radius:18px}html:is([data-mode=trader],[data-mode=both]) #appShell .lrn-path{display:grid;gap:20px}html:is([data-mode=trader],[data-mode=both]) #appShell .lrn-stage-head{padding:20px 24px;border-bottom:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .lrn-path-lesson{min-height:60px;padding:16px 24px}html:is([data-mode=trader],[data-mode=both]) #appShell .hist-row{padding:20px;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;margin-bottom:12px}html:is([data-mode=trader],[data-mode=both]) #appShell .hist-row-title{font-size:16px;font-weight:550}html:is([data-mode=trader],[data-mode=both]) #appShell #historyListInner>.empty-state{padding:48px 24px;border:1px solid var(--border-soft);background:var(--surface);border-radius:20px}html:is([data-mode=trader],[data-mode=both]) #appShell .pf-hero{padding:28px;border-radius:20px;background:var(--surface);border:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .pf-hero-v{font-size:clamp(32px,4vw,48px);font-weight:550;letter-spacing:-.04em}@media(max-width:700px){html:is([data-mode=trader],[data-mode=both]) #appShell :is(.ix-empty,.ix-hero,.ix-block){padding:22px}html:is([data-mode=trader],[data-mode=both]) #appShell .lrn-stage-head{padding:16px}}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch{margin:24px 0 8px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chart,html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-decision{display:flex;flex-direction:column;gap:14px;min-height:148px;padding:24px;border-radius:18px;text-align:left;font:inherit}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chart{position:relative;flex-direction:row;align-items:flex-start;border:0;background:var(--blue-fill);color:#fff;cursor:pointer;box-shadow:0 10px 28px -12px #4a3aff8c}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chart:hover{filter:brightness(1.06)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chart:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--focus-ring)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-decision{border:1px solid rgba(124,115,255,.45);background:var(--surface);color:var(--text)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-head{display:flex;align-items:flex-start;gap:14px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-ic{flex:0 0 46px;width:46px;height:46px;display:inline-grid;place-items:center;border-radius:12px;background:var(--blue-soft);color:var(--focus-ring)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chart .d2-launch-ic{background:#ffffff29;color:#fff}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-name{font-size:19px;font-weight:600;letter-spacing:-.02em}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-desc{font-size:14px;line-height:1.5;color:var(--muted)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chart .d2-launch-desc{color:#ffffffdb}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-desc.is-short{display:none}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chip{padding:3px 10px;border-radius:var(--r-pill);background:#ffffff24;font-size:12px;font-weight:600;letter-spacing:.02em}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-arrow{align-self:center;font-size:22px;line-height:1}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch .d2-do{margin:auto 0 0;grid-column:auto}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch .d2-do-go{background:var(--text);color:var(--bg)}@media(max-width:640px){html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch{margin-top:16px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-grid{grid-template-columns:minmax(0,1fr);gap:10px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chart,html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-decision{min-height:76px;padding:14px 16px;border-radius:16px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chart{align-items:center}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-decision{position:relative;flex-direction:row;align-items:center}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-ic{flex-basis:40px;width:40px;height:40px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-name{font-size:16px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-desc{display:none}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-desc.is-short{display:block;font-size:13px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch-chips{display:none}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch .d2-do{position:static;margin:0;padding:0;border:0;background:none;box-shadow:none}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch .d2-do-field{display:none}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch .d2-do-go{position:absolute;inset:0;width:100%;height:auto;border-radius:16px;background:transparent;color:transparent;font-size:0}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-launch .d2-do-go:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring)}}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-main{gap:var(--space-7);margin-top:var(--space-6)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-strip{margin-top:var(--space-6)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-head .d2-section-label{margin:0}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-head .d2-day-link{margin:0;padding:6px 0}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-strip .d2-day-card{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-strip .d2-day-row{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:18px 20px;border-bottom:0;border-right:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-strip .d2-day-row:last-child{border-right:0}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-strip .d2-day-v{font-size:32px;font-weight:600;letter-spacing:-.03em;text-align:left;line-height:1.05}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-start-guide.is-first{margin-top:var(--space-6)}@media(max-width:640px){html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-strip .d2-day-card{grid-template-columns:repeat(2,minmax(0,1fr))}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-strip .d2-day-row{padding:14px 16px;border-right:0;border-bottom:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-strip .d2-day-row:nth-child(odd){border-right:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-day-strip .d2-day-v{font-size:26px}}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-states-strip{padding:10px 14px;border-radius:14px;margin-bottom:16px}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-states-strip-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-states-strip .tt-guide-dismiss{position:static;margin-left:auto}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-states-strip-k{color:var(--muted2);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-states-chips{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none;flex-wrap:wrap}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-state-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:var(--r-pill);background:var(--surface2);font-size:13px;font-weight:600;color:var(--text)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-state-chip+.tt-state-chip:before{content:"\2192";margin:0 4px 0 -2px;color:var(--muted2);font-weight:500}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-states-help{margin-top:4px}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-states-help>summary{display:inline-flex;align-items:center;min-height:32px;cursor:pointer;color:var(--blue);font-size:13px;font-weight:600}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-states-help[open]>summary{margin-bottom:10px}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 0 16px;border:1px solid var(--border-soft);border-radius:var(--tr-radius,20px);background:var(--surface);overflow:hidden}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-cell{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-right:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-cell:last-child{border-right:0}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-k{color:var(--muted);font-size:13px}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-v{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;letter-spacing:-.03em;color:var(--text)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-n{color:var(--muted2);font-size:12px}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-cell.is-pos .tt-sum-v{color:var(--green-text)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-cell.is-neg .tt-sum-v{color:var(--red-text)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-card-range{margin:10px 0 2px}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-range-track{position:relative;height:8px;border-radius:var(--r-pill);background:linear-gradient(90deg,color-mix(in srgb,var(--red-text) 38%,var(--surface3)),var(--surface3) 50%,color-mix(in srgb,var(--green-text) 38%,var(--surface3)))}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-range-entry{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--muted2);border-radius:1px}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-range-mark{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--text);box-shadow:0 0 0 3px var(--surface)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-range-legend{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:var(--muted2);font-size:11.5px;font-weight:600}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-range-sit{padding:1px 8px;border-radius:var(--r-pill);background:var(--surface2);color:var(--text)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-range-sit.is-good{color:var(--green-text)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-range-sit.is-bad{color:var(--red-text)}@media(max-width:640px){html:is([data-mode=trader],[data-mode=both]) #appShell .tt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-cell{border-right:0;border-bottom:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-cell:nth-child(odd){border-right:1px solid var(--border-soft)}html:is([data-mode=trader],[data-mode=both]) #appShell .tt-sum-v{font-size:22px}}html:is([data-mode=trader],[data-mode=both]) #appShell details.pf-gap>summary.pf-gap-sum{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}html:is([data-mode=trader],[data-mode=both]) #appShell details.pf-gap>summary.pf-gap-sum::-webkit-details-marker{display:none}html:is([data-mode=trader],[data-mode=both]) #appShell details.pf-gap>summary.pf-gap-sum:after{content:"";width:8px;height:8px;margin-left:auto;border-right:2px solid var(--muted2);border-bottom:2px solid var(--muted2);transform:rotate(45deg)}html:is([data-mode=trader],[data-mode=both]) #appShell details.pf-gap[open]>summary.pf-gap-sum:after{transform:rotate(-135deg)}html:is([data-mode=trader],[data-mode=both]) #appShell .pf-hrow-risk{flex-wrap:wrap}html:is([data-mode=trader],[data-mode=both]) #appShell .pf-hrow-risk .pf-stat-note{flex:1 0 100%;order:3;margin-top:4px;text-align:left}html:is([data-mode=trader],[data-mode=both]) #appShell .hist-empty-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}html:is([data-mode=trader],[data-mode=both]) #appShell .hist-empty-ctas .btn{width:auto;min-height:44px;padding:0 20px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-daily-briefing.is-compact .d2-briefing-lede p{font-size:20px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-brief-none{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.5}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-welcome,.ix-empty){position:relative;isolation:isolate}html:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-welcome,.ix-empty):before{content:"";position:absolute;z-index:-1;pointer-events:none;right:120px;top:-18px;width:520px;height:170px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 170' fill='none' stroke='%238F86FF' stroke-width='2'%3E%3Cpath d='M14 40v100M42 60v90M70 30v90M98 55v95M126 20v100M154 50v90M182 35v90M210 70v90M238 45v95M266 15v100M294 40v95M322 65v85M350 30v100M378 55v90M406 25v90M434 50v95M462 70v80M490 35v95'/%3E%3Cg fill='%238F86FF'%3E%3Crect x='8' y='62' width='12' height='44' rx='2'/%3E%3Crect x='64' y='50' width='12' height='40' rx='2'/%3E%3Crect x='120' y='40' width='12' height='44' rx='2'/%3E%3Crect x='176' y='55' width='12' height='40' rx='2'/%3E%3Crect x='232' y='66' width='12' height='48' rx='2'/%3E%3Crect x='288' y='60' width='12' height='44' rx='2'/%3E%3Crect x='344' y='52' width='12' height='46' rx='2'/%3E%3Crect x='400' y='46' width='12' height='42' rx='2'/%3E%3Crect x='456' y='90' width='12' height='36' rx='2'/%3E%3C/g%3E%3Cg fill='%230E1013'%3E%3Crect x='36' y='86' width='12' height='40' rx='2'/%3E%3Crect x='92' y='78' width='12' height='48' rx='2'/%3E%3Crect x='148' y='72' width='12' height='40' rx='2'/%3E%3Crect x='204' y='92' width='12' height='44' rx='2'/%3E%3Crect x='260' y='36' width='12' height='44' rx='2'/%3E%3Crect x='316' y='86' width='12' height='38' rx='2'/%3E%3Crect x='372' y='76' width='12' height='40' rx='2'/%3E%3Crect x='428' y='72' width='12' height='44' rx='2'/%3E%3Crect x='484' y='56' width='12' height='46' rx='2'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;opacity:.06}html:is([data-mode=trader],[data-mode=both]) #appShell .ix-empty:before{right:24px;top:auto;bottom:16px;width:360px;height:118px}html[data-theme=light]:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-welcome,.ix-empty):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 170' fill='none' stroke='%234A3AFF' stroke-width='2'%3E%3Cpath d='M14 40v100M42 60v90M70 30v90M98 55v95M126 20v100M154 50v90M182 35v90M210 70v90M238 45v95M266 15v100M294 40v95M322 65v85M350 30v100M378 55v90M406 25v90M434 50v95M462 70v80M490 35v95'/%3E%3Cg fill='%234A3AFF'%3E%3Crect x='8' y='62' width='12' height='44' rx='2'/%3E%3Crect x='64' y='50' width='12' height='40' rx='2'/%3E%3Crect x='120' y='40' width='12' height='44' rx='2'/%3E%3Crect x='176' y='55' width='12' height='40' rx='2'/%3E%3Crect x='232' y='66' width='12' height='48' rx='2'/%3E%3Crect x='288' y='60' width='12' height='44' rx='2'/%3E%3Crect x='344' y='52' width='12' height='46' rx='2'/%3E%3Crect x='400' y='46' width='12' height='42' rx='2'/%3E%3Crect x='456' y='90' width='12' height='36' rx='2'/%3E%3C/g%3E%3Cg fill='%23F4F5F5'%3E%3Crect x='36' y='86' width='12' height='40' rx='2'/%3E%3Crect x='92' y='78' width='12' height='48' rx='2'/%3E%3Crect x='148' y='72' width='12' height='40' rx='2'/%3E%3Crect x='204' y='92' width='12' height='44' rx='2'/%3E%3Crect x='260' y='36' width='12' height='44' rx='2'/%3E%3Crect x='316' y='86' width='12' height='38' rx='2'/%3E%3Crect x='372' y='76' width='12' height='40' rx='2'/%3E%3Crect x='428' y='72' width='12' height='44' rx='2'/%3E%3Crect x='484' y='56' width='12' height='46' rx='2'/%3E%3C/g%3E%3C/svg%3E");opacity:.05}@media(prefers-color-scheme:light){html:not([data-theme=dark]):is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-welcome,.ix-empty):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 170' fill='none' stroke='%234A3AFF' stroke-width='2'%3E%3Cpath d='M14 40v100M42 60v90M70 30v90M98 55v95M126 20v100M154 50v90M182 35v90M210 70v90M238 45v95M266 15v100M294 40v95M322 65v85M350 30v100M378 55v90M406 25v90M434 50v95M462 70v80M490 35v95'/%3E%3Cg fill='%234A3AFF'%3E%3Crect x='8' y='62' width='12' height='44' rx='2'/%3E%3Crect x='64' y='50' width='12' height='40' rx='2'/%3E%3Crect x='120' y='40' width='12' height='44' rx='2'/%3E%3Crect x='176' y='55' width='12' height='40' rx='2'/%3E%3Crect x='232' y='66' width='12' height='48' rx='2'/%3E%3Crect x='288' y='60' width='12' height='44' rx='2'/%3E%3Crect x='344' y='52' width='12' height='46' rx='2'/%3E%3Crect x='400' y='46' width='12' height='42' rx='2'/%3E%3Crect x='456' y='90' width='12' height='36' rx='2'/%3E%3C/g%3E%3Cg fill='%23F4F5F5'%3E%3Crect x='36' y='86' width='12' height='40' rx='2'/%3E%3Crect x='92' y='78' width='12' height='48' rx='2'/%3E%3Crect x='148' y='72' width='12' height='40' rx='2'/%3E%3Crect x='204' y='92' width='12' height='44' rx='2'/%3E%3Crect x='260' y='36' width='12' height='44' rx='2'/%3E%3Crect x='316' y='86' width='12' height='38' rx='2'/%3E%3Crect x='372' y='76' width='12' height='40' rx='2'/%3E%3Crect x='428' y='72' width='12' height='44' rx='2'/%3E%3Crect x='484' y='56' width='12' height='46' rx='2'/%3E%3C/g%3E%3C/svg%3E");opacity:.05}}@media(max-width:640px){html:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-welcome,.ix-empty):before{right:0;top:-8px;width:220px;height:72px}html:is([data-mode=trader],[data-mode=both]) #appShell .ix-empty:before{top:auto;bottom:8px}}@media(forced-colors:active){html:is([data-mode=trader],[data-mode=both]) #appShell :is(.d2-welcome,.ix-empty):before{display:none}}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-welcome .d2-title{font-size:clamp(32px,4.2vw,46px);font-weight:600;letter-spacing:-.05em}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-welcome .d2-eyebrow{display:inline-flex;align-items:center;gap:8px}html:is([data-mode=trader],[data-mode=both]) #appShell .d2-welcome .d2-eyebrow:before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--blue-fill)}html:is([data-mode=trader],[data-mode=both]) #appShell #ttNewTradeBtn{box-shadow:0 10px 28px -12px #4a3aff8c}
