:root{color:#fff;font-variant-numeric:tabular-nums;--muted:#b4b4b4;--border:#303034;--accent:#4a8ad6;background:#171719;font-family:Public Sans,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;display:flex}.brand{align-items:center;gap:12px;display:flex}h1{margin:0;font-size:22px;font-weight:500}header>span{color:var(--muted)}main{max-width:1800px;margin:auto;padding:24px 32px}.toolbar,.playback,.section-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.toolbar>span{color:var(--muted)}label{align-items:center;gap:10px;display:flex}button,input,select,textarea{font:inherit;color:inherit;background:#171719;border:1px solid #55555b;border-radius:6px;min-height:38px;padding:8px 12px}button{cursor:pointer}button:hover:not(:disabled){background:#29292e}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #81baff}.file-label{cursor:pointer;margin-inline-start:auto}input[type=file]{max-width:250px;font-size:12px}.muted{color:var(--muted);line-height:1.6}#source{font-size:12px}#error{color:#ffb6c1;background:#2c1a20;border:1px solid #e5566f;padding:12px}.workspace{direction:ltr;grid-template-columns:minmax(0,1fr) 300px;gap:24px;display:grid}.market,aside{direction:rtl;min-width:0}.market,.ticket,.journal,.results{border:1px solid var(--border);background:#131217;border-radius:6px}.quote{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.quote>div{gap:6px;display:grid}.quote strong{font-size:28px;font-weight:500}.num,input[type=number],input[type=datetime-local]{font-variant-numeric:tabular-nums;direction:ltr;font-family:IBM Plex Mono,monospace}.clock{text-align:left}.price-chart{width:100%;height:360px}.playback{border-top:1px solid var(--border);padding:16px 24px}#play{color:#171719;background:#fff;min-width:74px}#progress{margin-inline-start:auto;font-size:12px}details{border-top:1px solid var(--border);padding:16px 24px}summary{cursor:pointer;color:var(--muted);line-height:1.6}details label{margin:10px 0;display:inline-flex}aside{flex-direction:column;gap:24px;display:flex}.ticket,.journal{padding:20px}h2{margin:0 0 12px;font-size:17px;font-weight:500}.ticket p,.journal p{font-size:12px}form{gap:12px;display:grid}form label{justify-content:space-between}form input,form select{width:170px;min-width:0}#position{overflow-wrap:anywhere;line-height:1.8}.journal label{gap:8px;display:grid}textarea{resize:vertical;width:100%;line-height:1.7}#close,.journal button,form button{width:100%}.results{margin-top:24px;padding:20px 24px}.section-head{justify-content:space-between}.section-head h2{margin:0}.trade-row{border-bottom:1px solid #29282c;justify-content:space-between;gap:24px;padding:14px 0;line-height:1.8;display:flex}.trade-row:last-child{border:0}.trade-row>span:last-child{text-align:left}.trade-row small{color:var(--muted);font-size:12px;display:block}.assumptions{color:var(--muted);margin-top:24px;font-size:13px;line-height:1.8}footer{text-align:center;color:var(--muted);padding:8px 24px 24px;font-size:12px}a{color:#b8d8ff}#asset{border-bottom:1px solid var(--accent)}.chart-context{margin:8px 16px 12px;font-size:12px}.chart-heading{justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.chart-heading .num{font-size:11px}#timeframe,#timeframe2{border-bottom:1px solid var(--accent)}#charts{direction:ltr;grid-template-columns:minmax(0,1fr);display:grid}#charts.dual{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-panel{border-top:1px solid var(--border);direction:rtl;min-width:0}.chart-panel[hidden]{display:none}#charts.dual .chart-panel+.chart-panel{border-left:1px solid var(--border)}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}@media (width<=1200px){#charts.dual{grid-template-columns:minmax(0,1fr)}#charts.dual .chart-panel+.chart-panel{border-left:0}}@media (width>=1201px){#charts.dual .chart-heading{flex-wrap:wrap}}@media (width<=1000px){.workspace{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.journal{flex-direction:column;display:flex}.journal label{flex-direction:column;flex:1;align-items:stretch;display:flex}.journal textarea{flex:1;min-height:120px}header>span{font-size:12px}.file-label{margin-inline-start:0}.toolbar{gap:12px}.price-chart{height:340px}}@media (width<=600px){header{padding:16px;display:block}.brand{margin-bottom:8px}h1{font-size:20px}main{padding:16px}.toolbar{grid-template-columns:1fr;display:grid}.toolbar>span{font-size:12px}.file-label{flex-wrap:wrap}input[type=file]{max-width:220px}.quote{gap:12px;padding:16px}.quote strong{font-size:22px}.clock{font-size:11px}.price-chart{height:300px}.playback{gap:10px;padding:12px}.playback label{font-size:12px}.playback button,.playback select,button,input,select{min-height:44px}#progress{width:100%;margin:0}aside{gap:16px;display:flex}.workspace{gap:16px}.ticket,.journal{padding:16px}form input,form select{width:65%}details{padding:16px}details label{display:grid}.results{padding:16px}.trade-row{flex-direction:column;gap:8px}.trade-row>span:last-child{text-align:right}}
