/* Isolated creative preview. Pitch selectors and existing model styles are untouched. */
#qa100-root{--qbg:#0a121d;--qline:#263440;--qteal:#80dcc4;background:var(--qbg);font-size:16px;
  /* LỆNH 37 · the bars' text is 24 px on a 1920 screen (1.26 vw, never below 18 px, never above 34 px); one bar is 2.4 lines tall */
  --qb-fs:clamp(18px,1.26vw,34px);--qb-h:calc(var(--qb-fs) * 2.4)}
#qa100-root .q-top{min-height:var(--qb-h);padding:0 3vw;gap:.55em;font-size:var(--qb-fs);line-height:1.2;background:#0c1520;border-color:#26333e;flex-wrap:nowrap}
#qa100-root .q-brand{font-size:1em;letter-spacing:.08em;color:#d7e5e9;white-space:nowrap}
#qa100-root .q-search{background:transparent;border-color:#34434e;flex:1 1 8em;min-width:5em;max-width:min(16em,30vw);font-size:1em;padding:.2em .6em;height:1.85em}
#qa100-root .q-top button,#qa100-root .q-presenter-link{font-size:1em;padding:.3em .5em;border:0;background:transparent;color:#becdd6;text-decoration:none;white-space:nowrap}
#qa100-root .q-presenter-link:hover{color:#80dcc4}
#qa100-root .q-sync{font-size:1em;color:#9db2bf;white-space:nowrap;margin-left:auto;overflow:hidden;text-overflow:ellipsis;min-width:0}
#qa100-root .q-top .q-return{margin-left:0}
#qa100-root .q-time{font:1em 'JetBrains Mono',monospace;color:#8aa2b1}
@media(max-width:1180px){#qa100-root .q-brand{display:none}}
#qa100-root .q-body{padding:26px 4vw 16px;min-height:0}
#qa100-root .q-body.has-signature{overflow:hidden}
#qa100-root .q-footer{min-height:var(--qb-h);padding:0 3vw;gap:.3em;font-size:var(--qb-fs);line-height:1.2;background:#0c1520;border-color:#26333e;overflow:hidden}
#qa100-root .q-footer button{font-size:1em;border-radius:.25em;padding:.3em .5em;white-space:nowrap}
#qa100-root .q-footer button:hover{color:#e7f1f4;background:#1b2b38}
.sig-nav{display:flex;gap:.2em;margin-right:auto;min-width:0}
#qa100-root .sig-nav button{color:#a9bcc7;font-size:1em;white-space:nowrap}
#qa100-root .sig-nav button[aria-current="true"]{color:#8be0c9;background:#172c30}
.sig-nav em{font-style:normal;font:1em 'JetBrains Mono',monospace;margin-right:.45em;color:#8aa6b2}
.signature{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;max-width:1780px;margin:0 auto}
.sig-heading{position:relative;padding-top:3px}
.sig-eyebrow{font:12px 'JetBrains Mono',monospace;letter-spacing:1.8px;color:#92b1be;margin:0 0 16px}
.sig-eyebrow span{color:#516b7b;padding:0 12px}
#qa100-root .sig-heading h1{font-size:clamp(32px,3.15vw,60px);font-weight:500;letter-spacing:-1.3px;line-height:1.2;margin:0;color:#ecf3f4;max-width:96%}
.sig-evidence{position:absolute;right:0;top:0;font-size:11px;letter-spacing:.2px;color:#8ba5b1;border:1px solid #344750;border-radius:30px;padding:3px 10px}
.sig-stage{display:flex;align-items:center;justify-content:center;min-height:0;padding:14px 0 12px}
.sig-svg{width:100%;height:100%;overflow:visible;font-family:Inter,Arial,sans-serif;color:#a6bdc9}
.sig-svg text{fill:currentColor;font-size:16px}
.sig-svg .svg-small{font-size:12px;letter-spacing:.7px;fill:#90a8b7}
.sig-svg .svg-label{font-size:16px;fill:#c5d6de}
.sig-svg .svg-price{font-size:48px;font-weight:500;letter-spacing:-2px;fill:#e3eeef}
.sig-svg .pass,.sig-outcome.pass{color:#80dcc4}
.sig-svg .stop,.sig-outcome.stop{color:#edb396}
.sig-svg .wait,.sig-outcome.wait{color:#e2c88c}
.sig-svg .muted{color:#556d7e}
.sig-svg .track{stroke:#2c4050;stroke-width:2;fill:none}
.sig-svg .active-track{stroke:currentColor;stroke-width:2;fill:none;opacity:.7}
.sig-svg .gate{stroke:currentColor;stroke-width:2;opacity:.8}
.sig-svg .gate-dot{fill:#0c1a26;stroke:currentColor;stroke-width:1}
.sig-svg .gate-symbol{font-size:17px;font-weight:600;fill:currentColor}
.sig-svg .destination{fill:#14242e;stroke:currentColor;stroke-width:1.5}
.sig-svg .destination-symbol{font-size:23px;fill:#80dcc4}
.sig-svg .sig-token{fill:#d4e9e6;stroke:#f0f8f6;stroke-width:1}
.sig-svg .token-text{font:600 12px 'JetBrains Mono',monospace;fill:#12362f}
.sig-svg .axis{stroke:#36505f;stroke-width:1;fill:none}
.sig-svg .valid-window{fill:#254e4b}
.sig-svg .expiry{stroke:#caac75;stroke-width:1;stroke-dasharray:3 3}
.sig-svg .date-marker{fill:#e1efed;stroke:#80dcc4;stroke-width:3}
.sig-svg .date-label{font-size:15px;fill:#dcf0eb}
.sig-svg .margin-ring{stroke:#264653;stroke-width:1.5;fill:#0d1c27}
.sig-svg .zero-line{stroke:#d6b887;stroke-width:1.4;stroke-dasharray:4 5}
.sig-svg .margin-number{font-size:86px;font-weight:500;letter-spacing:-5px;fill:#e7eeef}
.sig-svg .paper{fill:#d5e1df;stroke:#f0f6f1;stroke-width:1}
.sig-svg .paper-fold{fill:none;stroke:#6b8c94;stroke-width:1}
.sig-svg .paper-label{font-size:11px;fill:#3e6265}
.sig-svg .paper-price{font-size:23px;fill:#18393b;letter-spacing:-.7px}
.sig-svg .paper-muted{opacity:.38}
.sig-svg .authority-lock{fill:#12202b;stroke:#728995;stroke-dasharray:4 3}
.sig-svg .response-sheet{fill:#142632;stroke:#53717d;stroke-width:1}
.sig-svg .response-version{font-size:48px;fill:#e4eeec}
.sig-svg .paper-lines{stroke:#79979c;stroke-width:2;opacity:.4;fill:none}
.sig-svg .symbol{font-size:26px}
.sig-svg .route-arc{stroke:#81c7bc;stroke-width:1.8;fill:none}
.sig-svg .route-shadow{stroke:#263e4e;stroke-width:1;stroke-dasharray:3 5;fill:none}
.sig-svg .port{fill:#a4e3d6;stroke:#304c56;stroke-width:7}
.sig-svg .ship{fill:#718f9b}
.sig-svg .containers{fill:#c1dbd5;stroke:#92beb8}
.sig-svg .carrier-price{font-size:57px;fill:#dfeeea;letter-spacing:-2px}
.sig-svg .filter-line{stroke:currentColor;stroke-width:1;opacity:.4}
.sig-svg .result-text{font-size:19px;fill:currentColor}
.sig-svg .missing-line{stroke:#435761;stroke-dasharray:4 7}
.sig-svg .publication-track{stroke:#395160;stroke-width:1;stroke-dasharray:4 5}
.sig-svg .publication-paper{fill:#192d3a;stroke:#516d79;stroke-width:1}
.sig-svg .doc-shadow{fill:#0b1822;stroke:#334958;stroke-width:1}
.sig-svg .document-layer{opacity:.57;transition:opacity 260ms}
.sig-svg .document-layer.is-active{opacity:1}
.sig-svg .document-layer.is-active .publication-paper{fill:#dce7e0;stroke:#f0f5ef}
.sig-svg .document-layer.is-active text{fill:#284946}
.sig-svg .document-layer.unconfirmed .publication-paper{fill:transparent;stroke-dasharray:5 4}
.sig-svg .document-layer.unconfirmed.is-active .publication-paper{fill:#17222b;stroke:#d3b98e}
.sig-svg .document-layer.unconfirmed.is-active text{fill:#d1bd9d}
.sig-svg .doc-brand{font-size:11px;letter-spacing:1.3px}
.sig-svg .doc-main{font-size:41px;letter-spacing:-2px}
.sig-svg .doc-sub{font-size:12px}
.sig-svg .publication-label{font-size:19px;fill:#b6cbd4}
.sig-svg .evidence-boundary{stroke:#526779;stroke-width:1;stroke-dasharray:3 7}
.sig-svg .current-dot{fill:#a0e1cf}
.sig-svg .quiet-dot{fill:#3b5362}
.sig-svg .focus-underline{stroke:#83dcc0;stroke-width:3}
.sig-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #273b48;padding-top:13px;min-height:77px}
.sig-outcome{display:flex;align-items:center;gap:12px;max-width:260px;min-width:180px;font-size:18px;line-height:1.3}
.sig-outcome strong{font-weight:500}
.sig-outcome i{font-style:normal;border:1px solid currentColor;border-radius:50%;width:26px;height:26px;font-size:17px;display:grid;place-items:center;flex:none}
.sig-controls{display:flex;gap:22px;align-items:flex-end}
.sig-control>span{font-size:11px;color:#97aeba;display:block;margin-bottom:6px;letter-spacing:.3px}
.sig-toggle{display:flex;gap:2px;background:#101e2a;border:1px solid #304451;border-radius:6px;padding:3px}
#qa100-root .sig-toggle button{background:transparent;border:0;color:#a9c1cc;padding:8px 12px;min-height:34px;border-radius:3px;font-size:13px;line-height:1.2;transition:background 140ms,color 140ms;white-space:nowrap}
#qa100-root .sig-toggle button:hover{background:#233b46;color:#edf5f1}
#qa100-root .sig-toggle button[aria-pressed="true"]{background:#24443e;color:#b6f0d9}
.sig-boundary{font-size:11px;line-height:1.45;color:#91a5b0;margin:12px 0 0;min-height:16px}
.qp-root{background:#0a121d;min-height:100vh;color:#dce8ec}
.qp-root .qp-top{border-color:#2b4050;padding:20px 4vw;font-size:14px}
.qp-root .qp-main{grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:6vw;padding:40px 4vw}
.qp-root h1{font-size:clamp(30px,3vw,52px);line-height:1.25;font-weight:500;letter-spacing:-1px}
.qp-points{list-style:none;padding:0;margin:28px 0;display:grid;gap:14px;font-size:20px;color:#c0d1d9}
.qp-points li{position:relative;padding-left:20px}.qp-points li::before{content:"";position:absolute;left:2px;top:calc(.75em - 3px);width:6px;height:6px;border-radius:50%;background:#5FD3C0}
.qp-live{padding:20px 0;border-top:1px solid #29424c;border-bottom:1px solid #29424c}
.qp-live span{display:block;font-size:11px;color:#8da7b4;letter-spacing:1px;margin-bottom:12px}
.qp-live strong{font-weight:500;color:#93d8c5;font-size:18px}
.qp-root .qp-label{font-size:11px;letter-spacing:1.6px;color:#91a8b4;margin-top:26px}
.qp-root .qp-cue{font-size:18px;line-height:1.5;color:#d9d9bd}
.qp-navigation{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.qp-root button:disabled{opacity:.4;cursor:default}
.qp-status[data-synced="true"]{color:#80dcc4}
.qp-status[data-synced="false"]{color:#edb396}
@media(min-width:1600px){.sig-heading{padding-top:10px}.sig-eyebrow{font-size:15px;margin-bottom:22px}.sig-evidence{font-size:13px}.sig-outcome{font-size:25px;max-width:350px}.sig-controls{gap:28px}.sig-control>span{font-size:14px}#qa100-root .sig-toggle button{font-size:17px;padding:12px 18px}.sig-bottom{min-height:100px}.sig-boundary{font-size:14px;margin-top:20px}}
@media(max-width:1100px){#qa100-root .q-sync{display:none}.sig-controls{gap:10px}#qa100-root .sig-toggle button{padding:7px 8px;font-size:12px}.sig-outcome{font-size:16px;min-width:150px;max-width:210px}.sig-nav em{display:none}.sig-evidence{position:static;display:inline-block;margin-top:8px}.sig-stage{padding:4px 0}.qp-root .qp-main{gap:30px}}
@media(max-width:760px){#qa100-root .q-brand{display:none}#qa100-root .q-top{flex-wrap:wrap;gap:5px;padding-top:6px;padding-bottom:6px}#qa100-root .q-top .q-search{max-width:none;flex:1}.sig-controls,.sig-bottom{flex-wrap:wrap}.sig-outcome{max-width:none}.sig-stage{min-height:300px}.signature{height:auto;min-height:100%}#qa100-root .q-body.has-signature{overflow:auto}.sig-nav{overflow-x:auto}.sig-nav button{font-size:15px!important}.sig-nav em{display:none}#qa100-root .q-footer{overflow:auto}.sig-heading h1{font-size:30px!important}.qp-root .qp-main{grid-template-columns:1fr}}
/* calm: was @media (prefers-reduced-motion:reduce); body.calm is set by app.js and can be turned off */
body.calm .signature *{animation:none!important;transition:none!important}
.sig-proof{max-width:1480px;margin:0 auto}.sig-proof h1{font-size:32px;font-weight:500;letter-spacing:-.6px;margin:8px 0 20px}.sig-proof figure{margin:0}.sig-proof img{display:block;max-width:100%;max-height:calc(100vh - 305px);margin:0 auto;border:1px solid #3d5361}.sig-proof figcaption{font-size:13px;color:#a3b6c0;margin:12px 0}.sig-proof-rail{display:flex;justify-content:space-between;gap:30px;margin:90px 0;border-top:1px solid #48616c}.sig-proof-rail>div{padding-top:25px;flex:1}.sig-proof-rail span{color:#73bba8;display:block;font:15px 'JetBrains Mono',monospace;margin-bottom:20px}.sig-proof-rail strong{font-size:26px;font-weight:500}.sig-proof-scope{font-size:16px;color:#a1b8c4}
.sig-outcome.wait{text-align:left}.sig-outcome.wait::before{content:none}.sig-svg .document-layer{opacity:.72}.sig-svg .document-layer.unconfirmed{opacity:.8}.sig-svg .document-layer.is-active{opacity:1}.sig-svg .doc-sub{font-size:13px}
.qp-root{padding:0}.qp-root .qp-main{padding-top:30px;padding-bottom:24px}

.qp-root .qp-say{font-size:20px;line-height:1.5;color:#e7eef6;margin:6px 0 16px}