.quant-demo .dately-workbench-grid { grid-template-columns:.85fr 1.15fr; }
.quant-context { display:flex;gap:28px;align-items:baseline;padding:19px 23px;margin-bottom:24px;border:1px solid var(--line);background:rgba(188,173,255,.035); }
.quant-context>span { flex-shrink:0;color:var(--purple);font:8px/1.8 var(--mono);letter-spacing:.07em; }
.quant-context p { margin:0;color:var(--muted);font-size:12px;line-height:1.8; }
.quant-context a { color:var(--cyan);white-space:nowrap; }
#quant-connection { color:var(--muted); }
#quant-connection[data-state=online] { color:var(--cyan); }
#quant-connection[data-state=offline] { color:#efbc9e; }
.quant-intro { color:var(--text);font-size:15px;line-height:1.7;margin:0 0 22px; }
.quant-fields { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.quant-fields>div { min-width:0; }
.quant-fields label,.quant-csv-label { display:block;color:var(--muted);font:8px/1.8 var(--mono);letter-spacing:.07em;margin-bottom:8px; }
.quant-demo :is(input[type=number],input[type=text],select,textarea) { width:100%;min-width:0;border:1px solid #514661;border-radius:0;background:#151322;color:var(--text);font:11px/1.7 var(--mono);padding:11px 12px;color-scheme:dark; }
.quant-demo textarea:focus-visible { outline:2px solid var(--cyan);outline-offset:4px; }
.quant-fields.quant-fields-single { grid-template-columns:1fr; }
.quant-symbol-examples { margin:0 0 24px; }
.quant-symbol-examples button { min-height:36px;cursor:pointer; }
.quant-symbol-examples button[aria-pressed=true] { border-color:var(--cyan);color:var(--cyan);background:rgba(169,248,226,.07); }
.quant-symbol-examples button:focus-visible { outline:2px solid var(--cyan);outline-offset:3px; }
.quant-symbol-examples button:disabled { opacity:.5;cursor:wait; }
.quant-security-banner { border-left:2px solid var(--cyan);padding:5px 0 5px 13px;margin:20px 0 18px; }
.quant-security-banner span { display:block;color:var(--muted);font:8px/1.7 var(--mono);letter-spacing:.07em; }
.quant-security-banner strong { display:block;color:var(--cyan);font:500 17px/1.5 var(--mono);margin-top:5px;overflow-wrap:anywhere; }
.quant-convention { margin-top:22px;padding-top:16px;border-top:1px solid var(--line); }
.quant-explainer { margin:22px 0;padding:18px;border:1px solid var(--line);background:rgba(188,173,255,.035); }
.quant-explainer-kicker { color:var(--purple);font:8px/1.8 var(--mono);letter-spacing:.06em; }
.quant-explainer h3 { color:var(--text);font:500 15px/1.5 var(--sans);margin:7px 0 15px; }
.quant-explainer dl { margin:0; }
.quant-explainer dl>div+div { margin-top:12px; }
.quant-explainer dt { color:var(--cyan);font:9px/1.8 var(--mono);margin-bottom:4px; }
.quant-explainer dd { margin:0;color:var(--muted);font:11px/1.8 var(--sans); }
.quant-explainer code { display:block;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);color:#ded3ee;font:10px/1.9 var(--mono);white-space:normal;overflow-wrap:anywhere; }
.quant-explainer>p { color:var(--muted);font:9px/1.7 var(--sans);margin:10px 0 0; }
.quant-demo [hidden] { display:none!important; }
.quant-demo select { text-overflow:ellipsis; }
.quant-demo :is(input,select):disabled { opacity:.5;cursor:not-allowed; }
.quant-help { color:var(--muted);font:11px/1.8 var(--sans);margin:12px 0 22px; }
.quant-csv-label { margin-top:20px; }
#quant-csv { resize:vertical;min-height:170px;white-space:pre;overflow:auto;font-size:10px; }
.quant-file-actions { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px; }
.quant-file-actions button,.quant-file-actions label,#quant-download { border:0;padding:0;background:transparent;color:var(--purple);font:9px/1.8 var(--mono);cursor:pointer; }
.quant-file-actions button:hover,.quant-file-actions label:hover,#quant-download:hover { color:var(--cyan); }
.quant-file-input { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
.quant-file-actions:focus-within label { outline:1px solid var(--cyan);outline-offset:3px; }
#quant-result-title { color:var(--text);font:500 clamp(23px,2.5vw,34px)/1.2 var(--sans);letter-spacing:-.05em;margin:12px 0 0;overflow-wrap:anywhere; }
#quant-result-indicator { color:var(--purple);font:500 clamp(15px,1.4vw,19px)/1.5 var(--sans);margin:8px 0 0;overflow-wrap:anywhere; }
#quant-result-caption { margin:10px 0 20px; }
.quant-chart { border:1px solid #40374e;background:#151322;padding:10px 6px; }
.quant-chart svg { display:block;width:100%;height:auto;overflow:visible; }
.quant-chart text { font-family:var(--mono);font-size:11px;fill:#aaa1bc; }
.quant-chart .quant-grid { stroke:#342e43;stroke-width:1; }
.quant-chart .quant-reference { stroke:#776a90;stroke-width:1;stroke-dasharray:4 5; }
.quant-legend { display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font:8px/1.8 var(--mono); }
.quant-legend span { display:inline-flex;gap:7px;align-items:center; }
.quant-legend i { display:inline-block;width:13px;height:2px;background:var(--series-color); }
.quant-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:25px; }
.quant-metrics>div { padding:14px 12px;border:1px solid #40374e;background:#1e1a2d;min-width:0; }
.quant-metrics span { display:block;font:8px/1.7 var(--mono);color:var(--muted); }
.quant-metrics strong { display:block;font:500 clamp(17px,1.8vw,24px)/1.4 var(--sans);letter-spacing:-.03em;color:var(--cyan);margin-top:5px;overflow-wrap:anywhere; }
.quant-demo .quant-data-content { display:block; }
.quant-table-scroll { max-width:100%;max-height:300px;overflow:auto;margin-bottom:15px;border:1px solid var(--line); }
#quant-table { border-collapse:collapse;white-space:nowrap;width:100%;font:10px/1.6 var(--mono); }
#quant-table caption { padding:12px;text-align:left;color:var(--muted);font-size:9px; }
#quant-table th { position:sticky;top:0;text-align:left;background:#282137;color:#d4ccea;font-weight:400; }
#quant-table :is(th,td) { padding:9px 12px;border-bottom:1px solid var(--line); }
#quant-table td { color:var(--muted); }
.quant-verification { display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:65px;padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:90px; }
.quant-verification h2 { font:500 32px/1.2 var(--sans);letter-spacing:-.05em;margin:15px 0; }
.quant-verification p { color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:20px; }
.quant-verification a { font:9px/1.8 var(--mono);color:var(--purple); }
.quant-checks { margin:0; }
.quant-checks>div { display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:17px 0;border-bottom:1px solid var(--line); }
.quant-checks dt { font-size:12px; }
.quant-checks dd { margin:0;color:var(--cyan);font:8px/1.8 var(--mono);text-align:right; }
@media(max-width:1100px) { .quant-fields { grid-template-columns:1fr; }.quant-verification { gap:35px; } }
@media(max-width:760px) { .quant-demo .dately-workbench-grid { grid-template-columns:1fr; }.quant-context { display:block;padding:17px 19px; }.quant-context p { margin-top:8px; }.quant-context a { white-space:normal; }.quant-fields { grid-template-columns:1fr 1fr; }.quant-verification { grid-template-columns:1fr;gap:15px;margin-top:40px; }.quant-demo .dately-output-panel { min-height:440px; }.quant-metrics { margin-top:20px; } }
@media(max-width:560px) { .quant-fields { grid-template-columns:1fr;gap:14px; }#quant-connection { display:block;margin-top:6px;padding-left:15px; }.quant-chart { padding:8px 0; }.quant-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.quant-checks>div { align-items:start; }.quant-checks dd { max-width:46%; }.quant-demo .dately-workbench-head { padding-inline:18px; } }