:root{--paper:#f7f8f6;--plate:#fff;--ink:#121826;--muted:#647080;--rule:#d7dde3;--red:#d6362b;--blue:#1f4fd1;--red-soft:#fcf0ed;--blue-soft:#eef2fe;--sans:"Archivo",Arial,Helvetica,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.5 var(--sans)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button{border-radius:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.045em;font-weight:800}sup{font-size:.58em;line-height:0;vertical-align:super}.wrap{max-width:1220px;padding-inline:32px;margin-inline:auto;min-width:0}.eyebrow{display:block;font:500 10px/1.4 var(--mono);letter-spacing:.075em;text-transform:uppercase;color:var(--muted)}.topbar{border-bottom:1px solid var(--ink)}.topbar-inner{height:65px;display:flex;align-items:center;gap:28px}.wordmark{font:900 20px/1 var(--sans);letter-spacing:-.045em;text-decoration:none}.wordmark sup{color:var(--red)}.demo-tag{display:flex;align-items:center;gap:8px;border:1px solid var(--rule);padding:6px 9px;font:500 10px/1 var(--mono);letter-spacing:.04em}.demo-tag i{width:5px;height:5px;background:var(--ink)}.topbar .text-button{margin-left:auto}.text-button{background:transparent;border:0;padding:8px 0;font:500 11px/1.4 var(--mono);color:var(--muted);white-space:nowrap}.text-button:hover{color:var(--ink);text-decoration:underline}.intro{padding-block:48px 38px;display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:end}.intro>.intro-copy{max-width:64ch}.intro .eyebrow{margin-bottom:16px}.intro h1{font-size:clamp(34px,4.5vw,58px);line-height:.99;font-weight:850}.intro h1 span{color:var(--red)}.intro-copy{margin-top:20px;color:#46515f;line-height:1.55}.practice-note{display:flex;gap:19px;align-items:flex-start;border-left:1px solid var(--ink);padding:0 0 0 25px;margin-bottom:3px}.practice-note .eyebrow{margin-bottom:9px}.practice-note p:last-child{color:var(--muted);font-size:13px;max-width:34ch}.note-symbol{font-size:29px;font-weight:700;line-height:1;color:var(--ink);letter-spacing:-.2em;white-space:nowrap}.account-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--ink);background:var(--plate)}.account-item{padding:20px 24px;min-width:0}.account-item+.account-item{border-left:1px solid var(--rule)}.account-item strong{display:block;font:600 clamp(22px,2.2vw,30px)/1.3 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:7px;overflow-wrap:anywhere}.account-item small{font:400 10px/1.4 var(--mono);color:var(--muted)}.status-line{font:400 11px/1.5 var(--mono);color:var(--muted);padding:14px 0 22px;min-height:53px;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.65fr);gap:24px;align-items:stretch}.panel{background:var(--plate);border:1px solid var(--ink);min-width:0}.panel-heading{padding:23px 24px 22px;border-bottom:1px solid var(--rule)}.panel-heading h2{font-size:28px;line-height:1.1;margin-top:8px;letter-spacing:-.035em}.panel-body{padding:24px}.trade-controls{display:flex;flex-direction:column;gap:23px}.field{display:grid;gap:9px;min-width:0}.market-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--ink)}.market-tabs button{padding:12px 3px;border:0;border-right:1px solid var(--ink);background:transparent;font:500 11px/1 var(--mono);color:var(--ink);min-width:0}.market-tabs button:last-child{border-right:0}.market-tabs button:hover{background:#eef0f2}.market-tabs button[aria-pressed=true]{background:var(--ink);color:var(--plate)}.direction-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.direction-tabs button{background:var(--paper);border:1px solid var(--rule);color:var(--muted);text-align:left;padding:14px 13px;display:flex;flex-direction:column;gap:7px;min-width:0}.direction-name{width:100%;font-size:21px;font-weight:750;letter-spacing:-.045em;line-height:1}.direction-name>span{float:right}.direction-copy{font-size:11px;line-height:1.3}.direction-tabs .bull[aria-pressed=true]{border-color:var(--red);background:var(--red-soft);color:var(--red)}.direction-tabs .bear[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.direction-tabs .bull:hover{border-color:var(--red)}.direction-tabs .bear:hover{border-color:var(--blue)}.amount-field{display:flex;align-items:center;border:1px solid var(--ink);min-width:0}.amount-field input{min-width:0;width:100%;border:0;background:transparent;padding:13px 14px;font:600 25px/1.2 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:0;appearance:textfield}.amount-field input::-webkit-inner-spin-button{appearance:none}.amount-field span{padding-right:14px;color:var(--muted);font:500 11px/1 var(--mono)}.field-hint{font-size:11px;line-height:1.5;color:var(--muted)}.order-details{display:grid;gap:9px;border-top:1px solid var(--rule);padding-top:15px;margin-top:-3px}.order-details>div{display:flex;justify-content:space-between;gap:15px;font-size:12px}.order-details strong{font:500 11px/1.5 var(--mono);text-align:right}.trade-controls>#order-preview{margin-top:-15px}.primary-button{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--ink);border:1px solid var(--ink);color:var(--plate);font:600 13px/1.3 var(--sans);padding:15px 17px;text-align:center}.primary-button:hover{background:#2b3545}.buy-button{background:var(--red);border-color:var(--red);width:100%;font-size:15px}.buy-button:hover{background:#b72b22;border-color:#b72b22}.buy-button.bear{background:var(--blue);border-color:var(--blue)}.buy-button.bear:hover{background:#173cac;border-color:#173cac}.trade-error{font:400 11px/1.4 var(--mono);color:var(--red);min-height:0;overflow-wrap:anywhere}.trade-error:empty{display:none}.scenario-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.scenario-heading h2{font-size:28px}.day-label{font:400 10px/1.4 var(--mono);letter-spacing:.05em;color:var(--muted);border:1px solid var(--rule);padding:7px 10px;white-space:nowrap}.day-label strong{color:var(--ink);font-weight:600;margin-left:4px}.scenario-body{display:flex;flex-direction:column;gap:18px}.price-readout{display:flex;align-items:end;justify-content:space-between;gap:18px}.price-readout strong{display:block;font:600 32px/1.1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-top:7px}.price-change{font:500 12px/1.4 var(--mono);padding-bottom:3px}.chart-figure{min-width:0;margin-top:3px}.chart-surface{position:relative;width:100%;height:218px;border:1px solid var(--rule);background-color:var(--plate);background-image:linear-gradient(to right,rgba(159,182,203,.21) 1px,transparent 1px),linear-gradient(to bottom,rgba(159,182,203,.21) 1px,transparent 1px);background-size:24px 24px}.chart-surface canvas{display:block;width:100%;height:100%}figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:400 9px/1.5 var(--mono);color:var(--muted);padding-top:8px}.chart-key{display:flex;gap:13px}.chart-key>span{display:flex;align-items:center;gap:5px;color:var(--ink)}.chart-key i{width:14px;border-top:2px solid}.bull-line{border-color:var(--red)!important}.bear-line{border-color:var(--blue)!important}.price-field{display:grid;gap:11px}.price-field input{width:100%;margin:0;accent-color:var(--ink);cursor:pointer;height:18px}.range-scale{display:flex;justify-content:space-between;font:400 9px/1.2 var(--mono);color:var(--muted);margin-top:-4px;gap:10px}.price-field .field-hint{margin-top:-4px}.quick-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.secondary-button{border:1px solid var(--rule);background:var(--plate);padding:10px 13px;color:var(--ink);font:500 11px/1.3 var(--mono);white-space:nowrap}.secondary-button:hover{background:var(--paper);border-color:var(--ink)}.quick-buttons .text-button{margin-left:auto}.time-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding-top:17px}.time-controls .field-hint{margin-top:3px}.time-buttons{display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0}.time-buttons .secondary-button{padding:9px 10px}.positions-section{margin-top:36px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:20px}.section-heading h2{font-size:29px;line-height:1.1;margin-top:8px;letter-spacing:-.035em}.section-heading>p{font-size:12px;color:var(--muted);text-align:right;max-width:32ch}.empty-state{border:1px dashed #b9c2cd;display:flex;align-items:center;gap:21px;padding:28px;background:var(--plate)}.empty-symbol{font-size:31px;color:#8994a4;line-height:1}.empty-state h3{font-size:17px;letter-spacing:-.02em}.empty-state p{font-size:12px;color:var(--muted);margin-top:4px}.table-scroll{width:100%;overflow-x:auto;background:var(--plate)}table{border-collapse:collapse;width:100%;font-size:12px;min-width:630px}table:not([hidden]){border-block:1px solid var(--ink)}th{font:500 9px/1.5 var(--mono);letter-spacing:.035em;text-transform:uppercase;color:var(--muted);text-align:left;padding:14px 16px;border-bottom:1px solid var(--rule);background:var(--paper)}td{padding:17px 16px;border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums}.numeric{text-align:right}.money{font-variant-numeric:tabular-nums;font-family:var(--mono)}.muted{color:var(--muted)}.positive{color:var(--blue)}.negative{color:var(--red)}.side-badge{display:inline-block;border:1px solid currentColor;font:500 10px/1.2 var(--mono);padding:4px 6px;white-space:nowrap;margin-left:7px}.side-badge.bull{color:var(--red);background:var(--red-soft)}.side-badge.bear{color:var(--blue);background:var(--blue-soft)}.sell-button{border:1px solid var(--ink);background:transparent;padding:7px 11px;font:500 11px/1.3 var(--mono);color:var(--ink)}.sell-button:hover{background:var(--ink);color:var(--plate)}.history-section{margin-top:34px}.history-empty{color:var(--muted);font:400 11px/1.5 var(--mono);padding:18px 0;border-top:1px solid var(--rule)}.history-list{border-top:1px solid var(--rule)}.history-list:empty{border:0}.history-row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--rule);font-size:12px}.history-row .history-day{font:400 10px/1.5 var(--mono);color:var(--muted)}.history-row .history-description{flex:1;min-width:0}.history-row .history-value{text-align:right;font:500 12px/1.5 var(--mono);white-space:nowrap}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--ink);margin-top:35px;padding:26px 0 35px}.footer .wordmark{font-size:15px;flex-shrink:0}.footer p{font:400 10px/1.6 var(--mono);color:var(--muted);max-width:68ch}.footer>.eyebrow{white-space:nowrap}.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}dialog{border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);padding:0;width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px)}dialog::backdrop{background:rgba(18,24,38,.45)}.dialog-content{padding:28px}.dialog-content h2{font-size:29px;line-height:1.05;margin-top:11px}.dialog-content>p:last-of-type{color:var(--muted);font-size:13px;margin-top:17px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px;flex-wrap:wrap}.dialog-actions .primary-button{padding:11px 15px;font-size:12px}.noscript{position:fixed;bottom:0;width:100%;padding:16px;background:var(--red);color:white;text-align:center;font-size:14px}[hidden]{display:none!important}
@media(min-width:1100px){.trade-panel .panel-heading{padding-bottom:22px}.trade-controls{gap:22px}.scenario-body{gap:19px}}
@media(max-width:1000px){.wrap{padding-inline:24px}.workspace{grid-template-columns:minmax(270px,.9fr) minmax(0,1.45fr);gap:18px}.panel-body,.panel-heading{padding-inline:20px}.intro{gap:30px}.time-controls{align-items:flex-start;flex-direction:column;gap:10px}.chart-surface{height:203px}.scenario-heading h2{font-size:24px}.account-item{padding-inline:18px}.direction-tabs button{padding-inline:10px}.direction-copy{font-size:10px}.footer>.eyebrow{display:none}}
@media(max-width:900px){.wrap{padding-inline:20px}.topbar-inner{height:60px;gap:16px}.wordmark{font-size:19px}.intro{padding-block:34px 28px;grid-template-columns:1fr;gap:22px;align-items:start}.intro h1{font-size:clamp(38px,6vw,50px)}.intro .eyebrow{margin-bottom:12px}.intro-copy{font-size:14px;margin-top:16px}.practice-note{padding-left:17px;gap:16px}.practice-note p:last-child{max-width:65ch;font-size:12px}.practice-note .eyebrow{margin-bottom:5px}.note-symbol{font-size:25px}.account-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.account-item{padding:17px 18px}.account-item:nth-child(3){border-top:1px solid var(--rule);border-left:0}.account-item:nth-child(4){border-top:1px solid var(--rule)}.account-item strong{font-size:27px}.workspace{grid-template-columns:1fr;gap:20px}.trade-controls{gap:21px}.direction-tabs button{padding:15px 16px}.direction-name{font-size:23px}.direction-copy{font-size:12px}.panel-body,.panel-heading{padding-inline:22px}.scenario-heading h2{font-size:27px}.chart-surface{height:235px}.time-controls{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.section-heading{align-items:start;gap:13px;flex-direction:column}.section-heading>p{text-align:left;max-width:100%;font-size:11px}.section-heading h2{font-size:27px}.section-heading>.eyebrow{display:none}.empty-state{padding:24px 20px;gap:15px}.footer{align-items:flex-start;flex-direction:column;gap:15px}.footer p{font-size:10px}.desktop-break{display:none}}
@media(max-width:400px){.wrap{padding-inline:15px}.topbar-inner{gap:12px}.wordmark{font-size:17px}.demo-tag{font-size:8px;padding:6px 7px;gap:5px}.topbar .text-button{font-size:9px}.intro h1{font-size:36px}.intro-copy{font-size:13px}.account-item{padding:15px 13px}.account-item strong{font-size:24px}.account-item .eyebrow{font-size:9px;letter-spacing:.04em}.status-line{font-size:10px;padding-bottom:18px}.panel-heading,.panel-body{padding-inline:17px}.panel-heading{padding-top:19px;padding-bottom:19px}.panel-heading h2{font-size:25px}.direction-tabs{gap:8px}.direction-tabs button{padding:14px 12px}.direction-name{font-size:21px}.direction-copy{font-size:11px}.scenario-heading{align-items:flex-start;gap:10px}.scenario-heading h2{font-size:23px}.day-label{padding:5px 6px;font-size:9px}.price-readout strong{font-size:30px}.price-readout .eyebrow{font-size:9px}.chart-surface{height:200px}.range-scale{font-size:8px}.time-controls{gap:12px}.time-buttons{gap:6px}.time-buttons .secondary-button{font-size:10px;padding:9px}.empty-state h3{font-size:16px}.empty-state p{font-size:11px}.history-row{gap:10px;flex-wrap:wrap}.history-row .history-value{font-size:11px}.dialog-content{padding:23px}.dialog-content h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.stock-line{border-color:var(--muted)!important;border-top-style:dashed!important}
td small{display:block;color:var(--muted);font:400 10px/1.4 var(--mono);margin-top:4px;white-space:nowrap}
.history-list{list-style:none;margin:0;padding:0}.history-title,.history-detail{display:block}.history-detail{font:400 10px/1.5 var(--mono);color:var(--muted);margin-top:3px}.history-detail.negative{color:var(--red)}.history-detail.positive{color:var(--blue)}
.table-scroll{position:relative}.sr-only{left:0;top:0;clip-path:inset(50%)}
@media(max-width:600px){
  #positions-table{display:block;min-width:0;border:0;background:transparent}
  #positions-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);left:0;top:0}
  #positions-table tbody{display:grid;gap:12px}
  #positions-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--ink);padding:8px;background:var(--plate)}
  #positions-table td{display:block;padding:10px 8px;border:0;text-align:left;min-width:0;overflow-wrap:anywhere}
  #positions-table td::before{content:attr(data-label);display:block;font:500 9px/1.4 var(--mono);text-transform:uppercase;color:var(--muted);margin-bottom:5px}
  #positions-table .side-badge{margin-left:0}
}