.quant-lens{box-sizing:border-box;width:min(1100px,96vw);max-width:96vw;max-height:94dvh;margin:auto;padding:30px;border:1px solid #524886;border-radius:14px;background:#0b081b;color:#e2e9f3;font-family:inherit;overflow:auto;color-scheme:dark;animation:quant-enter .35s ease-out}
.quant-lens::backdrop{background:#04020dde;backdrop-filter:blur(8px)}
.quant-lens *{box-sizing:border-box}.quant-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.quant-head h2{font-size:clamp(24px,4vw,38px);font-weight:500;letter-spacing:-.04em;margin:8px 0}.quant-eyebrow{font:11px ui-monospace,monospace;letter-spacing:.12em;color:#70d9df}.quant-muted,.quant-foot{font-size:12px;line-height:1.7;color:#a4b1c7}.quant-intro{max-width:750px;font-size:14px;line-height:1.8}.quant-lens button,.quant-lens select{font:inherit;font-size:12px;color:inherit;border:1px solid #3a335e;background:#161131;border-radius:6px;padding:9px 13px;cursor:pointer}.quant-lens button:hover{border-color:#76d8de}.quant-lens button:focus-visible,.quant-lens input:focus-visible,.quant-lens select:focus-visible{outline:2px solid #fff;outline-offset:3px}.quant-lens button[aria-pressed=true]{border-color:#efc56f;background:#33291a}.quant-close{flex-shrink:0}.quant-controls{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:18px 0;border-block:1px solid #2a2546}.quant-controls fieldset{border:0;padding:0;margin:0}.quant-controls legend,.quant-controls label{font-size:12px;color:#afc0d5}.quant-controls legend{margin-bottom:8px}.quant-controls fieldset button{margin-right:5px}.quant-controls label{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.quant-controls input{width:130px;accent-color:#f1c777}.quant-controls :disabled{opacity:.4;cursor:default}.quant-hint{color:#e6c682;font-size:13px}.quant-matrices{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:10px 0 25px}.quant-matrix-panel h3{font-size:12px;font-weight:500;letter-spacing:.06em;color:#b9cedb;text-align:center}.quant-plate{perspective:900px;padding:12px 5px 22px}.quant-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;transform:rotateX(22deg) rotateZ(-5deg);transform-style:preserve-3d;box-shadow:5px 8px 0 #1b1539,10px 16px 0 #0f0b25;border:1px solid #433c67;padding:8px;background:#0a0718;transition:transform .6s}.quant-plate:hover .quant-grid{transform:rotateX(8deg) rotateZ(-2deg)}.quant-lens .quant-cell{min-width:0;padding:0;aspect-ratio:1.2;font:10px ui-monospace,monospace;background:var(--cell-color);border:1px solid #ffffff1c;border-radius:2px;transition:background .6s,transform .3s;position:relative;color:#fff}.quant-lens .quant-cell.same-group{border-color:#bac8d3aa}.quant-lens .quant-cell.chosen{outline:2px solid #fff;outline-offset:1px;z-index:1;transform:translateZ(12px);background:var(--cell-color)}.quant-cell.clipped::after{content:'!';position:absolute;top:0;right:2px;color:#fff;background:#9b2444;font-size:9px}.quant-inspect{border-left:2px solid #e3b65b;padding:8px 18px;background:#151129}.quant-values{font:14px ui-monospace,monospace;color:#f6d698;line-height:1.7;overflow-wrap:anywhere}.quant-stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:24px 0}.quant-stats h3{font-size:11px;font-weight:400;color:#a4b1c7}.quant-stats strong{font:23px ui-monospace,monospace}.quant-flow{border-top:1px solid #2a2546;padding-top:12px}.quant-flow-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quant-flow-head h3{font-size:15px;margin-right:auto}.quant-rail{display:flex;align-items:center;gap:12px;margin:20px 0;font:14px ui-monospace,monospace;color:#efd291}.quant-rail i{height:1px;flex:1;background:#655337;position:relative;overflow:hidden;padding-block:2px}.quant-rail i::after{content:'';display:block;width:24%;height:2px;background:#ffd783;transform:translateX(-110%)}.quant-playing .quant-rail i::after{animation:quant-flow 2.4s linear infinite}.quant-playing .quant-cell{animation:quant-pulse 2.4s ease-in-out infinite;animation-delay:var(--delay)}.quant-input{font:11px ui-monospace,monospace;overflow-wrap:anywhere;color:#aac2d4}.quant-output{width:100%;border-collapse:collapse;font:12px ui-monospace,monospace}.quant-output caption{text-align:left;margin:12px 0;font-family:inherit}.quant-output th,.quant-output td{padding:8px;text-align:right;border-bottom:1px solid #201b3c}.quant-output th{font-size:10px;font-weight:400;color:#b4bfce}.quant-output td:nth-child(2){color:#77dce4}.quant-output td:nth-child(3){color:#f1c777}.quant-formula{font:12px ui-monospace,monospace;color:#b7c8d9;line-height:1.8}.quant-foot{margin-top:22px}.quant-foot a{color:#88c9d8}.quant-lens[open]{display:block}#open-quant{border-color:#c59a4a;color:#efcb80}
@keyframes quant-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes quant-flow{to{transform:translateX(520%)}}@keyframes quant-pulse{50%{box-shadow:inset 0 0 0 1px #f6d698}}
@media(max-width:620px){.quant-lens{padding:16px;max-height:96dvh}.quant-head{gap:8px}.quant-close{max-width:100px}.quant-matrices{grid-template-columns:1fr;gap:8px}.quant-plate{max-width:380px;margin:auto}.quant-stats{grid-template-columns:1fr 1fr}.quant-stats section:first-child{grid-column:1/-1}.quant-controls{gap:16px}.quant-output th,.quant-output td{padding:7px 3px}.quant-lens .quant-cell{font-size:11px}}
@media(prefers-reduced-motion:reduce){.quant-lens,.quant-lens *{animation:none!important;transition:none!important}.quant-grid,.quant-plate:hover .quant-grid{transform:none}}
.quant-head h2{font-size:30px;margin:4px 0}.quant-head p{margin:5px 0}.quant-intro{margin:12px 0}.quant-controls{padding:12px 0}.quant-matrices{padding:0 0 10px}.quant-plate{max-width:355px;margin:auto;padding:0 6px 16px}.quant-lens>.quant-muted,.quant-hint{margin:7px 0}.quant-ruler{height:24px;margin:8px 10px;position:relative;border-bottom:1px solid #5c567d}.quant-ruler i{position:absolute;bottom:0;height:8px;border-left:1px solid #7a8ba0}.quant-ruler b{position:absolute;bottom:0;height:20px;border-left:3px solid #f5cb78;transition:left .5s}.quant-rail-original{color:#77dce4}.quant-rail-original i::after{background:#77dce4}.quant-rail{margin:12px 0}
@media(max-width:620px){.quant-head h2{font-size:24px}.quant-plate{max-width:340px}.quant-lens{padding:14px}}
.quant-hero{max-width:760px;margin:18px auto;padding:18px 24px;border:1px solid #2f2855;border-radius:10px;background:#0f0b23;text-align:center}.quant-route{font:17px ui-monospace,monospace;color:#c5d9e8;margin:8px}.quant-stage{color:#edc778;font-size:13px;min-height:20px}.quant-number{display:block;font:clamp(32px,6vw,60px) ui-monospace,monospace;font-variant-numeric:tabular-nums;color:#f1d39d;letter-spacing:-.04em;margin:12px}.quant-equation{font:13px ui-monospace,monospace;color:#a9bfd4;min-height:20px;overflow-wrap:anywhere}.quant-bar-row{display:grid;grid-template-columns:100px 1fr 90px;gap:12px;align-items:center;margin:14px 0;font:12px ui-monospace,monospace}.quant-bar-track{position:relative;height:24px;background:#1a1438;border-radius:3px}.quant-bar-track::before{position:absolute;content:'';left:50%;height:100%;border-left:1px solid #fff8;z-index:2}.quant-bar-track i{position:absolute;height:100%;background:#73dce1}.quant-bar-row:nth-child(2) i{background:#efc373}.quant-axes{font:10px ui-monospace,monospace;white-space:pre;color:#8eabc2}.quant-difference{color:#f4d699;font:13px ui-monospace,monospace;line-height:1.7;min-height:23px}.quant-advanced,.quant-details{border-top:1px solid #2d274c;padding:15px 0}.quant-lens summary{cursor:pointer;color:#afc9df;font-size:13px}.quant-advanced label{display:inline-flex;align-items:center;gap:12px;margin:16px 20px 0 0;font-size:12px}.quant-picker{display:flex;gap:16px;justify-content:center;align-items:center;font-size:12px;color:#9cb6cc}.quant-hero[data-stage='3'] .quant-number{color:#f9ddab}.quant-lens .quant-controls{justify-content:center}.quant-lens .quant-controls legend{text-align:center}
@media(max-width:620px){.quant-hero{padding:12px 8px;margin:12px 0}.quant-bar-row{grid-template-columns:66px 1fr 66px;gap:6px;font-size:10px}.quant-axes{font-size:9px}.quant-difference{font-size:12px}.quant-stage{font-size:12px}.quant-number{font-size:38px}}
.quant-axes{display:grid;grid-template-columns:100px 1fr 90px;gap:12px;white-space:normal}.quant-axes>div{display:flex;justify-content:space-between;gap:4px}@media(max-width:620px){.quant-axes{grid-template-columns:66px 1fr 66px;gap:6px}}
.quant-cube-stage{position:relative;text-align:center;border:1px solid #2e2656;border-radius:8px;margin:16px 0;padding-bottom:12px;background:radial-gradient(ellipse at 50% 40%,#181237,#0b081b 65%)}.quant-cube-canvas{display:block;width:100%;height:340px;touch-action:pan-y}.quant-cube-status{font:12px ui-monospace,monospace;color:#b9dbe6;margin:0 0 10px}.quant-cube-capacity{font:22px ui-monospace,monospace;color:#f0cb85}.quant-rotation{position:absolute;right:12px;top:12px}.quant-cube-stage .quant-muted{margin:8px}@media(max-width:620px){.quant-cube-canvas{height:310px}.quant-cube-capacity{font-size:18px}.quant-rotation{font-size:10px!important}}
.quant-page{margin:0;background:var(--bg,#120928);color:var(--text,#d5e6f7);color-scheme:dark}.quant-page main{max-width:1100px;margin:25px auto;padding:0 18px}.quant-page h1{font-size:26px;font-weight:500}.quant-page-intro{max-width:850px;font-size:13px;color:#a4b1c7;line-height:1.8}.quant-page-nav{max-width:1100px;margin:auto;padding:20px 18px;display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2546}.quant-page a{color:#9adbe2;text-decoration:none;font-size:13px}.quant-page-nav nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.quant-page a[aria-current]{color:#efc373;border-bottom:1px solid;padding-bottom:6px}.quant-standalone{display:block;max-height:none;max-width:100%;width:100%;padding:18px 0;border:0;overflow:visible;animation:none}.quant-scale-label{position:absolute;transform:translate(-50%,-135%);color:#95f2c4!important;border-color:#63c798!important;max-width:190px;font-size:11px!important;z-index:2}.quant-scale-label::after{content:'';position:absolute;top:100%;left:50%;height:12px;border-left:1px solid #63c798}.quant-scale-info{border:1px solid #427b65;background:#0c211e;padding:18px;border-radius:8px;line-height:1.8;font-size:14px}.quant-scale-info h3{color:#95f2c4;margin:0}.quant-scale-info[hidden],.quant-scale-label[hidden]{display:none}@media(max-width:620px){.quant-page-nav{gap:10px;align-items:flex-start}.quant-page-nav nav{gap:12px}.quant-scale-label{max-width:145px;padding:7px!important}.quant-page main{margin-top:18px}}

.quant-nav-link{font-size:12px;color:#efcb80;text-decoration:none;border:1px solid #554629;padding:8px 12px;border-radius:6px}

.quant-scale-label.is-static{position:static;transform:none;display:block;margin:12px auto}.quant-scale-label.is-static[hidden]{display:none}.quant-scale-label.is-static::after{display:none}
/* Each scroll station shows an equation and its own before/after bit states. */
.quant-visual-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.quant-visual-layout .quant-cube-stage{position:sticky;top:12px}.quant-bit-lesson{min-width:0}.bit-lesson-head{padding:18px 0}.bit-lesson-head h3{margin:4px 0 10px;font-size:22px}.bit-lesson-head .quant-muted{line-height:1.7}.bit-format-note{font-size:12px;line-height:1.6;color:#9aacbe;border-left:2px solid #6c6590;padding-left:10px}.bit-mode{display:flex;align-items:center;gap:10px;color:#b9cad9;font-size:12px;margin:10px 0 18px}.bit-mode select{background:#15112b;color:#e4edf5;border:1px solid #4a436b;border-radius:6px;padding:7px;max-width:100%}.bit-toolbar{position:sticky;top:0;z-index:4;background:#0d0a1e;border:1px solid #3a3556;border-radius:8px;padding:10px 14px;margin-bottom:26px}.bit-progress{font-size:12px;color:#f2d59a;line-height:1.5;margin:0 0 8px}.bit-controls{display:flex;gap:6px;flex-wrap:wrap}.bit-controls button{font-size:12px;padding:6px 10px}.bit-controls button:disabled{opacity:.4;cursor:default}.bit-flow-scene{position:relative;border:1px solid #363054;border-radius:12px;padding:24px 20px;margin:0 0 54px;background:linear-gradient(145deg,#14102b,#0d0a1d);scroll-margin-top:112px;min-height:470px;box-sizing:border-box}.bit-flow-scene:not(:last-of-type):after{content:"↓";position:absolute;bottom:-44px;left:50%;color:#779bb0;font-size:25px}.bit-flow-scene.is-current{border-color:#c0a265;box-shadow:0 0 28px #b6934520}.bit-scene-number{font:12px ui-monospace,monospace;letter-spacing:.15em;color:#91c5d8;margin:0 0 8px}.bit-flow-scene h4{font-size:22px;margin:0 0 18px;line-height:1.4}.bit-equation{font:600 18px/1.7 ui-monospace,monospace;color:#f5d197;overflow-wrap:anywhere;margin:0 0 22px}.bit-state-label{font-size:11px;color:#a1b5c9;line-height:1.5;margin:0 0 7px}.bit-value{display:block;font:600 14px ui-monospace,monospace;color:#a6e9f0;margin-bottom:10px}.bit-state-after .bit-value{color:#cbbcff}.bit-grid{display:flex;gap:3px}.bit-cell{flex:1;min-width:0;height:30px;display:grid;place-items:center;background:#171038;border:1px solid #63cdd880;color:#effaff;font:600 13px ui-monospace,monospace}.bit-sign{border-color:#eb93d4}.bit-exponent{border-color:#79bbf7}.bit-fraction{border-color:#68d9c6}.bit-integer{border-color:#b5a2ff;background:#30264d}.bit-changed{border:2px solid #f4cc75;background:#594522;color:#fff5d8}.bit-flow-arrow{height:42px;display:grid;place-items:center;color:#e5bf76;font-size:23px}.bit-change-note{font-size:12px;line-height:1.7;color:#e1d1b1;margin:20px 0 10px}.bit-help,.bit-summary{font-size:12px;line-height:1.8;color:#b7c8d7;margin:8px 0}.bit-summary{padding:15px;border-left:2px solid #7be2b0;background:#10312580;color:#abedc9}.is-current .bit-state-after .bit-cell{animation:bit-flow-reveal 1.2s ease both;animation-delay:var(--bit-delay)}.is-current .bit-flow-arrow{animation:bit-flow-pulse 1.2s ease 2}.bit-baseline{padding:25px;border:1px solid #393359;border-radius:10px}.bit-toolbar[hidden],.bit-flow-scenes[hidden],.bit-baseline[hidden],.bit-controls button[hidden]{display:none}@keyframes bit-flow-reveal{from{opacity:.35;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes bit-flow-pulse{50%{transform:translateY(5px);color:#ffe3a9}}@media(max-width:850px){.quant-visual-layout{grid-template-columns:1fr}.quant-visual-layout .quant-cube-stage{position:relative;top:0}.bit-flow-scene{padding:22px 14px;min-height:490px}.bit-grid{gap:2px}.bit-cell{font-size:11px;height:27px}.bit-equation{font-size:16px}.bit-flow-scene h4{font-size:21px}}@media(prefers-reduced-motion:reduce){.quant-bit-lesson *{animation:none!important;transition:none!important}}
.bit-changed{position:relative}.bit-changed:before{content:attr(data-before);position:absolute;inset:0;display:grid;place-items:center;color:#fff5d8;opacity:0}.is-current .bit-state-after .bit-changed{animation:bit-digit-flip 1.6s ease both;animation-delay:var(--bit-delay)}.is-current .bit-changed:before{animation:bit-old-digit 1.6s ease both;animation-delay:var(--bit-delay)}@keyframes bit-digit-flip{0%,45%{color:transparent;transform:rotateX(0)}55%{color:transparent;transform:rotateX(85deg)}100%{color:#fff5d8;transform:rotateX(0)}}@keyframes bit-old-digit{0%,45%{opacity:1}55%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){.quant-bit-lesson .bit-changed:before{animation:none!important;opacity:0}}
.bit-result-product{display:grid;grid-template-columns:minmax(85px,.7fr) 24px minmax(0,1.5fr);gap:10px;align-items:center;margin:24px 0}.bit-result-scale,.bit-result-code{padding:16px 10px;border-radius:8px;border:1px solid #a898e7;background:#221b3680;min-width:0}.bit-result-scale{border-color:#79dbab;background:#10372980;text-align:center}.bit-result-scale span,.bit-result-code>span,.bit-result-weight>span{display:block;font-size:12px;line-height:1.6;color:#d2dfeb;margin-bottom:10px}.bit-result-scale strong{display:block;font:600 25px ui-monospace,monospace;color:#9cedc1}.bit-result-scale small,.bit-result-weight small{display:block;font-size:11px;line-height:1.6;margin-top:10px;color:#b1cabb}.bit-result-times{text-align:center;font-size:26px;color:#f3d396}.bit-result-code>strong{display:block;font:600 13px ui-monospace,monospace;color:#d7c7ff;margin-top:12px}.bit-result-weight{border-top:1px solid #544d78;padding:18px 0;margin-bottom:12px;text-align:center}.bit-result-weight>strong{font:600 38px ui-monospace,monospace;color:#f4d595}.bit-result-code .bit-cell{height:29px}@media(max-width:500px){.bit-result-product{gap:6px;grid-template-columns:82px 18px minmax(0,1fr)}.bit-result-scale,.bit-result-code{padding:12px 6px}.bit-result-scale strong{font-size:21px}.bit-result-code .bit-grid{gap:1px}.bit-result-code .bit-cell{font-size:10px;height:25px}}
.bit-group-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 12px}.bit-group-chip{padding:18px 8px;border:1px solid #575178;border-radius:8px;text-align:center;font:600 21px ui-monospace,monospace;color:#e3ecf5;background:#1a1536}.bit-group-chip.is-max{border-color:#78e3ae;color:#9cecc1;background:#143326}.bit-group-chip.is-selected{border-color:#f1c97c;color:#ffe0a5}.bit-conversion{display:grid;gap:14px;margin:24px 0}.bit-calculation{border-left:2px solid #829eb8;padding:12px;background:#1c1738}.bit-calculation span{display:block;color:#aabed0;font-size:12px;margin-bottom:10px}.bit-calculation strong{font:600 17px/1.7 ui-monospace,monospace;color:#f6d293;overflow-wrap:anywhere}.bit-result-scale strong{font-size:clamp(12px,1.7vw,23px);overflow-wrap:anywhere}.bit-flow-scene.is-current .bit-calculation{animation:bit-flow-reveal 1s both}.bit-flow-scene.is-current .bit-calculation:nth-child(2){animation-delay:.7s}.bit-flow-scene.is-current .bit-calculation:nth-child(3){animation-delay:1.4s}.bit-flow-scene.is-current .bit-result-code .bit-cell{animation:bit-flow-reveal 1s both;animation-delay:var(--bit-delay)}@media(max-width:850px){.bit-result-scale strong{font-size:16px}.bit-calculation strong{font-size:15px}}
.bit-flow-scene[data-index="0"]{min-height:0}

/* Format comparison stays with the stored result, never an expiring overlay. */
.bit-samples{margin-top:16px}.bit-samples button{margin:4px 6px 4px 0;font-variant-numeric:tabular-nums}.bit-comparison{margin-top:24px;padding-top:16px;border-top:1px solid #3a3556}.bit-comparison h5{font-size:15px;margin:0 0 10px}.bit-comparison-row{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:10px 8px;border-bottom:1px solid #2b2647;color:#bbcddd;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}.bit-comparison-row.selected{background:#30291b;color:#ffdfa2;border-left:2px solid #e7bd6a}.quant-controls fieldset button{margin-bottom:5px}.bit-result-code .bit-sign{background:#44203b}.bit-result-code .bit-exponent{background:#21184c}.bit-result-code .bit-fraction{background:#143b35}
@media(max-width:500px){.bit-result-product{grid-template-columns:96px 18px minmax(0,1fr)}.bit-result-scale strong{font-size:14px;white-space:nowrap;overflow-wrap:normal}}
.quant-scale-flow{color:#9ee8c3;font-size:12px;line-height:1.6;max-width:90%;margin:6px auto 12px;text-align:center;min-height:2.8em}
/* Keep the label below the scale so it does not cover incoming/outgoing paths. */
.quant-scale-label{transform:translate(-50%,65%)}.quant-scale-label::after{top:auto;bottom:100%}.quant-scale-label.is-static{transform:none}
.quant-scale-label{width:max-content}@media(max-width:620px){.quant-scale-label{max-width:160px}}
.bit-error-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.bit-error-values>div{padding:14px 10px;border:1px solid #403867;border-radius:8px;background:#161034;min-width:0}.bit-error-values span{display:block;color:#abc3d4;font-size:11px;line-height:1.6;margin-bottom:10px}.bit-error-values strong{font:600 18px ui-monospace,monospace;color:#89e1e7;overflow-wrap:anywhere}.bit-error-values>div:nth-child(2) strong{color:#d1beff}.bit-error-values>div:nth-child(3){border-color:#a18048}.bit-error-values>div:nth-child(3) strong{color:#f6d293}.bit-error-reason{font-size:15px;line-height:1.9;color:#eee1c6;border-left:2px solid #efc56f;padding-left:14px}.bit-flow-scene[data-index="3"] .bit-result-weight{border-top:0;padding-top:0}@media(max-width:500px){.bit-error-values{grid-template-columns:1fr}.bit-error-values>div{display:flex;justify-content:space-between;align-items:center;gap:14px}.bit-error-values span{margin:0;max-width:52%}.bit-error-values strong{font-size:17px}}
.bit-sample-caution{padding:14px;border:1px solid #595377;background:#191432;color:#c5d4e4;font-size:12px;line-height:1.8;border-radius:8px}

.bit-practical{margin-top:24px;padding:18px;border:1px solid #403867;border-radius:10px;background:#15102d}
.bit-outlier{margin-top:22px;padding:18px;border:1px solid #6d5a34;border-left:2px solid #d1ad69;border-radius:10px;background:#181a1a}
.bit-outlier h5{font-size:16px;margin:0 0 12px;color:#e8d4a4}
.bit-outlier .bit-help+.bit-help{margin-top:12px}
.bit-usage{margin-top:24px;padding:18px;border:1px solid #403867;border-radius:10px;background:#15102d}
.bit-usage h5{font-size:16px;margin:0 0 12px}
.bit-usage-lead{color:#bde8ec;line-height:1.8}
.bit-usage .bit-help+.bit-help{margin-top:12px}.bit-practical h5{font-size:16px;margin:0 0 12px}.bit-practical-lead{color:#bde8ec;line-height:1.8}.bit-practical-sources{font-size:12px;line-height:1.8}.bit-practical-sources a{display:inline-block;color:#a4d8ff;margin:4px 12px 0 0;text-decoration:underline;overflow-wrap:anywhere}
.bit-rotation{margin-top:22px;padding:18px;border:1px solid #463c76;border-left:2px solid #6fd0e8;border-radius:10px;background:#130e2b}
.bit-scale-source{margin-top:22px;padding:18px;border:1px solid #3e356b;border-left:2px solid #7ce3b0;border-radius:10px;background:#120e26}
.bit-rotation h5,.bit-scale-source h5{font-size:16px;margin:0 0 12px;color:#dff0f8}
.bit-rotation .bit-help+.bit-help,.bit-scale-source .bit-help+.bit-help{margin-top:12px}
.bit-rotation .bit-equation,.bit-scale-source .bit-equation{font-size:15px;margin:0 0 14px}
.bit-rotation[hidden],.bit-scale-source[hidden],.quant-formula-ternary[hidden],.quant-cube-stage .quant-muted[hidden]{display:none!important}
.quant-formula-ternary{color:#9fd7e8}
.bit-value-table{margin:18px 0;font-variant-numeric:tabular-nums}
.bit-value-head,.bit-value-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr) minmax(0,.8fr);gap:10px;padding:9px 10px;border-bottom:1px solid #2b2647;font-size:12px;line-height:1.7;color:#bbcddd}
.bit-value-head{color:#91c5d8;font-size:11px;letter-spacing:.06em;border-bottom:1px solid #433c65}
.bit-value-row .bit-col-math,.bit-value-row .bit-col-out{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#f0d7a4;overflow-wrap:anywhere}
.bit-value-row .bit-col-signs{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#8fe0c6;white-space:pre}
.bit-value-row .bit-col-out{color:#9cedc1;text-align:right}
.bit-value-row .delta{color:#f0a9a9}
.bit-value-row .is-selected{color:#ffe0a5;font-weight:600}
.bit-math-fold{margin-top:18px;border:1px solid #3a335b;border-radius:8px;padding:12px 14px;background:#0f0b22}
.bit-math-fold>summary{cursor:pointer;color:#9fd7e8;font-size:13px}
.bit-math-body{margin-top:12px}
.bit-math-body .bit-equation{font-size:14px;margin:0 0 12px;color:#f5d197}
.bit-math-body .bit-help{font-size:12px;line-height:1.8;color:#b7c8d7;margin:8px 0}
.bit-math-fold[hidden]{display:none}
.bit-spin{margin:20px 0;overflow-x:auto;padding-bottom:4px}
.bit-spin-lane{position:relative;width:calc(var(--lane-width) + var(--lane-left));display:flex;align-items:flex-end;gap:12px;padding:4px 0;animation:bit-spin-focus 9s ease-in-out infinite;animation-delay:var(--spin-delay)}
.bit-spin-lane-label{width:112px;flex:none;font-size:11px;line-height:1.5;color:#a1b5c9;padding-bottom:22px}
.bit-spin-col{position:relative;width:34px;height:92px;flex:none}
.bit-spin-col:before{content:'';position:absolute;left:0;right:0;top:58px;height:1px;background:#443d66}
.bit-spin-bar{position:absolute;left:5px;width:24px;min-height:2px;height:var(--bar-height);bottom:34px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7be2b0,#2f7f68)}
.bit-spin-bar.is-below{bottom:auto;top:calc(100% - 34px);border-radius:0 0 3px 3px;background:linear-gradient(0deg,#6f9ff0,#382b78)}
.bit-spin-num{position:absolute;left:0;right:0;bottom:0;text-align:center;font:600 12px ui-monospace,monospace;color:#dbe9f5}
.bit-spin-links{position:relative;width:calc(var(--lane-width) + var(--lane-left));height:var(--link-height);animation:bit-spin-focus 9s ease-in-out infinite;animation-delay:var(--spin-delay)}
.bit-spin-link{position:absolute;left:calc(var(--link-left) - 1px);top:0;width:2px;height:var(--link-length);background:#5fd7f0;opacity:.65;transform-origin:top center;transform:rotate(var(--link-angle))}
@keyframes bit-spin-focus{0%,16%{opacity:1}30%,100%{opacity:.42}}
.bit-spin[data-reduced="true"] .bit-spin-lane,.bit-spin[data-reduced="true"] .bit-spin-links{animation:none;opacity:1}
.bit-spin[data-reduced="true"] .bit-spin-lane:not(:last-of-type),.bit-spin[data-reduced="true"] .bit-spin-links{display:none}
@media(prefers-reduced-motion:reduce){.bit-spin .bit-spin-lane,.bit-spin .bit-spin-links{animation:none;opacity:1}.bit-spin .bit-spin-lane:not(:last-of-type),.bit-spin .bit-spin-links{display:none}}
.bit-sweep{margin:16px 0}
.bit-sweep-head,.bit-sweep-row{display:grid;grid-template-columns:70px minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.6fr);gap:10px;align-items:center;padding:9px 8px;border-bottom:1px solid #2b2647;font-size:12px;color:#bbcddd}
.bit-sweep-head{color:#91c5d8;font-size:11px;letter-spacing:.06em;border-bottom:1px solid #433c65}
.bit-sweep-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#f0d7a4;overflow-wrap:anywhere}
.bit-sweep-bars{display:grid;gap:4px}
.bit-sweep-bar{display:block;height:8px;border-radius:3px;background:#564c86}
.bit-sweep-bar.is-spun{width:var(--bar-width)}
.bit-sweep-bar.is-spun.is-lower{background:linear-gradient(90deg,#7be2b0,#3c8f74)}
.bit-sweep-bar.is-spun.is-higher{background:linear-gradient(90deg,#f0a9a9,#8f4b4b)}
@media(max-width:500px){.bit-value-head,.bit-value-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,.7fr);gap:6px;font-size:11px}.bit-sweep-head,.bit-sweep-row{grid-template-columns:56px minmax(0,.8fr) minmax(0,.8fr) minmax(0,1fr);gap:6px;font-size:11px}}

.bit-value-wide .bit-value-head,.bit-value-wide .bit-value-row{grid-template-columns:minmax(0,1.55fr) minmax(0,1.55fr) minmax(0,.6fr)}
.bit-comparison-row{grid-template-columns:66px minmax(0,1fr)}
@media(max-width:500px){.bit-value-wide .bit-value-head,.bit-value-wide .bit-value-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,.6fr)}.bit-comparison-row{grid-template-columns:56px minmax(0,1fr)}}

/* ---------------- slide mode (HADAMARD only): one sticky stage, one step per screen ----------
   Added last on purpose: several of the rules above set min-height and margin on .bit-flow-scene
   and only the slide-mode class may override them. */
.quant-slide-mode{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start}
.quant-slide-mode .quant-cube-stage{position:relative;top:0;z-index:3;height:min(620px,75vh);max-height:min(620px,75vh);min-height:0;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0 0 10px;overflow:hidden;align-self:stretch;box-sizing:border-box}
.quant-slide-mode .quant-cube-canvas,.quant-slide-mode .quant-cube-status,.quant-slide-mode .quant-scale-flow,.quant-slide-mode .quant-cube-capacity,.quant-slide-mode .quant-cube-stage .quant-muted,.quant-slide-mode .quant-rotation,.quant-slide-mode .quant-scale-label,.quant-slide-mode .quant-slide-caption[hidden]{display:none}
.quant-slide-canvas{display:block;width:100%;flex:1 1 0;min-height:0;touch-action:pan-y}
.quant-slide-caption{font:600 14px/1.7 ui-monospace,monospace;color:#f2d59a;margin:10px auto 0;padding:0 14px;max-width:560px;text-align:center;overflow-wrap:anywhere}
.quant-slide-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.quant-slide-label{position:absolute;top:0;left:0;padding:4px 9px;border:1px solid #4f467a;border-radius:6px;background:#0e0a20e6;color:#dceaf5;font:600 12px/1.4 ui-monospace,monospace;white-space:nowrap;opacity:0}
.quant-slide-label::before{content:'';position:absolute;top:100%;left:12px;height:10px;border-left:1px solid #4f467a}
.quant-slide-legend{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:#0e0a20d9;border:1px solid #3a335c;font:600 12px ui-monospace,monospace;color:#dceaf5;pointer-events:none;z-index:4}
.quant-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.quant-legend-dot.is-pos{background:#f0b46e}
.quant-legend-dot.is-neg{background:#6f9ff0}
.quant-demo-label{position:absolute;top:0;left:0;padding:3px 8px;border-radius:4px;background:#0b081de6;border:1px solid #63cdd8;color:#fffae6;font:700 12px/1.3 ui-monospace,monospace;white-space:nowrap;pointer-events:none;z-index:3;opacity:0;transition:opacity 0.2s}
.quant-slide-play{position:absolute;right:14px;top:14px;font:600 12px ui-monospace,monospace!important;background:#1b1538e6;border:1px solid #554a8a;color:#e2effa;border-radius:6px;padding:5px 11px;cursor:pointer;z-index:4;transition:background 0.2s,border-color 0.2s}
.quant-slide-play:hover{background:#241c4d;border-color:#6da0cf}
.quant-slide-mode .bit-toolbar,.quant-slide-mode .bit-samples,.quant-slide-mode .bit-mode,.quant-slide-mode .bit-slide-off,.quant-slide-mode .bit-summary{display:none}
.bit-slide-only{display:none}
.quant-slide-mode .bit-slide-only{display:block}
.quant-slide-mode .quant-bit-lesson{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;position:relative}
.quant-slide-mode .quant-bit-lesson > .bit-lesson-head{grid-column:1/-1;grid-row:1;padding:8px 0 14px}
.quant-slide-mode .quant-bit-lesson > .bit-flow-scenes{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;align-items:start;margin:0;width:100%;height:min(620px,75vh);max-height:min(620px,75vh)}
.quant-slide-mode .quant-bit-lesson > .bit-slide-prev{grid-column:1;grid-row:2;align-self:center;justify-self:start;transform:translateX(-50%);position:relative;z-index:10;margin:0}
.quant-slide-mode .quant-bit-lesson > .bit-slide-next{grid-column:1;grid-row:2;align-self:center;justify-self:end;transform:translateX(50%);position:relative;z-index:10;margin:0}
.quant-slide-mode .bit-flow-scene{grid-area:1/1;width:100%;height:100%;max-height:min(620px,75vh);box-sizing:border-box;margin:0;padding:20px 22px;overflow-y:auto;overscroll-behavior:contain;border-radius:8px;transition:transform 1.2s cubic-bezier(0.2,0,0,1),opacity 1.2s ease,visibility 1.2s}
.quant-slide-mode .bit-flow-scene:not(:last-of-type):after{content:none}
.quant-slide-mode .bit-flow-scene.is-current{border-color:#c0a265;transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
.quant-slide-mode .bit-flow-scene.is-before{transform:translateX(-100%);opacity:0;visibility:hidden;pointer-events:none}
.quant-slide-mode .bit-flow-scene.is-after{transform:translateX(100%);opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){
  .quant-slide-mode .bit-flow-scene{transition:none!important}
}
.quant-slide-mode .bit-flow-scene h4{margin-bottom:12px}
.quant-slide-mode .bit-equation{margin:0 0 16px}
.quant-slide-mode .bit-help{margin:6px 0}
.quant-slide-mode .bit-value-table{margin:12px 0}
.quant-slide-mode .bit-value-head,.quant-slide-mode .bit-value-row{padding:6px 10px;line-height:1.5}
.quant-slide-mode .quant-bit-lesson > .bit-slide-dots{grid-column:1/-1;grid-row:3;justify-self:center;margin:14px 0 0;display:flex;flex-direction:row;align-items:center;gap:10px;position:static;transform:none;z-index:2}
.bit-slide-dots[hidden]{display:none}
.bit-slide-dots button{width:30px;height:30px;padding:0;border-radius:50%;font:600 12px ui-monospace,monospace;background:#16112f;color:#9db3c7;border:1px solid #453d6d;line-height:1;cursor:pointer}
.bit-slide-dots button.is-active{background:#c9a25a;border-color:#e6c37f;color:#0f0c21}
.quant-lens .bit-slide-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;padding:0;box-sizing:border-box;background:#16112f;color:#c0d5e8;border:1px solid #453d6d;font:600 18px/1 system-ui,-apple-system,sans-serif;line-height:1;cursor:pointer;user-select:none;transition:background 0.15s,border-color 0.15s,opacity 0.15s,color 0.15s}
.quant-lens .bit-slide-arrow:hover:not(:disabled){background:#221b46;border-color:#695ca8;color:#fff}
.quant-lens .bit-slide-arrow:disabled{opacity:0.25;cursor:not-allowed}
.quant-lens .bit-slide-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
.quant-slide-mode .quant-bit-lesson > .bit-slide-extended{grid-column:1/-1;grid-row:4;padding:34px 2px 0;border-top:1px solid #2b244c;margin-top:24px}
.quant-slide-mode .bit-slide-fold{margin-top:18px}
@media(max-width:850px){
  .quant-slide-mode{grid-template-columns:1fr;gap:0}
  .quant-slide-mode .quant-cube-stage{height:360px;min-height:300px;max-height:none;margin-top:0!important;border-radius:0;border-left:0;border-right:0}
  .quant-slide-play{top:auto;bottom:10px;right:12px;left:auto}
  .quant-slide-mode .quant-slide-caption{font-size:11px;margin-top:6px}
  .quant-slide-mode .quant-bit-lesson > .bit-lesson-head{padding:14px 12px 8px}
  .quant-slide-mode .quant-bit-lesson > .bit-slide-prev{margin:0}
  .quant-slide-mode .quant-bit-lesson > .bit-slide-next{margin:0}
  .quant-slide-mode .quant-bit-lesson > .bit-flow-scenes{margin:0;height:auto;max-height:65vh}
  .quant-slide-mode .bit-flow-scene{min-height:auto;max-height:65vh;padding:16px 10px;overflow-y:auto}
  .quant-slide-label{font-size:11px;padding:3px 7px}
  .bit-slide-dots button{width:26px;height:26px;font-size:11px}
  .quant-lens .bit-slide-arrow{width:32px;height:32px;font-size:16px;padding:0}
}


.quant-slide-mode > .bit-lesson-head{grid-column:1/-1;padding:0 0 18px}
.quant-slide-mode[data-format="INT8"] .bit-samples,
.quant-slide-mode[data-format="FP8"] .bit-samples,
.quant-slide-mode[data-format="INT4"] .bit-samples,
.quant-slide-mode[data-format="FP4"] .bit-samples{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.quant-slide-mode[data-format="INT8"] .bit-samples .bit-help,
.quant-slide-mode[data-format="FP8"] .bit-samples .bit-help,
.quant-slide-mode[data-format="INT4"] .bit-samples .bit-help,
.quant-slide-mode[data-format="FP4"] .bit-samples .bit-help{margin:0 6px 0 0;display:inline-block}

/* Revert bit-slide-off for INT8, FP8, INT4, FP4 so card content is never hidden in slide mode */
.quant-slide-mode[data-format="INT8"] .bit-slide-off,
.quant-slide-mode[data-format="FP8"] .bit-slide-off,
.quant-slide-mode[data-format="INT4"] .bit-slide-off,
.quant-slide-mode[data-format="FP4"] .bit-slide-off,
.quant-slide-mode .quant-bit-lesson[data-format="INT8"] .bit-slide-off,
.quant-slide-mode .quant-bit-lesson[data-format="FP8"] .bit-slide-off,
.quant-slide-mode .quant-bit-lesson[data-format="INT4"] .bit-slide-off,
.quant-slide-mode .quant-bit-lesson[data-format="FP4"] .bit-slide-off{display:revert}

.quant-slide-mode[data-format="INT8"] .bit-conversion,
.quant-slide-mode[data-format="FP8"] .bit-conversion,
.quant-slide-mode[data-format="INT4"] .bit-conversion,
.quant-slide-mode[data-format="FP4"] .bit-conversion,
.quant-slide-mode .quant-bit-lesson[data-format="INT8"] .bit-conversion,
.quant-slide-mode .quant-bit-lesson[data-format="FP8"] .bit-conversion,
.quant-slide-mode .quant-bit-lesson[data-format="INT4"] .bit-conversion,
.quant-slide-mode .quant-bit-lesson[data-format="FP4"] .bit-conversion{display:grid}

.quant-slide-mode[data-format="INT8"] .bit-error-values,
.quant-slide-mode[data-format="FP8"] .bit-error-values,
.quant-slide-mode[data-format="INT4"] .bit-error-values,
.quant-slide-mode[data-format="FP4"] .bit-error-values,
.quant-slide-mode .quant-bit-lesson[data-format="INT8"] .bit-error-values,
.quant-slide-mode .quant-bit-lesson[data-format="FP8"] .bit-error-values,
.quant-slide-mode .quant-bit-lesson[data-format="INT4"] .bit-error-values,
.quant-slide-mode .quant-bit-lesson[data-format="FP4"] .bit-error-values{display:grid}

.quant-slide-mode[data-format="INT8"] .bit-result,
.quant-slide-mode[data-format="FP8"] .bit-result,
.quant-slide-mode[data-format="INT4"] .bit-result,
.quant-slide-mode[data-format="FP4"] .bit-result,
.quant-slide-mode .quant-bit-lesson[data-format="INT8"] .bit-result,
.quant-slide-mode .quant-bit-lesson[data-format="FP8"] .bit-result,
.quant-slide-mode .quant-bit-lesson[data-format="INT4"] .bit-result,
.quant-slide-mode .quant-bit-lesson[data-format="FP4"] .bit-result,
.quant-slide-mode[data-format="INT8"] .bit-result-weight,
.quant-slide-mode[data-format="FP8"] .bit-result-weight,
.quant-slide-mode[data-format="INT4"] .bit-result-weight,
.quant-slide-mode[data-format="FP4"] .bit-result-weight,
.quant-slide-mode .quant-bit-lesson[data-format="INT8"] .bit-result-weight,
.quant-slide-mode .quant-bit-lesson[data-format="FP8"] .bit-result-weight,
.quant-slide-mode .quant-bit-lesson[data-format="INT4"] .bit-result-weight,
.quant-slide-mode .quant-bit-lesson[data-format="FP4"] .bit-result-weight{display:block}

.quant-slide-zero-error{position:absolute;top:58px;right:14px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;background:#103729d9;border:1px solid #79dbab;color:#9cedc1;font:700 12px ui-monospace,monospace;z-index:4;box-shadow:0 0 10px rgba(121,219,171,.35);pointer-events:none;opacity:0;transition:opacity 0.2s}
@media(max-width:850px){.quant-slide-zero-error{top:52px;right:12px;padding:4px 9px;font-size:11px}}
.quant-demo-label.has-lead::after{content:'';position:absolute;top:100%;left:var(--lead-x,50%);height:var(--lead,0);border-left:1px dashed #63cdd8b3}
.quant-demo-label.is-sample.has-lead::after{border-left-color:#f5d76eb3}
.quant-slide-label.is-pinned::before{display:none}

.quant-demo-label.is-sample{border-color:#f5d76e;box-shadow:0 0 8px rgba(245,215,110,.6);color:#fff}
.bit-bf16-card h4{font-size:18px;font-weight:700;color:#f0b46e;margin:0 0 20px}
.bit-bf16-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:16px;color:#dceaf5;font-size:14px;line-height:1.7}
.bit-bf16-list li{margin:0}

/* BF16 is the unquantized baseline: one explanation card, no step navigation or replay. */
.quant-slide-mode .quant-bit-lesson[data-format="BF16"] > .bit-slide-arrow,.quant-slide-mode .quant-bit-lesson[data-format="BF16"] > .bit-slide-dots,.quant-slide-mode:has(.quant-bit-lesson[data-format="BF16"]) .quant-slide-play{display:none}

/* Krok 5 — gwiazda trafności: rzut 8 wyników oryginał vs skwantyzowany. */
.quant-star{margin:44px auto 10px;padding:26px 0 0;border-top:1px solid #2a2546}
.quant-star-eyebrow{font:11px ui-monospace,monospace;letter-spacing:.12em;color:#70d9df;margin:0}
.quant-star h2{font-size:clamp(22px,3.4vw,30px);font-weight:500;letter-spacing:-.03em;margin:8px 0 10px}
.quant-star-lead{max-width:850px;font-size:13px;line-height:1.8;color:#a4b1c7;margin:0 0 20px}
.quant-star-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.quant-star-figure{border:1px solid #2f2855;border-radius:10px;background:#0f0b23;padding:14px 14px 16px}
.quant-star-figure svg{display:block;width:100%;height:auto;max-width:420px;margin:0 auto}
.quant-star-key{list-style:none;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:6px 0 0;padding:0;font-size:12px;color:#a4b1c7}
.quant-star-key li{display:flex;align-items:center;gap:7px}
.qs-key{width:14px;height:3px;border-radius:2px;display:inline-block}
.qs-key-base{background:#43cbd2}
.qs-key-quant{background:#fdc077}
.qs-guides line{stroke:#3b2e63;stroke-width:1}
.qs-guides .qs-ring{fill:none;stroke:#2f2855;stroke-width:1;stroke-dasharray:3 5}
.qs-spoke{fill:#8896bc;font:10px ui-monospace,monospace;text-anchor:middle}
.qs-shifts line{stroke:#bf9afe;stroke-width:1;stroke-opacity:.65}
.qs-poly-base{fill:none;stroke:#43cbd2;stroke-width:2;stroke-dasharray:7 5;stroke-linejoin:round}
.qs-poly-quant{fill:#fdc0771f;stroke:#fdc077;stroke-width:2;stroke-linejoin:round}
.qs-dot-base{fill:#43cbd2}
.qs-dot-quant{fill:#fdc077}
.qs-flipped .qs-poly-quant{stroke:#ff8fa3;fill:#ff8fa31f}
.qs-flipped .qs-dot-quant,.qs-flipped .qs-key-quant{background:#ff8fa3;fill:#ff8fa3}
.quant-star-readout{display:flex;flex-direction:column;gap:14px;min-width:0}
.quant-star-bars{display:flex;flex-direction:column;gap:7px}
.qs-row{display:grid;grid-template-columns:34px minmax(0,1fr) 52px;gap:10px;align-items:center;font:12px ui-monospace,monospace;color:#a4b1c7}
.qs-track{position:relative;height:16px;background:#1a1438;border-radius:3px;overflow:hidden}
.qs-fill{position:absolute;inset:0 auto 0 0;background:#fdc077;border-radius:3px;transition:width .25s ease}
.qs-marker{position:absolute;top:0;bottom:0;width:2px;background:#43cbd2;transform:translateX(-1px);transition:left .25s ease}
.qs-value{text-align:right;font-variant-numeric:tabular-nums;color:#d5e6f7}
.qs-row-top .qs-fill{background:#7be2b0}
.qs-row-lost .qs-fill{background:#5f6a86}
.qs-row-flipped{color:#ff8fa3}
.qs-row-flipped .qs-fill{background:#ff8fa3}
.quant-star-verdict{margin:0;font-size:14px;line-height:1.7;color:#e6dcc4;border-left:2px solid #fdc077;padding-left:12px}
.qs-flipped .quant-star-verdict{border-left-color:#ff8fa3;color:#ffd9e0}
.quant-star-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.quant-star-stats>div{border:1px solid #2f2855;border-radius:8px;background:#151129;padding:10px 12px;min-width:0}
.quant-star-stats dt{font-size:11px;color:#8896bc;line-height:1.5}
.quant-star-stats dd{margin:6px 0 0;font:600 16px ui-monospace,monospace;color:#f1d39d;overflow-wrap:anywhere}
.quant-star-note{margin:20px 0 0;max-width:900px;font-size:12px;line-height:1.8;color:#8896bc;border-left:2px solid #3b2e63;padding-left:12px}
@media(max-width:850px){.quant-star-stage{grid-template-columns:1fr}.quant-star{margin-top:32px}}
@media(max-width:520px){.quant-star{padding-top:20px}.qs-row{grid-template-columns:30px minmax(0,1fr) 46px;font-size:11px}.quant-star-stats{grid-template-columns:1fr}.quant-star-figure{padding:10px}}