.exchange{--neon:#a3ff12;--cyan:#00d9ff;--rose:#ff5f8d;--ex-bg:#0c1322;--ex-line:#26334a;--ex-muted:#9eacc3;color:#f3f6ff;padding-top:22px}.exchange-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}.exchange-heading h2{font-size:clamp(38px,5vw,70px);line-height:1;margin:10px 0}.exchange-heading h2 em{color:var(--neon);font-style:normal}.exchange-heading .eyebrow{color:var(--cyan);font-size:10px}.exchange-heading p{color:var(--ex-muted);font-size:12px}.exchange-connection{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none}.exchange-live{font:700 10px monospace;letter-spacing:1.5px;color:var(--neon);background:#a3ff1212;border:1px solid #a3ff1244;padding:9px 12px;border-radius:30px}.exchange-live.delayed{color:#ffbd59;background:#ffbd5912;border-color:#ffbd5944}.exchange-connection small{font:10px monospace;color:var(--ex-muted)}.exchange button{cursor:pointer}.exchange button:focus-visible,.exchange input:focus-visible,.exchange select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.exchange button:disabled{opacity:.45;cursor:not-allowed}.exchange-tape{border-block:1px solid var(--ex-line);background:#101a2b;padding:15px 0;overflow:auto;margin-bottom:20px}.exchange-tape>div{display:flex;width:max-content;gap:0}.exchange-tape button{border:0;border-right:1px solid var(--ex-line);padding:5px 23px;background:none;color:#e8eefb;font:12px monospace;white-space:nowrap}.exchange-tape b{color:var(--cyan);margin-right:12px}.exchange-tape span{margin-left:10px}.exchange .metric-grid{margin:20px 0;gap:16px}.exchange .metric{background:var(--ex-bg);border:1px solid var(--ex-line);border-radius:12px}.exchange .metric strong{color:white;font:500 clamp(27px,3vw,42px) monospace;letter-spacing:-1.5px}.exchange .metric .eyebrow{font-size:9px;color:var(--ex-muted);letter-spacing:1px}.exchange .metric small{color:var(--ex-muted)}.exchange .portfolio-value{background:linear-gradient(120deg,#192c24,#0c1c27);border-color:#a3ff1244}.exchange .gain{color:var(--neon)!important}.exchange .loss{color:var(--rose)!important}.exchange .flat{color:var(--ex-muted)!important}.exchange .button{background:var(--neon);color:#15200a;border:0;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:1px}.exchange #join-market{margin:0 0 20px;padding:16px 22px}.exchange-workspace{display:grid;grid-template-columns:290px minmax(0,1fr) 275px;gap:16px;margin-top:22px;align-items:start}.exchange-panel{background:var(--ex-bg);border:1px solid var(--ex-line);border-radius:12px;min-width:0;padding:20px;overflow:hidden}.exchange-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--ex-line);margin-bottom:16px}.exchange-panel-heading h3,.exchange-panel-heading h4{font-size:18px;margin:0!important;letter-spacing:.4px}.exchange-panel-heading span{font:8px monospace;color:var(--ex-muted);letter-spacing:.8px;text-align:right}.exchange input,.exchange select{background:#111e30;color:#eaf1fd;border:1px solid #34435b;border-radius:5px;padding:11px;font-size:11px;min-width:0}.exchange input[type=search]{width:100%}.exchange-list-controls{display:flex;gap:8px;margin:12px 0}.exchange-list-controls select{flex:1;width:40%}.exchange-list-controls button,.chart-toolbar button,.watch-label,.quick-shares button{background:#121e30;border:1px solid #34435b;border-radius:5px;color:#b7c5dd;padding:8px;font:9px monospace}.exchange [aria-pressed=true]{color:var(--neon);border-color:#a3ff1277;background:#a3ff1210}.quote-row{display:flex;align-items:center;gap:4px;border-bottom:1px solid #202c40;padding:12px 0}.quote-row.selected{background:#a3ff1209}.watch-star{background:none;border:0;color:#7185a2;font-size:21px;padding:2px}.watch-star[aria-pressed=true]{background:none;border:0;color:#ffdd6d}.quote-select{border:0;background:none;text-align:left;color:inherit;display:grid;grid-template-columns:1fr auto;gap:7px;width:100%;align-items:center;padding:0 3px}.quote-symbol{display:inline-block;font:700 9px monospace;color:var(--asset);border:1px solid color-mix(in srgb,var(--asset),transparent 65%);background:color-mix(in srgb,var(--asset),transparent 92%);border-radius:4px;padding:6px;width:max-content}.quote-name{grid-column:1;grid-row:2;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.quote-name small{display:block;font:8px monospace;color:var(--ex-muted);margin-top:4px}.quote-values{text-align:right;grid-row:2;grid-column:2}.quote-values b{font:12px monospace}.quote-values small{display:block;font:9px monospace;margin-top:5px}.spark{width:65px;height:22px;grid-column:2;grid-row:1;justify-self:end}.chart-pending{font:7px monospace;color:#73849f;justify-self:end;grid-row:1;grid-column:2}.selected-meta{display:flex;align-items:center;gap:12px}.selected-meta>span:nth-child(2){font:8px monospace;color:var(--ex-muted)}.selected-meta i{color:var(--cyan);margin:0 4px}.watch-label{margin-left:auto}.exchange-selected h3,#exchange-selected h3{margin:23px 0 8px;font-size:32px;overflow-wrap:anywhere}.selected-price{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.selected-price>strong{font:500 48px monospace;letter-spacing:-2px}.selected-price>span{font:12px monospace}.selected-price small{font:8px monospace;color:var(--ex-muted);margin-left:5px}#exchange-selected>p{color:var(--ex-muted);font-size:9px;line-height:1.8}#exchange-selected>p span{margin-left:10px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ex-line);padding:18px 0;margin-top:23px}.chart-toolbar button{padding:7px 12px}.index-toggle{display:flex;align-items:center;gap:6px;font:9px monospace;color:var(--ex-muted)}.index-toggle input{accent-color:#b5a1ff}.price-chart{width:100%;display:block;margin:10px 0}.chart-empty{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(0deg,#a3ff1206,transparent);border-block:1px dashed var(--ex-line);padding:25px}.chart-empty>span{font:55px monospace;color:var(--neon)}.chart-empty strong{font-family:'Barlow Condensed',sans-serif;font-size:24px;margin:12px 0}.chart-empty p,.chart-empty small{font-size:10px;color:var(--ex-muted);line-height:1.8;max-width:310px}.chart-empty small{font-size:9px}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;font:8px monospace;color:var(--ex-muted);margin:12px 0}.chart-scrub-label{display:block;color:var(--ex-muted);font:8px monospace;margin:18px 0 8px}.chart-scrub-label output{float:right;color:#d9e4f5;font-size:9px}#exchange-scrub{width:100%;accent-color:var(--neon);padding:0;height:16px}#exchange-drivers{margin-top:28px}.factor-bars{display:grid;grid-template-columns:1fr 1fr;gap:14px 23px}.factor-bars>div{display:grid;grid-template-columns:50px 1fr 20px;gap:9px;align-items:center;font:9px monospace;color:var(--ex-muted);text-transform:uppercase}.factor-bars>div>div{height:4px;background:#24334a;border-radius:5px;overflow:hidden}.factor-bars i{display:block;height:100%;border-radius:5px}.factor-bars b{font:9px monospace;color:white}.driver-note{font-size:10px;color:var(--ex-muted);line-height:1.8}.exchange .order-form{display:grid;margin:0;padding:0;border:0;background:none;gap:17px}.exchange .order-form select,.exchange .order-form input{padding:12px;width:100%;height:40px}.exchange .order-form label{font:10px monospace;color:var(--ex-muted)}.exchange .order-form .quick-shares{grid-column:1/-1;display:flex;gap:8px}.quick-shares button{flex:1;padding:9px}.exchange #stock-estimate{line-height:1.9;font:10px/1.9 monospace;min-height:70px;color:var(--ex-muted)}.exchange .order-form button[type=submit]{padding:16px}.exchange .order-form:has(select#stock-side option[value=sell]:checked) button[type=submit]{background:var(--rose);color:#260d17}.exchange-rules{border-top:1px solid var(--ex-line);margin-top:22px;padding-top:20px;color:var(--ex-muted);font:10px/1.9 sans-serif}.exchange-rules>strong{color:var(--cyan);font:11px 'Barlow Condensed',sans-serif;letter-spacing:1px}.exchange-rules summary{cursor:pointer;color:#e7edf9;font-size:10px}.exchange-lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:16px 0}.position-row{display:flex;align-items:center;gap:10px;width:100%;padding:16px 0;border:0;border-bottom:1px solid #202c40;background:none;text-align:left;color:#e7edf9;font-size:11px}.asset-dot{width:8px;height:8px;border-radius:50%;flex:none}.position-row>span:nth-child(2){flex:1}.position-row small{display:block;color:var(--ex-muted);font:8px monospace;margin-top:5px}.position-row strong{text-align:right;font:13px monospace}.allocation-bar{display:flex;height:9px;overflow:hidden;border-radius:5px;margin:23px 0 12px}.allocation-key{display:flex;flex-wrap:wrap;gap:10px;font:8px monospace;color:var(--ex-muted)}.allocation-key i{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:5px}.xp-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.xp-heading strong{color:var(--neon);font:28px monospace}.xp-heading small{font:10px monospace;color:var(--ex-muted)}.xp-heading>span{font:9px monospace;color:var(--cyan);text-align:right}.xp-track{height:4px;background:#24334a;margin:15px 0 7px;border-radius:5px}.xp-track i{display:block;height:100%;background:var(--neon);box-shadow:0 0 12px #a3ff1255}.mission{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #202c40}.mission>span{font:20px monospace;color:#5f728e}.mission.complete>span{color:var(--neon)}.mission>div{flex:1}.mission strong{font:9px monospace}.mission small{display:block;font-size:9px;color:var(--ex-muted);margin-top:5px}.mission b{font:8px monospace;color:var(--ex-muted)}.mission.complete b{color:var(--neon)}.leader-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #202c40;padding:16px 0}.leader-row>b{font:23px 'Barlow Condensed',sans-serif;color:#607491}.leader-row:first-child>b{color:var(--neon)}.leader-row>span{flex:1;font-size:12px}.leader-row small{font:9px monospace;color:var(--ex-muted);display:block;margin-top:6px}.leader-row>strong{font:12px monospace}.exchange-orders{margin-top:16px}.exchange-empty{font-size:11px;line-height:1.9;color:var(--ex-muted);padding:20px 0}.exchange .results-table{font-size:11px}.exchange .results-table th{color:var(--ex-muted);font-size:9px;background:transparent}.exchange .results-table td{border-color:var(--ex-line)}.trade-tag{font:10px monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.price-flash{animation:quote-flash 1.2s ease-out}@keyframes quote-flash{from{background:#00d9ff44}to{background:transparent}}
@media(min-width:1400px){.exchange-workspace{grid-template-columns:310px minmax(0,1fr) 300px}}
@media(max-width:1150px){.exchange-workspace{grid-template-columns:260px minmax(0,1fr)}.exchange-ticket{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.exchange-ticket>.exchange-panel-heading{grid-column:1/-1}.exchange-rules{margin-top:0;border-top:0;padding-top:0}.exchange-lower{grid-template-columns:1fr 1fr}.exchange-lower>section:last-child{grid-column:1/-1}}
@media(max-width:700px){.exchange-heading{align-items:flex-start}.exchange-heading h2{font-size:39px}.exchange-heading p{font-size:10px}.exchange-connection{max-width:150px}.exchange-connection small{font-size:8px;text-align:right}.exchange-workspace{display:flex;flex-direction:column}.exchange-chart-panel{order:0;width:100%}.exchange-list{order:1;width:100%;max-height:470px;overflow:auto}.exchange-ticket{order:2;width:100%;display:block}.exchange-rules{margin-top:20px;border-top:1px solid var(--ex-line);padding-top:20px}.exchange-lower{grid-template-columns:1fr}.exchange .metric:last-child{grid-column:auto}.exchange .metric-grid{grid-template-columns:1fr 1fr}.exchange .metric:last-child{grid-column:1/-1}.exchange .metric strong{font-size:29px}.exchange-panel{padding:18px}.exchange .metric{padding:18px}.selected-price>strong{font-size:43px}.chart-toolbar{flex-wrap:wrap}.chart-scrub-label output{float:none;display:block;margin-top:8px}.exchange-tape button{padding:4px 17px}.factor-bars{gap:12px}.factor-bars>div{grid-template-columns:45px 1fr 20px;gap:5px;font-size:8px}.exchange-connection .secondary{font-size:8px;padding:9px}.exchange-heading .eyebrow{font-size:8px}.chart-empty{min-height:220px}.selected-meta{gap:8px}.selected-meta>span:nth-child(2){font-size:7px}.watch-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.price-flash{animation:none}}

@media(min-width:701px){.exchange-list #market-quotes{max-height:690px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34435b transparent}}

.exchange-tape>div{animation:exchange-ticker 70s linear infinite}.tape-group{display:flex;flex:none}.exchange-tape:hover>div,.exchange-tape:focus-within>div{animation-play-state:paused}@keyframes exchange-ticker{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.exchange-tape>div{animation:none}}