.syntax-highlight .syntax-keyword{color:#8fd1e8}.syntax-highlight .syntax-tag{color:#f2bd6a}.syntax-highlight .syntax-string{color:#e6d493}.syntax-highlight .syntax-identifier{color:#bdd7ee}.syntax-highlight .syntax-attribute{color:#d9c6f5}.syntax-highlight .syntax-number{color:#d8bef4}.syntax-highlight .syntax-comment{color:#a9b9c5}.syntax-highlight .syntax-read,.syntax-highlight .syntax-write{color:#bdd7ee}.intro-visual{color:#2b4355;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:0;height:170px;margin:6px 0 12px;font:700 13px/1.3 DM Sans,sans-serif;display:flex}.intro-visual *{box-sizing:border-box}.intro-visual.is-offscreen,.intro-visual.is-offscreen *{animation-play-state:paused!important}.mini-horizontal{justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;max-width:320px;display:flex}.mini-box{text-align:center;white-space:nowrap;background:#fbfdff;border:1px solid #cbdbe6;border-radius:7px;justify-content:center;align-items:center;min-width:0;min-height:31px;padding:5px 8px;display:flex;box-shadow:0 1px #1e425208}.mini-link{background:#c8d8e2;flex:1;min-width:9px;max-width:30px;height:1px;display:block}.mini-code-example{color:#edf4fb;tab-size:2;text-align:left;background:#172338;border-radius:10px;width:100%;max-width:460px;margin:0;padding:19px 18px;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.mini-code-example code{font:inherit}.mini-signal-demo{justify-content:center;align-items:center;gap:24px;width:100%;max-width:440px;display:flex}.mini-signal-action,.mini-signal-reading{flex-direction:column;flex:1;align-items:center;gap:9px;min-width:0;display:flex}.mini-signal-action{flex:0 175px}.mini-signal-reading{flex:none}.mini-signal-action small,.mini-signal-reading small{color:#536779;letter-spacing:.09em;text-transform:uppercase;font:700 12px/1.2 DM Sans,sans-serif}.mini-signal-command{border:1px solid var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;width:100%;max-width:175px;min-height:52px;display:grid;position:relative}.mini-signal-command:after{content:"";border-radius:inherit;box-shadow:0 0 0 4px var(--motion-glow);opacity:0;pointer-events:none;animation:6s ease-in-out infinite mini-signal-command-pulse;position:absolute;inset:0}.mini-signal-command code{color:var(--accent-dark);grid-area:1/1;font:700 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.mini-signal-set-zero,.mini-signal-read-one{opacity:0}.mini-signal-set-one{animation:6s step-end infinite mini-signal-one-command}.mini-signal-set-zero{animation:6s step-end infinite mini-signal-zero-command}.mini-signal-arrow{color:var(--accent);flex:none;font:700 28px/1 DM Sans,sans-serif;animation:6s ease-in-out infinite mini-signal-arrow-pulse}.mini-signal-reading>code{color:#2b4355;font:700 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.mini-signal-value{min-width:42px;color:var(--accent-dark);place-items:center;font:700 38px/1 Space Grotesk,sans-serif;animation:6s ease-in-out infinite mini-signal-value-bump;display:grid}.mini-signal-value>span{grid-area:1/1}.mini-signal-read-zero{animation:6s step-end infinite mini-signal-zero-value}.mini-signal-read-one{animation:6s step-end infinite mini-signal-one-value}.mini-reuse{max-width:420px}.mini-reuse-source{background:var(--accent-soft);border-color:var(--accent);min-height:52px;color:var(--accent-dark);flex:0 0 36%;font-size:14px;position:relative}.mini-reuse-source:after{content:"";border-radius:inherit;box-shadow:0 0 0 3px var(--motion-glow);opacity:0;pointer-events:none;animation:6s ease-in-out infinite mini-reuse-source-glow;position:absolute;inset:0}.mini-reuse-results{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.mini-reuse-results>div{background:#fbfdff;border:1px solid #cbdbe6;border-radius:6px;justify-content:space-between;align-items:center;gap:4px;min-height:32px;padding:4px 7px;display:flex;position:relative}.mini-reuse-results>div:before{content:"";border:1px solid var(--motion-accent);border-radius:inherit;background:var(--motion-soft);opacity:0;pointer-events:none;position:absolute;inset:-1px}.mini-reuse-results>div:first-child:before{animation:6s ease-in-out infinite mini-reuse-first}.mini-reuse-results>div:nth-child(2):before{animation:6s ease-in-out infinite mini-reuse-second}.mini-reuse-results>div:nth-child(3):before{animation:6s ease-in-out infinite mini-reuse-third}.mini-reuse-results>div>*{position:relative}.mini-reuse-results code{text-overflow:ellipsis;white-space:nowrap;color:#49647a;font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.mini-reuse-results span{background:var(--accent-soft);color:var(--accent-dark);border-radius:4px;flex:none;padding:3px 6px;font-size:13px}.mini-api-reference{gap:11px;width:100%;max-width:460px;margin:0;font-size:14px;display:grid}.mini-api-reference>div{grid-template-columns:152px minmax(0,1fr);align-items:baseline;column-gap:9px;display:grid}.mini-api-reference dt{color:var(--accent-dark);text-align:right;grid-template-columns:125px 18px;align-items:baseline;column-gap:9px;display:grid}.mini-api-arrow{color:var(--accent);text-align:center;font-weight:700}.mini-api-reference dd{margin:0;font-weight:500}.intro-visual.intro-visual-apis{height:auto;min-height:160px}.mini-api-reference code{font:600 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.mini-work-table-demo{width:100%;max-width:460px}.mini-work-table{border-spacing:0;color:#2b4355;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #cbdbe6;border-radius:7px;width:100%;font:600 13px/1.2 DM Sans,sans-serif;overflow:hidden}.mini-work-table :is(th,td){text-align:right;white-space:nowrap;padding:7px 8px}.mini-work-table :is(th,td):first-child{text-align:left}.mini-work-table thead{color:#536779;background:#f2f7f9}.mini-work-table tbody tr+tr :is(th,td){border-top:1px solid #e1e9ee}.mini-work-changing-cell{transition:background .35s ease-in-out}.mini-work-changing-cell-active{background:var(--motion-soft)}.mini-work-note{color:#536779;text-align:center;margin:9px 0 0;font:600 13px/1.3 DM Sans,sans-serif}.mini-no-vdom{width:100%;max-width:410px}.mini-no-vdom-flow{grid-template-columns:minmax(0,1fr) 28px minmax(0,1.25fr);align-items:center;gap:10px;display:grid}.mini-no-vdom-state,.mini-no-vdom-target{text-align:center;background:#fbfdff;border:1px solid #cbdbe6;border-radius:7px;min-width:0}.mini-no-vdom-state{padding:16px 8px;font-size:14px;transition:background .35s ease-in-out,border-color .35s ease-in-out}.mini-no-vdom-active{border-color:var(--motion-accent);background:var(--motion-soft)}.mini-no-vdom-arrow{color:var(--accent);text-align:center;font-size:24px}.mini-no-vdom-target{justify-content:center;align-items:center;min-height:50px;padding:9px 6px;font-size:14px;display:flex}.mini-no-vdom-html{color:#2b4355;white-space:nowrap;font:600 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.mini-dom-value{background:var(--accent-soft);min-width:15px;color:var(--accent-dark);text-align:center;border-radius:3px;padding:0 3px;transition:background .35s ease-in-out;display:inline-block}.mini-no-vdom-crossouts{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:17px;display:flex}.mini-no-vdom-crossout{color:#783e45;background:#fff7f7;border:1px solid #e0c5c8;border-radius:999px;align-items:center;padding:5px 9px;font-size:14px;display:inline-flex}.mini-no-vdom-crossout-label{-webkit-text-decoration:line-through #a34b55;text-decoration:line-through #a34b55;text-decoration-thickness:1px}.mini-runtime{background:#f7fafc;border:1px solid #cbdbe6;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;max-width:410px;min-height:125px;display:flex}.mini-runtime strong{color:var(--accent-dark);font:700 42px/1 Space Grotesk,sans-serif}.mini-runtime span{color:#536779;letter-spacing:.04em;text-transform:uppercase;font:700 13px/1.3 DM Sans,sans-serif}.mini-runtime a{color:var(--accent-dark);text-underline-offset:2px;font:700 13px/1.3 DM Sans,sans-serif;text-decoration:underline}.mini-responsive{flex-direction:column;gap:7px;width:100%;max-width:460px;height:100%;display:flex}.mini-responsive-search-field{border:1px solid var(--accent);color:#2b4355;min-height:34px;box-shadow:0 0 0 2px var(--accent-glow);background:#f7fafc;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font:600 13px/1.3 DM Sans,sans-serif;display:flex}.mini-responsive-search-icon{border:1.5px solid #617a88;border-radius:50%;flex:none;width:11px;height:11px;position:relative}.mini-responsive-search-icon:after{content:"";border-top:1.5px solid #617a88;width:5px;position:absolute;bottom:-2px;right:-4px;transform:rotate(48deg)}.mini-responsive-input-text{align-items:center;gap:1px;display:inline-flex}.mini-responsive-placeholder{color:#536779;font-weight:500}.mini-responsive-caret{background:var(--motion-accent);width:1px;height:13px;animation:1s step-end infinite mini-caret}.mini-responsive-caret-idle{visibility:hidden}.mini-responsive-demo-label{color:#536779;letter-spacing:.04em;background:#e7eef3;border-radius:4px;flex:none;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.mini-responsive-inventory{background:#fff;border:1px solid #cbdbe6;border-radius:7px;overflow:hidden}.mini-responsive-tablehead,.mini-responsive-row{justify-content:space-between;align-items:center;gap:8px;padding:4px 9px;display:flex}.mini-responsive-tablehead{color:#536779;background:#f2f7f9;min-height:22px;font-size:12px}.mini-responsive-tablehead>span:last-child{align-items:center;gap:4px;display:flex}.mini-responsive-tablehead i{background:var(--accent);border-radius:50%;width:6px;height:6px}.mini-responsive-row{border-top:1px solid #e1e9ee;min-height:25px;font-size:13px}.mini-responsive-row strong{min-width:3ch;color:var(--accent-dark);text-align:right;border-radius:3px;font-size:13px;transition:background .3s ease-in-out}.mini-responsive-quantity-active{background:var(--motion-soft)}.mini-responsive-results{color:#617888;text-align:right;border-top:1px solid #e1e9ee;padding:3px 9px 4px;font-size:12px;display:block}@keyframes mini-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes mini-reuse-source-glow{0%,3%,18%,to{opacity:0}7%,14%{opacity:1}}@keyframes mini-reuse-first{0%,18%,30%,to{opacity:0}22%,27%{opacity:1}}@keyframes mini-reuse-second{0%,38%,50%,to{opacity:0}42%,47%{opacity:1}}@keyframes mini-reuse-third{0%,58%,70%,to{opacity:0}62%,67%{opacity:1}}@keyframes mini-signal-one-command{0%,47%{opacity:1}48%,to{opacity:0}}@keyframes mini-signal-zero-command{0%,47%{opacity:0}48%,to{opacity:1}}@keyframes mini-signal-zero-value{0%,30%,66%,to{opacity:1}31%,65%{opacity:0}}@keyframes mini-signal-one-value{0%,30%,66%,to{opacity:0}31%,65%{opacity:1}}@keyframes mini-signal-command-pulse{0%,11%,27%,51%,67%,to{opacity:0}16%,22%,56%,62%{opacity:1}}@keyframes mini-signal-arrow-pulse{0%,11%,27%,51%,67%,to{opacity:.45;color:var(--accent);transform:translate(0)}16%,22%,56%,62%{opacity:1;color:var(--motion-accent);transform:translate(4px)}}@keyframes mini-signal-value-bump{0%,29%,43%,64%,78%,to{color:var(--accent-dark);transform:scale(1)}34%,70%{color:var(--motion-ink);transform:scale(1.13)}}@media (width<=600px){.intro-visual{height:170px}.mini-code-example{padding:15px;font-size:13px}}@media (width<=430px){.intro-visual.intro-visual-components{height:auto;min-height:180px}.mini-reuse{flex-direction:column;gap:6px}.mini-reuse-source{flex:none;width:100%;min-height:38px;font-size:14px}.mini-reuse .mini-link{flex:none;width:1px;min-width:1px;max-width:none;height:10px}.mini-reuse-results{width:100%}.mini-reuse-results>div{padding:4px 5px}.mini-reuse-results code{font-size:13px}.mini-reuse-results span{padding:3px 4px}.mini-api-reference>div{grid-template-columns:131px minmax(0,1fr);column-gap:7px}.mini-api-reference dt{grid-template-columns:110px 14px;column-gap:7px}}.app-shell{background:#f3f6f9;max-width:1700px;min-height:100vh;margin:0 auto}.header-center{letter-spacing:.18em;color:#adbdd2;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.live-dot,.table-bottom-dot{background:#6ddab4;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #6ddab422}.docs-link{color:#c6d2df;font-size:11px;font-weight:700}.docs-link:hover{color:#a8e5d1}.main-content{padding:30px clamp(20px,3vw,50px) 48px}.hero{color:#f3f8fc;background:radial-gradient(circle at 78% 18%,#295471 0,#0000 34%),linear-gradient(120deg,#1b2b43,#223e55 75%,#284d5e);border-radius:24px;justify-content:space-between;align-items:center;gap:40px;min-height:205px;padding:31px 38px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#bdd9e80d 1px,#0000 1px),linear-gradient(90deg,#bdd9e80d 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.hero-copy,.hero-note{z-index:1;position:relative}.eyebrow{letter-spacing:.17em;color:#708299;font-size:10px;font-weight:800}.hero .eyebrow{color:#a6ddcf}.hero h1{letter-spacing:-.055em;margin:15px 0 14px;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,3.6vw,54px);font-weight:600;line-height:1.03}.hero h1 span{color:#a6e9d4}.hero-copy>p{color:#c5d3df;max-width:580px;margin:0;font-size:12px;line-height:1.65}.hero-note{background:#10283bb8;border:1px solid #8dcdbf66;border-radius:14px;flex:0 0 275px;padding:18px 19px}.hero-note strong{color:#a6e9d4;letter-spacing:.15em;font-size:9px}.hero-note p{color:#d2e2e9;margin:8px 0 0;font-size:12px;line-height:1.55}.mode-tabs{border-bottom:1px solid #dbe3eb;align-items:center;gap:7px;margin:19px 0 22px;display:flex}.mode-tabs button{color:#7c8a9b;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:13px 18px 15px;font-size:12px;font-weight:800}.mode-tabs button.active{color:#253c53;border-bottom-color:#4bb99b}.mode-tabs button span{color:#79a99f;margin-right:7px;font:700 10px Space Grotesk,sans-serif}.mode-caption{color:#8290a1;margin-left:auto;font-size:10px}.workspace{grid-template-columns:minmax(270px,300px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.control-panel,.table-panel,.results-section{background:#fff;border:1px solid #dce4eb;border-radius:18px;box-shadow:0 10px 28px #23384c0a}.control-panel{min-height:580px;padding:22px}.control-panel h2{letter-spacing:-.045em;margin:10px 0 7px;font-family:Space Grotesk,sans-serif;font-size:26px}.field{margin-bottom:21px}.field label,.field-heading label{color:#52667b;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.field input[type=number],.field select{color:#25374d;background:#fff;border:1px solid #d2dde5;border-radius:9px;width:100%;height:39px;padding:0 11px;font-size:12px}.field-heading{justify-content:space-between;align-items:center;display:flex}.field-heading strong{color:#278c76;font-family:Space Grotesk,sans-serif;font-size:13px}.field input[type=range]{accent-color:#44ae91;width:100%;margin:5px 0 0}.range-ends{color:#98a6b2;justify-content:space-between;font-size:9px;display:flex}.primary-button,.secondary-button,.stop-button{border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:43px;font-size:12px;font-weight:800;display:flex}.primary-button{color:#fff;background:#304d48;border:1px solid #304d48}.primary-button:hover:not(:disabled){background:#246f5c}.secondary-button{color:#536a79;background:#f5f8f9;border:1px solid #dce6e9;margin-top:8px}.stop-button{color:#b55740;background:#fff1ec;border:1px solid #f1cbbf}.table-panel{min-width:0;overflow:hidden}.table-panel-head{justify-content:space-between;align-items:center;gap:18px;padding:20px 22px 13px;display:flex}.table-panel-head h2{letter-spacing:-.04em;margin:6px 0 0;font-family:Space Grotesk,sans-serif;font-size:19px}.status-pill{color:#4a8778;background:#f2faf7;border:1px solid #dce9e4;border-radius:20px;align-items:center;gap:7px;max-width:320px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.implementation-tabs{border-bottom:1px solid #dfe7ed;gap:4px;padding:0 18px;display:flex;overflow:auto}.implementation-tabs button{color:#8b99a9;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:7px;padding:12px 13px;font-size:11px;font-weight:800;display:flex}.implementation-tabs button.active{color:#273e4f;border-bottom-color:#4ba993}.interaction-bar{background:#f9fbfc;border-bottom:1px solid #e3e9ef;justify-content:space-between;align-items:center;gap:20px;padding:11px 17px;display:flex}.interaction-bar>div{color:#8b98a6;align-items:center;gap:8px;font-size:10px;display:flex}.interaction-icon{color:#7aa99e;font-size:17px}.interaction-bar label{flex:none;align-items:center;gap:8px;display:flex}.interaction-bar label span{color:#8d9dad;letter-spacing:.1em;font-size:9px;font-weight:800}.interaction-bar input{color:#263a4d;background:#fff;border:1px solid #d7e2e8;border-radius:7px;width:170px;height:29px;padding:0 9px;font-size:11px}.table-mount{min-height:480px;position:relative}.react-mount{min-height:480px}.table-loading{color:#79918e;z-index:2;background:#ffffffdf;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.table-scroll{scrollbar-color:#c6d4de #f7f9fb;height:480px;overflow:auto}.inventory-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:740px;font-size:11px}.inventory-table th:first-child{width:26%}.inventory-table th:nth-child(2){width:13%}.inventory-table th:nth-child(3){width:16%}.inventory-table th:nth-child(4){width:13%}.inventory-table th:nth-child(5){width:14%}.inventory-table th:nth-child(6){width:18%}.inventory-table th{z-index:2;text-align:left;color:#74889a;letter-spacing:.08em;text-transform:uppercase;background:#f3f7f9;border-bottom:1px solid #dfe7ec;height:38px;padding:0 13px;font-size:9px;font-weight:800;position:sticky;top:0}.inventory-table td{color:#42576a;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #edf1f4;height:40px;padding:0 13px;overflow:hidden}.inventory-table .number-cell{text-align:right;font-variant-numeric:tabular-nums}.inventory-table .muted-number{color:#7c8da0}.inventory-table .total-cell{color:#253c4f;font-weight:700}.inventory-table .sku-cell{color:#9baaba;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.cell-button{width:100%;color:inherit;text-align:inherit;font-size:inherit;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;display:block;overflow:hidden}.product-cell{color:#2d4358;font-weight:700}.category-pill{color:#728498;background:#edf2f6;border-radius:5px;padding:4px 7px;font-size:9px;display:inline-block}.inventory-table tfoot td{z-index:2;color:#315a54;background:#eaf4f1;border-top:1px solid #dce7e9;border-bottom:0;height:45px;font-weight:800;position:sticky;bottom:0}.inventory-table tfoot .grand-total{color:#1f6f5b;font-size:13px}.row-count-note{color:#7b9d97;font-size:10px;font-weight:500}.inventory-table td.changed-cell,.inventory-table tbody tr.selected-row td.changed-cell,.inventory-table tfoot td.changed-cell{color:#60430d;box-shadow:inset 0 0 0 2px #e7bc55;background:#fff0b6!important}.table-bottom{color:#8494a1;border-top:1px solid #e4e9ee;justify-content:space-between;gap:12px;padding:13px 18px;font-size:10px;display:flex}.table-bottom>span:first-child{color:#597e73;align-items:center;gap:8px;font-weight:700;display:flex}.table-bottom>span:last-child{letter-spacing:.08em;font-size:9px}.table-bottom-dot{width:6px;height:6px}.message{color:#956a2e;background:#fff7e8;border:1px solid #f2d8ad;border-radius:9px;padding:11px 14px;font-size:11px}.results-section{margin-top:20px;padding:27px}.section-title{justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px;display:flex}.section-title h2{letter-spacing:-.045em;margin:7px 0 0;font-family:Space Grotesk,sans-serif;font-size:25px}.section-title>p{color:#8392a1;max-width:440px;margin:0;font-size:11px;line-height:1.55}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.result-card{background:#fbfcfe;border:1px solid #dce4ec;border-radius:12px;min-width:0;padding:17px}.result-head{align-items:center;gap:8px;margin-bottom:14px;font-family:Space Grotesk,sans-serif;font-size:13px;display:flex}.result-empty{text-align:center;color:#a2afbc;place-items:center;height:210px;font-size:11px;display:grid}.metric-feature{background:#eff5f9;border-radius:10px;margin-bottom:10px;padding:13px}.metric-feature span{color:#8496a7;letter-spacing:.08em;font-size:9px;font-weight:800;display:block}.metric-feature strong{letter-spacing:-.04em;color:#30485a;margin-top:5px;font-family:Space Grotesk,sans-serif;font-size:27px;display:block}.result-caution{color:#a06a3d;background:#fff2e5;border-radius:7px;padding:8px;font-size:10px}@media (width<=1100px){.workspace{grid-template-columns:260px minmax(0,1fr)}.control-panel{padding:18px}.interaction-bar>div span:last-child,.mode-caption{display:none}.trace-grid,.result-grid{gap:8px}.trace-card,.result-card{padding:13px}}@media (width<=840px){.hero{align-items:start}.hero-note{flex-basis:230px}.workspace{grid-template-columns:1fr}.control-panel{min-height:0}.trace-grid,.result-grid{grid-template-columns:1fr}.section-title{display:block}.section-title>p{margin-top:8px}.table-panel-head{align-items:start}.status-pill{max-width:210px}.trace-card{padding:17px}.result-empty{height:90px}}@media (width<=600px){.header-center{display:none}.main-content{padding:17px 12px 30px}.hero{border-radius:16px;padding:24px 20px;display:block}.hero h1{font-size:35px}.hero-note{margin-top:20px;padding:13px}.mode-tabs{margin:13px 0 15px}.mode-tabs button{padding:12px 8px;font-size:10px}.mode-tabs button span{margin-right:3px;font-size:9px}.control-panel,.table-panel,.trace-section,.results-section{border-radius:13px}.table-panel-head{padding:17px 15px 12px;display:block}.table-panel-head h2{font-size:18px}.status-pill{max-width:100%;margin-top:10px;display:inline-flex}.implementation-tabs{padding:0 5px}.implementation-tabs button{padding:11px 9px;font-size:10px}.interaction-bar{gap:8px;padding:10px}.interaction-bar>div{display:none}.interaction-bar label{justify-content:space-between;width:100%}.interaction-bar input{flex:1;min-width:0}.table-scroll,.react-mount{height:440px;min-height:440px}.table-mount{min-height:440px}.table-bottom{padding:10px 12px}.table-bottom>span:last-child{display:none}.trace-section,.results-section{padding:19px 14px}.section-title h2{font-size:22px}.edit-banner{gap:8px}.site-footer{padding:0 14px 18px}.site-footer span:last-child{display:none}}.hero{min-height:230px}.hero-copy>p{max-width:650px;font-size:14px}.hero-note{flex-basis:250px}.hero-note p{font-size:14px}.learning-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 4px;display:grid}.learning-path>div{color:#8593a2;background:#fbfcfe;border:1px solid #dce5eb;border-radius:12px;align-items:center;gap:12px;padding:13px 17px;display:flex}.learning-path>div.current{color:#2c6e5a;background:#e9f7f1;border-color:#9edac8;box-shadow:0 5px 18px #319a7316}.learning-path>div.done{color:#4b8d78;background:#f2f8f5;border-color:#cae4d9}.learning-path>div>span{color:#70849a;background:#e8edf2;border-radius:50%;flex:0 0 26px;place-items:center;height:26px;font-size:12px;font-weight:800;display:grid}.learning-path>div.current>span,.learning-path>div.done>span{color:#fff;background:#41a886}.learning-path strong,.learning-path small{display:block}.learning-path strong{font-size:12px}.learning-path small{margin-top:2px;font-size:11px}.mode-tabs{margin:14px 0 20px}.chapter-intro{flex-wrap:wrap;align-items:baseline;gap:15px;margin:0 0 20px;padding:0 2px;display:flex}.chapter-intro>span{color:#398d73;letter-spacing:.14em;width:100%;font-size:10px;font-weight:800;display:block}.chapter-intro h1{letter-spacing:-.04em;color:#253b50;margin:0;font-family:Space Grotesk,sans-serif;font-size:25px}.chapter-intro p{color:#697d8d;max-width:690px;margin:0;font-size:13px;line-height:1.55}.chapter-intro strong{color:#366d5c}.control-panel{min-height:0}.control-panel h2{font-size:25px}.panel-intro{font-size:12px;line-height:1.55}.field label,.field-heading label{font-size:12px}.product-summary span{font-size:10px}.product-summary strong{font-size:17px}.product-summary small{font-size:11px}.trace-feedback{color:#5c477f;background:#f6f1ff;border-left:4px solid #8f70d4;border-radius:9px;margin:12px 0 15px;padding:12px 13px}.trace-feedback strong{font-size:12px}.trace-feedback p{margin:5px 0 0;font-size:11px;line-height:1.5}.small-hint{color:#8699a7;margin:8px 0 0;font-size:11px}.primary-button,.secondary-button,.stop-button{min-height:46px;font-size:13px}.panel-footnote{font-size:11px!important;line-height:1.55!important}.table-panel-head p{color:#8393a1;margin:5px 0 0;font-size:12px}.inventory-table{font-size:12px}.inventory-table th{font-size:10px}.app-shell[data-mode=explain][data-lesson-size="3"] .table-mount,.app-shell[data-mode=explain][data-lesson-size="3"] .react-mount{min-height:0}.app-shell[data-mode=explain][data-lesson-size="3"] .table-scroll{height:auto;min-height:0;overflow-x:auto}.app-shell[data-mode=explain][data-lesson-size="3"] .inventory-table td{height:57px}.story-waiting{text-align:center;background:#f8fbfb;border:1px dashed #cbdfe0;border-radius:12px;padding:27px}.waiting-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:640px;margin:auto;display:grid}.waiting-track>div{text-align:left;background:#fff;border:1px solid #dbe5eb;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:13px;display:grid}.waiting-track strong{color:#375068;font-size:13px}.waiting-track small{color:#8294a2;grid-column:2;margin-top:3px;font-size:11px}.screen-dot{background:#e7bc55;border-radius:50%;width:8px;height:8px;display:inline-block}.story-waiting p{color:#738895;margin:12px 0 0;font-size:12px}.story-head{color:#3f7b63;background:#eaf7f0;border:1px solid #cde9dd;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:14px 18px;display:flex}.story-head>span{font-size:12px;font-weight:800}.story-head>strong{font-family:Space Grotesk,sans-serif;font-size:18px}.story-head p{max-width:500px;margin:0 0 0 auto;font-size:12px}.story-body{background:#fff;border:1px solid #dbe6ec;border-radius:13px;padding:22px}.story-index{letter-spacing:.16em;color:#8064c0;font-size:10px;font-weight:800}.story-explanation h3{letter-spacing:-.04em;color:#2e4154;margin:7px 0;font-family:Space Grotesk,sans-serif;font-size:23px}.story-explanation p{color:#667b8b;max-width:820px;margin:0 0 22px;font-size:13px;line-height:1.6}.flow-diagram{align-items:stretch;gap:8px;display:flex}.flow-node{opacity:.48;background:#f6f8fa;border:1px solid #e0e6ec;border-radius:11px;flex:1;min-width:0;padding:15px;transition:opacity .35s,transform .35s,box-shadow .35s,background .35s}.flow-node.active{opacity:1;animation:.6s ease-out node-arrive;transform:translateY(-2px)}.flow-node small,.flow-node strong,.flow-node span{display:block}.flow-node small{letter-spacing:.12em;margin-bottom:8px;font-size:10px;font-weight:800}.flow-node strong{font-family:Space Grotesk,sans-serif;font-size:15px}.flow-node span{margin-top:7px;font-size:11px;line-height:1.4}.signal-node.active{color:#65489d;background:#f1eaff;border-color:#c9b3ee;box-shadow:0 8px 24px #8f6bc526}.compute-node.active{color:#315e91;background:#e9f5ff;border-color:#a9cdeb;box-shadow:0 8px 24px #5690cf20}.dom-node.active{color:#7e6326;background:#fff4cf;border-color:#e8ca6b;box-shadow:0 8px 24px #d6ae3926}.flow-arrow{color:#a8b9c8;align-self:center;font-size:24px}.solid-observation{color:#5a4a77;background:#f9f6ff;border:1px solid #d8cbea;border-radius:11px;flex-wrap:wrap;align-items:center;gap:18px;margin-top:13px;padding:13px 17px;display:flex}.solid-observation>div{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.solid-observation p{margin:0;font-size:12px;line-height:1.5}.solid-observation b{color:#7049ac}.comparison-section{margin-top:25px;animation:.55s ease-out section-arrive}.comparison-heading span{letter-spacing:.14em;color:#557cb9;font-size:10px;font-weight:800}.comparison-heading h3{letter-spacing:-.035em;color:#30465a;margin:7px 0;font-family:Space Grotesk,sans-serif;font-size:21px}.comparison-heading p{color:#718596;max-width:820px;margin:0 0 18px;font-size:12px;line-height:1.6}.trace-card{background:#fff;padding:19px}.trace-card.blue{background:#f9fbff}.trace-card.cyan{background:#f7fcfd}.trace-card.purple{background:#fbf8ff}.trace-card-title{margin-bottom:9px;font-size:13px}.big-count{color:#344b67;font-family:Space Grotesk,sans-serif;font-size:38px;line-height:1.1;display:block}.trace-card.purple .big-count{color:#7654b0}.trace-card.cyan .big-count{color:#338c9b}.count-label{color:#8394a3;font-size:11px;font-weight:700}.card-explainer{color:#61798a;min-height:55px;font-size:12px;line-height:1.5}.card-dom-count{border-top:1px solid #e3eaf0;padding-top:11px}.card-dom-count strong,.card-dom-count span{display:block}.card-dom-count strong{color:#765e20;font-size:12px}.card-dom-count span{color:#48627a;font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px;font-weight:700}.trace-card details{border-top:1px solid #e3eaf0;margin-top:14px;padding-top:10px}.trace-card summary{cursor:pointer;color:#477c9a;font-size:11px;font-weight:800}.trace-card details p{color:#74889a;font-size:11px;line-height:1.5}.trace-note,.results-note{font-size:11px;line-height:1.6}.lesson-next{background:#eef8f3;border:1px solid #cae6da;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:17px 20px;display:flex}.lesson-next strong{color:#2e6654;font-family:Space Grotesk,sans-serif;font-size:16px}.lesson-next p{color:#668677;margin:5px 0 0;font-size:12px}.lesson-next>div:last-child{flex:none;align-items:center;gap:8px;display:flex}.lesson-next .primary-button,.lesson-next .secondary-button{white-space:nowrap;width:auto;margin:0;padding:0 14px}.metric-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px;display:grid}.metric-guide>div{background:#f7fafb;border:1px solid #dbe6eb;border-radius:10px;padding:13px}.metric-guide strong,.metric-guide span{display:block}.metric-guide strong{color:#38576b;font-size:12px}.metric-guide span{color:#8395a2;margin-top:4px;font-size:11px;line-height:1.5}.result-card{background:#fff;padding:19px}.result-head{font-size:13px}.metric-feature{background:#eaf4f8}.metric-feature strong{font-size:32px}.result-empty{height:150px}@keyframes node-arrive{0%{box-shadow:none;transform:translateY(10px)}to{transform:translateY(-2px)}}@keyframes section-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cell-reveal{0%{box-shadow:inset 0 0 #e7bc55,0 0 #e7bc5588;background:#fff!important}25%{box-shadow:inset 0 0 0 2px #dba72f,0 0 0 8px #e7bc5544;background:#ffe386!important}to{box-shadow:inset 0 0 0 2px #e7bc55,0 0 #e7bc5500;background:#fff0b6!important}}.app-shell[data-mode=explain] .inventory-table td.changed-cell{animation:1.8s ease-out cell-reveal}@media (width<=1100px){.learning-path{gap:6px}.learning-path>div{padding:11px}.lesson-next{display:block}.lesson-next>div:last-child{margin-top:12px}}@media (width<=840px){.learning-path{grid-template-columns:1fr 1fr 1fr}.learning-path small{display:none}.flow-diagram{gap:4px}.flow-node{padding:11px}.flow-node strong{font-size:13px}.metric-guide{grid-template-columns:1fr}.lesson-next>div:last-child{display:flex}.trace-grid,.result-grid{grid-template-columns:1fr}.card-explainer{min-height:0}}@media (width<=600px){.hero{min-height:0}.hero-copy>p{font-size:13px}.learning-path{gap:5px}.learning-path>div{gap:5px;padding:8px 6px}.learning-path>div>span{flex-basis:19px;height:19px;font-size:10px}.learning-path strong{font-size:9px}.chapter-intro h1{font-size:22px}.chapter-intro p{font-size:12px}.story-head p{width:100%;margin:0}.story-body{padding:15px}.story-explanation h3{font-size:20px}.flow-diagram{grid-template-columns:1fr;gap:4px;display:grid}.flow-node{padding:12px}.flow-arrow{justify-self:center;line-height:1;transform:rotate(90deg)}.lesson-next>div:last-child{grid-template-columns:1fr;display:grid}.lesson-next .primary-button,.lesson-next .secondary-button{width:100%}}.inventory-table.compact-inventory{table-layout:fixed;width:100%;min-width:0}.inventory-table.compact-inventory :is(thead,tbody) tr>:nth-child(2),.inventory-table.compact-inventory :is(thead,tbody) tr>:nth-child(3){display:none}.inventory-table.compact-inventory th:first-child{width:36%}.inventory-table.compact-inventory th:nth-child(4){width:14%}.inventory-table.compact-inventory th:nth-child(5){width:22%}.inventory-table.compact-inventory th:nth-child(6){width:28%}@media (width<=600px){.inventory-table.compact-inventory :is(th,td){padding-left:6px;padding-right:6px}.inventory-table.compact-inventory th{letter-spacing:0;font-size:9px}.inventory-table.compact-inventory .row-count-note{display:none}}@media (prefers-reduced-motion:reduce){.flow-node.active,.comparison-section,.app-shell[data-mode=explain] .inventory-table td.changed-cell{animation:none}.flow-node{transition:none}}.page-topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.implementation-tabs{border:0;border-bottom:1px solid #dfe7ed;min-width:0;margin:0}.implementation-tabs label{color:#536779;cursor:pointer;border-bottom:2px solid #0000;flex:none;align-items:center;gap:7px;padding:12px 13px;font-size:11px;font-weight:800;display:flex;position:relative}.implementation-tabs label.active{color:#273e4f;border-bottom-color:#267a63}.implementation-tabs label.disabled{opacity:.55;cursor:not-allowed}.implementation-tabs label:focus-within{outline-offset:-3px;outline:3px solid #6a66e4}.implementation-tabs input{opacity:0;width:1px;height:1px;position:absolute}@media (width<=600px){.implementation-tabs label{padding:11px 9px;font-size:10px}}.main-content:focus{outline:none}.page-heading{min-width:0}.page-topbar .docs-link{color:#315c69;white-space:nowrap;flex:none}.page-topbar .docs-link:hover{color:#1f705a;text-decoration:underline}.page-heading .eyebrow{color:#517a9a;margin-bottom:8px;display:block}.page-heading h1{letter-spacing:-.05em;color:#253b50;margin:0;font:700 clamp(23px,2.5vw,32px)/1.15 Space Grotesk,sans-serif}.page-heading h1:focus-visible{outline-offset:4px;border-radius:4px;outline:3px solid #227d65}.page-heading .intro-description{color:#536779;margin:7px 0 0;font-size:14px;line-height:1.5}.comparison-intro-note{color:#536779;margin:-8px 0 18px;font-size:13px;line-height:1.5}.slide-nav{justify-content:flex-end;align-items:center;gap:8px;margin-top:28px;display:flex}.slide-destination{color:#236d55;white-space:nowrap;cursor:pointer;background:#e8f6ef;border:1px solid #bfe5d1;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 13px;font:700 12px Space Grotesk,sans-serif;text-decoration:none;display:flex}.slide-destination:hover:not(:disabled){background:#d5efdf;border-color:#83cda9}.slide-destination:focus-visible{outline-offset:3px;outline:3px solid #227d65}.slide-destination:disabled{cursor:not-allowed;color:#93a3af;opacity:1;background:#eef1f3;border-color:#dce3e8}.slide-destination .slide-direction{flex:none;width:16px;height:16px;display:block}@media (width>=601px) and (prefers-reduced-motion:no-preference){.slide-stage[data-slide=compare]{animation:.24s ease-out slide-from-left}.slide-stage[data-slide=measure]{animation:.24s ease-out slide-from-right}}.slide-stage .comparison-lab{margin-top:0}@keyframes slide-from-left{0%{opacity:.5;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slide-from-right{0%{opacity:.5;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (width<=600px){.page-topbar{grid-template-columns:1fr;gap:8px;margin-bottom:18px;display:grid}.page-topbar .docs-link{grid-row:1;justify-self:end}.page-heading{grid-row:2}.page-heading h1{font-size:21px}.slide-destination{gap:5px;min-height:40px;padding:0 8px;font-size:11px}}@media (width<=430px){.slide-nav{flex-wrap:wrap}.slide-destination{padding:0 6px;font-size:10px}}.app-shell[data-mode=compare] .hero{min-height:0;padding:22px 30px}.app-shell[data-mode=compare] .hero h1{margin:9px 0;font-size:clamp(30px,3.2vw,44px)}.app-shell[data-mode=compare] .hero-note{padding:12px 15px}.comparison-intro{flex-wrap:wrap;align-items:baseline;gap:10px 28px;margin-bottom:18px;display:flex}.comparison-intro .eyebrow{color:#517a9a;width:100%}.comparison-intro h1{letter-spacing:-.05em;color:#253b50;margin:0;font:700 clamp(23px,2.5vw,32px)/1.15 Space Grotesk,sans-serif}.comparison-intro p{color:#6b7f90;max-width:760px;margin:0;font-size:13px;line-height:1.55}.comparison-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin:0 0 14px;display:flex}.comparison-actions .primary-button,.comparison-actions .secondary-button{white-space:nowrap;width:auto;min-width:155px;margin:0;padding:0 14px}.comparison-footer{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-top:14px;display:flex}.comparison-footer .comparison-actions{margin:0}.visual-legend{background:#fbfcfd;border:1px solid #dbe5eb;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 18px;display:grid;overflow:hidden}.legend-metric{flex-direction:column;min-width:0;padding:15px 16px;display:flex;position:relative}.legend-metric+.legend-metric:before{content:"";pointer-events:none;background:#cbd8e2;width:1px;position:absolute;top:16px;bottom:16px;left:0}.legend-heading{flex-wrap:wrap;align-items:center;gap:7px;margin:0;font-size:12px;line-height:1.4;display:flex}.legend-heading strong{color:#405668;font-size:12px}.legend-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.legend-value{min-width:0;padding:8px 4px 2px}.legend-value span{color:#697e8e;white-space:nowrap;font-size:10px;font-weight:700;display:block}.legend-value strong{color:#2e4a5c;font-variant-numeric:tabular-nums;font:700 21px Space Grotesk,sans-serif;display:block}.legend-value strong.legend-text-value{padding-top:4px;font-size:13px;line-height:1.3}.step-readout{color:#735334;background:#fff6ec;border-left:4px solid #e58d40;border-radius:8px;margin:0 0 16px;padding:11px 14px;font-size:12px;line-height:1.5}.step-readout strong{color:#784a21}.legend-swatch{border-radius:3px;width:13px;height:13px;display:inline-block}.legend-swatch.orange{background:#fff1e4;border:3px solid #eb8a37}.legend-swatch.purple{background:#f2e9ff;border:3px solid #9369d7}.comparison-guide{align-items:flex-start;margin:0 0 14px;display:flex}.comparison-demo-button{white-space:nowrap;flex:none;width:auto;margin:0;padding:0 14px}.comparison-tables{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.compare-card{background:#fff;border:1px solid #dce4eb;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 8px 25px #23384c0a}.compare-card-head{align-items:start;gap:9px;min-height:75px;padding:15px;display:flex}.compare-card-head .framework-icon{object-fit:contain;flex:none;width:25px;height:23px;display:block}.compare-card-head .framework-icon.solid{object-fit:cover;object-position:left center}.compare-card-head h2{color:#2b3f52;margin:0;font:700 16px Space Grotesk,sans-serif}.compare-card-head p{color:#8193a2;margin:5px 0 0;font-size:11px;line-height:1.4}.compare-table-frame{border-top:1px solid #e6edf1;border-bottom:1px solid #e6edf1}.comparison-lab .table-scroll{height:auto;min-height:0;overflow:visible}.comparison-lab .react-mount{height:auto;min-height:0}.comparison-lab .inventory-table td{height:30px;padding:0 6px}.comparison-lab .inventory-table th{letter-spacing:0;height:33px;padding:0 6px;font-size:9px}.comparison-lab .inventory-table tfoot td{height:37px}.comparison-lab .inventory-table tfoot td:last-child{border-bottom-right-radius:12px}.comparison-lab .inventory-table .row-count-note{display:none}.comparison-lab .inventory-table .product-cell{font-size:11px}.comparison-lab .editable-cell{text-underline-offset:3px;border-radius:4px;width:calc(100% + 8px);min-height:24px;margin:-3px -4px;padding:3px 4px;-webkit-text-decoration:underline dotted #76ad9e;text-decoration:underline dotted #76ad9e}.comparison-lab .editable-cell:hover,.comparison-lab .editable-cell:focus-visible{color:#176b53;background:#def4ea;text-decoration-color:#278c6d}.comparison-lab .inline-cell-input{color:#244339;text-align:right;font-variant-numeric:tabular-nums;background:#fff;border:2px solid #389f7e;border-radius:5px;width:100%;min-width:0;height:26px;padding:0 4px;font-size:11px;display:block;box-shadow:0 0 0 3px #8cd4b65c}.compare-card .viz-component-table{outline-offset:-3px;outline:3px solid #ec9344}.compare-card .viz-component-row td{border-top:2px solid #efad70;border-bottom:2px solid #efad70}.compare-card .viz-component-row td:first-child{border-left:3px solid #e9944b}.compare-card .viz-component-row td:last-child{border-right:3px solid #e9944b}.compare-card.is-animating .viz-component-table{animation:1.3s ease-out table-work-pulse}.compare-card.is-animating .viz-component-row td{animation:1.3s ease-out row-work-pulse}.compare-card.is-animating .inventory-table td.viz-calculation{animation:1.5s ease-out calc-pulse}.compare-card.is-animating .inventory-table td.viz-dom{animation:1.8s ease-out dom-flash}.compare-card.is-animating .inventory-table td.viz-calculation.viz-dom{animation:1.5s ease-out calc-pulse,1.8s ease-out dom-flash}@keyframes table-work-pulse{20%{outline-width:5px;outline-color:#a9510e}to{outline-width:3px;outline-color:#b85f16}}@keyframes row-work-pulse{20%{background:#ffe9d5}to{background:0 0}}@keyframes calc-pulse{20%{box-shadow:inset 0 0 0 4px #7c46b5}to{box-shadow:inset 0 0 0 2px #7c46b5}}@keyframes dom-flash{15%{background:var(--motion-hot)}65%{background:var(--motion-soft)}to{background:#e4f0fa}}@media (width<=980px){.comparison-tables{grid-template-columns:1fr}.compare-card{width:100%;max-width:760px;margin:auto}.comparison-lab .inventory-table td{height:29px}}@media (width<=760px){.visual-legend{grid-template-columns:1fr}.legend-metric+.legend-metric{padding-top:20px}.legend-metric+.legend-metric:before{width:auto;height:1px;inset:0 16px auto}}@media (width<=600px){.comparison-actions .primary-button,.comparison-actions .secondary-button{flex:1;min-width:0}.legend-metric{padding:12px}.comparison-intro{display:block}.comparison-intro h1{margin:7px 0}.app-shell[data-mode=compare] .hero{padding:20px}.app-shell[data-mode=compare] .hero-note{display:none}}@media (width<=420px){.comparison-actions{grid-template-columns:1fr;display:grid}.comparison-actions .primary-button,.comparison-actions .secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){.compare-card.is-animating .viz-component-table,.compare-card.is-animating .viz-component-row td,.compare-card.is-animating .inventory-table td.viz-calculation,.compare-card.is-animating .inventory-table td.viz-dom,.compare-card.is-animating .inventory-table td.viz-calculation.viz-dom{animation:none}.compare-card.is-animating .viz-component-table{outline-width:5px}.compare-card.is-animating .viz-component-row td{border-top-color:#dd7120;border-bottom-color:#dd7120}.compare-card.is-animating .inventory-table td.viz-calculation{box-shadow:inset 0 0 0 4px #8f55df}.compare-card.is-animating .inventory-table td.viz-dom,.compare-card.is-animating .inventory-table tbody tr.selected-row td.viz-dom{background:var(--motion-soft)}}.page-heading .eyebrow{color:#3d637f}.compare-card-head p,.legend-value span{color:#526779}.panel-intro,.panel-footnote,.range-ends,.results-note,.result-empty{color:#536779}.field-heading strong{color:#1f705a}.row-count-note{color:#426d60}.status-pill{color:#2d695a}.status-framework-icon{object-fit:contain;flex:none;width:20px;height:20px;display:block}.status-framework-icon.solid{object-fit:cover;object-position:left center}.table-bottom-dot{background:#267a63}.interaction-icon,.interaction-bar>div,.interaction-bar label span{color:#526779}.implementation-tabs button{color:#536779}.implementation-tabs button.active{border-bottom-color:#267a63}.metric-guide span,.metric-feature span{color:#536779}.result-caution{color:#77451f}.inventory-table th,.inventory-table .muted-number,.inventory-table .sku-cell,.category-pill{color:#536779}.inventory-table td.changed-cell,.inventory-table tbody tr.selected-row td.changed-cell,.inventory-table tfoot td.changed-cell{box-shadow:inset 0 0 0 2px #946715}.cell-button:hover{color:#1f705a}.field input[type=number],.field select,.interaction-bar input,.secondary-button{border-color:#718899}.stop-button{color:#863c2a;border-color:#a95d49}.slide-destination,.slide-destination:hover:not(:disabled){border-color:#608d76}.comparison-lab .editable-cell{text-decoration-color:#267a63}.comparison-lab .inline-cell-input{border-color:#267a63}.legend-swatch.orange{border-color:#b85f16}.legend-swatch.purple{border-color:#7c46b5}.legend-swatch.blue{background:var(--accent)}.compare-card .viz-component-table{outline-color:#b85f16}.compare-card .viz-component-row td{border-top-color:#b85f16;border-bottom-color:#b85f16}.compare-card .viz-component-row td:first-child{border-left-color:#b85f16}.compare-card .viz-component-row td:last-child{border-right-color:#b85f16}.compare-card .inventory-table td.viz-calculation{box-shadow:inset 0 0 0 2px #7c46b5}.compare-card .inventory-table td.viz-dom,.compare-card .inventory-table tbody tr.selected-row td.viz-dom{color:#244969;background:#e4f0fa}.compare-card .inventory-table td.viz-dom{border-bottom:3px solid var(--accent)}@media (prefers-reduced-motion:reduce){.compare-card.is-animating .viz-component-row td{border-top-color:#b85f16;border-bottom-color:#b85f16}.compare-card.is-animating .inventory-table td.viz-calculation{box-shadow:inset 0 0 0 4px #7c46b5}}.benchmark-lab .workspace{grid-template-areas:"controls table""results results"}.benchmark-lab .control-panel{grid-area:controls;min-height:0}.benchmark-lab .results-section{grid-area:results;margin:0;padding:22px}.benchmark-lab .table-panel{grid-area:table}.benchmark-lab .control-panel h2{margin:0 0 18px}.benchmark-progress{color:#315f50;min-height:18px;margin:10px 0 18px;font-size:12px;font-weight:800}.benchmark-settings{border-top:1px solid #dce6eb;padding-top:15px}.benchmark-settings summary{cursor:pointer;color:#395b6b;grid-template-columns:14px minmax(0,1fr);gap:3px 8px;line-height:1.4;list-style:none;display:grid}.benchmark-settings summary::-webkit-details-marker{display:none}.benchmark-settings-chevron{grid-area:1/1;place-self:center;width:14px;height:14px;transition:transform .2s}.benchmark-settings[open] .benchmark-settings-chevron{transform:rotate(90deg)}.benchmark-settings-label{grid-column:2;font-size:12px;font-weight:800}.benchmark-settings-values{color:#536779;grid-column:2;font-size:11px;font-weight:500}.benchmark-settings-values span{display:block}.benchmark-settings summary:hover{color:#236d55}.benchmark-settings-fields{padding-top:20px}.benchmark-settings-fields .field-heading{gap:18px}.benchmark-settings-fields .field-heading label{max-width:140px}.benchmark-settings-fields .field-heading strong{flex:none}.benchmark-settings-fields .field:last-child{margin-bottom:0}.benchmark-lab .section-title{margin-bottom:14px}.benchmark-lab .section-title h2{margin:0}.benchmark-lab #results-heading{scroll-margin-top:18px}.benchmark-lab .section-title p{color:#526779;margin:5px 0 0;font-size:12px;line-height:1.5}.benchmark-results-empty{color:#526779;text-align:center;background:#f8fbfc;border:1px dashed #cbdbe2;border-radius:10px;padding:24px;font-size:12px}.benchmark-lab .result-grid{gap:10px}.benchmark-lab .result-card{padding:15px}.benchmark-lab .result-head{margin-bottom:11px}.benchmark-lab .result-empty{height:80px}.benchmark-lab .metric-feature{padding:11px}.benchmark-lab .metric-feature strong{font-size:27px}.benchmark-lab .result-stats{background:#f8fafb;border:1px solid #e3ebf1;border-radius:9px;margin:0;padding:2px 11px}.benchmark-lab .result-stats>div{border-bottom:1px solid #e3ebf1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:7px 0;display:grid}.benchmark-lab .result-stats>div:last-child{border-bottom:0}.benchmark-lab .result-stats dt{color:#536779;align-items:center;gap:6px;font-size:11px;line-height:1.3;display:flex}.benchmark-lab .result-stats dd{color:#30485a;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.benchmark-lab .tooltip-metric{position:relative}.benchmark-lab .metric-help{margin:0;display:inline-flex}.benchmark-lab .metric-help button{color:#294b62;background:#fff;border:1px solid #7891a6;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;font-size:12px;font-weight:800;line-height:1;display:grid}.benchmark-lab .metric-tooltip{z-index:5;color:#fff;opacity:0;visibility:hidden;pointer-events:none;background:#24384b;border-radius:8px;width:100%;margin:0;padding:10px 12px;font-size:11px;line-height:1.45;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 22px #17233830}.benchmark-lab .metric-help:hover .metric-tooltip,.benchmark-lab .metric-help:focus-within .metric-tooltip{opacity:1;visibility:visible}.benchmark-lab .table-panel-head h2{margin:0}.benchmark-lab .table-panel-head p{color:#526779;margin:5px 0 0;font-size:11px;line-height:1.5}.benchmark-lab .table-scroll,.benchmark-lab .react-mount{height:330px;min-height:330px}.benchmark-lab .table-mount{min-height:330px}@media (width<=840px){.benchmark-lab .workspace{grid-template-columns:1fr;grid-template-areas:"controls""table""results"}}@media (width<=600px){.benchmark-lab .results-section{padding:18px 14px}.benchmark-lab .result-grid{grid-template-columns:1fr}.benchmark-lab .result-card{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;display:grid}.benchmark-lab .result-head{margin:0}.benchmark-lab .metric-feature{text-align:right;background:0 0;margin:0;padding:0}.benchmark-lab .metric-feature span{font-size:8px}.benchmark-lab .metric-feature strong{margin-top:2px;font-size:24px}.benchmark-lab .result-stats,.benchmark-lab .result-caution,.benchmark-lab .result-empty{grid-column:1/-1}.benchmark-lab .table-panel-head{align-items:start;display:flex}.benchmark-lab .status-pill{flex:none;margin:0}.benchmark-lab .table-scroll,.benchmark-lab .react-mount{height:300px;min-height:300px}.benchmark-lab .table-mount{min-height:300px}}@media (width<=430px){.benchmark-lab .table-panel-head{display:block}.benchmark-lab .status-pill{margin-top:10px}}@media (width>=601px) and (prefers-reduced-motion:no-preference){.slide-stage[data-slide=code]{animation:.24s ease-out slide-from-left}}.why-section+.why-section{margin-top:32px}.why-section-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:15px;display:flex}.why-section h2{color:#2b3f52;margin:0;font:700 23px Space Grotesk,sans-serif}.why-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.why-card{content-visibility:auto;contain-intrinsic-size:auto 236px;background:#fff;border:1px solid #dce4eb;border-radius:14px;flex-direction:column;min-width:0;padding:22px;display:flex;box-shadow:0 8px 25px #23384c0a}.why-card h3{color:#2b3f52;align-items:center;gap:10px;margin:0;font:700 18px Space Grotesk,sans-serif;display:flex}.why-card h3:before{content:"";background:#318b77;border-radius:50%;flex:0 0 9px;width:9px;height:9px;display:block}.why-card>p{color:#536779;margin:11px 0 0 19px;font-size:15px;line-height:1.6}.code-lead{color:#536779;margin:0 0 20px;font-size:15px;line-height:1.6}.code-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.code-example{background:#fff;border:1px solid #dce4eb;border-radius:14px;min-width:0;padding:20px;box-shadow:0 8px 25px #23384c0a}.code-example-head{align-items:center;gap:10px;margin-bottom:17px;display:flex}.code-example-head img{object-fit:contain;width:28px;height:27px;display:block}.code-example-head img.solid{object-fit:cover;object-position:left center}.code-example-head h2{color:#2b3f52;margin:0;font:700 18px Space Grotesk,sans-serif}.code-example pre{color:#edf4fb;tab-size:2;background:#172338;border-radius:10px;min-height:226px;margin:0;padding:19px 18px;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.code-example pre code{font:inherit}.code-work-note{color:#574077;background:#f7f3fc;border-left:3px solid #7c46b5;border-radius:0 6px 6px 0;margin:13px 0 0;padding:10px 12px;font-size:14px;line-height:1.5}.code-work-note code{font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.react-example .code-work-note{color:#70431f;background:#fff7ef;border-left-color:#b76526}.code-preview{background:#f7fafc;border:1px solid #dce4eb;border-radius:10px;margin-top:14px;padding:13px 14px}.code-preview-button{color:#236d55;cursor:pointer;background:#e8f6ef;border:1px solid #608d76;border-radius:8px;min-height:40px;padding:7px 13px;font:700 14px Space Grotesk,sans-serif}.code-preview-button:hover{background:#d5efdf}.code-preview-button:focus-visible{outline-offset:3px;outline:3px solid #227d65}.code-preview-demo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.code-preview-demo p{color:#536779;margin:0;font-size:15px}.code-preview-demo p .code-preview-value{color:#254c61;font-size:15px;font-weight:800}.code-example.is-flashing .syntax-write{border-radius:3px;animation:.6s ease-out both code-write-flash}.code-example.solid-example.is-flashing .syntax-read{border-radius:3px;animation:.65s ease-out .35s both code-read-flash}.code-example.react-example.is-flashing .syntax-name{border-radius:3px;animation:.65s ease-out .22s both code-render-flash}.code-example.react-example.is-flashing .syntax-read{border-radius:3px;animation:.65s ease-out .4s both code-react-read-flash}.code-example.is-flashing .code-preview-value{border-radius:3px;animation:.7s ease-out .7s both code-output-flash}.code-example.is-flashing .code-preview-button .code-preview-value{animation-name:code-button-output-flash}@keyframes code-write-flash{0%,70%{background:var(--motion-hot);color:var(--motion-ink);box-shadow:0 0 0 4px var(--motion-hot)}to{color:inherit;box-shadow:none;background:0 0}}@keyframes code-read-flash{0%,70%{color:#452262;background:#d7b8f5;box-shadow:0 0 0 4px #d7b8f5}to{color:inherit;box-shadow:none;background:0 0}}@keyframes code-render-flash{0%,70%{color:#58300d;background:#f8c28b;box-shadow:0 0 0 4px #f8c28b}to{color:inherit;box-shadow:none;background:0 0}}@keyframes code-react-read-flash{0%,70%{color:#4f3e08;background:#f7e8a8;box-shadow:0 0 0 4px #f7e8a8}to{color:inherit;box-shadow:none;background:0 0}}@keyframes code-output-flash{0%,70%{background:var(--motion-hot);color:var(--motion-ink);box-shadow:0 0 0 4px var(--motion-hot)}to{color:inherit;box-shadow:none;background:0 0}}@keyframes code-button-output-flash{0%,70%{background:var(--motion-hot);color:var(--motion-ink)}to{color:inherit;background:0 0}}.code-reset-row{justify-content:flex-start;margin-top:18px;display:flex}.code-reset-button{white-space:nowrap;width:auto;margin:0;padding:0 16px}@media (width<=800px){.why-cards{grid-template-columns:1fr}}@media (width<=980px){.code-examples{grid-template-columns:1fr}.code-example{width:100%;max-width:760px;margin:auto}.code-example pre{min-height:0}}@media (width<=600px){.why-section+.why-section{margin-top:28px}.why-cards{grid-template-columns:1fr;gap:10px}.why-card{contain-intrinsic-size:auto 246px;padding:17px}.code-lead{font-size:15px}.code-example{padding:15px}.code-example pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;font-size:14px}}@media (width<=420px){.comparison-lab .inventory-table.compact-inventory th:nth-child(4),.comparison-lab .inventory-table.compact-inventory th:nth-child(5){width:18%}.comparison-lab .inventory-table.compact-inventory tbody td:first-child{white-space:normal;text-overflow:clip;line-height:1.25;overflow:visible}.comparison-lab .inventory-table tfoot .grand-total{font-size:14px}}.docs-link{font-size:13px}.page-heading .eyebrow{letter-spacing:.1em;font-size:12px}.page-heading .intro-description{font-size:16px}.slide-destination{font-size:14px}.comparison-intro-note{font-size:15px}.comparison-demo-button{font-size:14px}.compare-card-head p{color:#526779;font-size:14px}.comparison-lab .inventory-table{font-size:14px}.table-heading-short{display:none}.comparison-lab .inventory-table.compact-inventory th:first-child{width:33%}.comparison-lab .inventory-table.compact-inventory th:nth-child(4){width:18%}.comparison-lab .inventory-table.compact-inventory th:nth-child(5){width:22%}.comparison-lab .inventory-table.compact-inventory th:nth-child(6){width:27%}.comparison-lab .inventory-table td{height:36px}.comparison-lab .inventory-table th{height:38px;font-size:11px}.comparison-lab .inventory-table .product-cell,.comparison-lab .inline-cell-input{font-size:14px}.comparison-lab .inline-cell-input{height:30px}.legend-heading,.legend-heading strong{font-size:14px}.legend-value span{font-size:12px}.legend-value strong.legend-text-value{font-size:15px}.step-readout,.benchmark-lab .primary-button,.benchmark-lab .stop-button,.benchmark-progress,.benchmark-settings-label{font-size:14px}.benchmark-settings-values{font-size:13px}.benchmark-lab .field label,.benchmark-lab .field-heading label,.benchmark-lab .field select{font-size:14px}.benchmark-lab .range-ends{font-size:12px}.benchmark-lab .table-panel-head p,.benchmark-lab .section-title p,.benchmark-results-empty,.benchmark-lab .inventory-table{font-size:14px}.benchmark-lab .inventory-table .sku-cell{font-size:12px}.benchmark-lab .inventory-table th{font-size:11px}.benchmark-lab .inventory-table td{height:43px}.benchmark-lab .category-pill,.benchmark-lab .row-count-note{font-size:12px}.benchmark-lab .inventory-table tfoot .grand-total{font-size:15px}.benchmark-lab .result-head{font-size:16px}.benchmark-lab .metric-feature span{font-size:13px}.benchmark-lab .result-stats dt{font-size:14px}.benchmark-lab .result-stats dd{font-size:16px}.benchmark-lab .result-stats>div{min-height:49px}.benchmark-lab .metric-tooltip,.benchmark-lab .result-caution{font-size:13px}@media (width<=600px){.slide-destination{font-size:13px}.comparison-lab .inventory-table.compact-inventory{min-width:0}.comparison-lab .inventory-table.compact-inventory :is(th,td){padding-left:4px;padding-right:4px}.comparison-lab .table-heading-long{display:none}.comparison-lab .table-heading-short{display:inline}.comparison-lab .inventory-table th,.benchmark-lab .metric-feature span{font-size:12px}}@media (width<=360px){.comparison-lab .inventory-table,.comparison-lab .inventory-table .product-cell,.comparison-lab .inline-cell-input{font-size:13px}.comparison-lab .inventory-table.compact-inventory th:first-child{width:28%}.comparison-lab .inventory-table.compact-inventory th:nth-child(4){width:17%}.comparison-lab .inventory-table.compact-inventory th:nth-child(5){width:24%}.comparison-lab .inventory-table.compact-inventory th:nth-child(6){width:31%}}.bonus-lesson{gap:16px;display:grid}.bonus-card{background:#fff;border:1px solid #dce4eb;border-radius:14px;min-width:0;padding:22px;box-shadow:0 8px 25px #23384c0a}.bonus-card-head{margin-bottom:17px}.bonus-card-head h2{color:#2b3f52;align-items:center;gap:10px;margin:0;font:700 18px Space Grotesk,sans-serif;display:flex}.bonus-card-head h2:before{content:"";background:#318b77;border-radius:50%;flex:0 0 9px;width:9px;height:9px;display:block}.bonus-card-head p{color:#536779;margin:10px 0 0 19px;font-size:15px;line-height:1.6}.bonus-card-body{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:16px;display:grid}.bonus-code{color:#edf4fb;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;background:#172338;border-radius:10px;min-width:0;margin:0;padding:19px 18px;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.bonus-code code{font:inherit}.bonus-preview{background:#f7fafc;border:1px solid #dce4eb;border-radius:10px;min-width:0;padding:18px}.bonus-action{color:#236d55;cursor:pointer;background:#e8f6ef;border:1px solid #608d76;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:8px 14px;font:700 14px Space Grotesk,sans-serif;display:inline-flex}.bonus-action:hover{background:#d5efdf}.bonus-action span{font-size:18px;line-height:1}.bonus-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.bonus-list-row{color:#30485a;background:#fff;border:1px solid #dbe5eb;border-radius:9px;align-items:center;min-height:52px;padding:10px 13px;font-size:15px;font-weight:700;display:flex}.bonus-store-fields input[type=text]{color:#30485a;background:#fff;border:1px solid #a5bac6;border-radius:7px;width:100%;min-height:37px;padding:7px 10px;font-size:14px}.bonus-loaded-card{background:#fff;border:1px solid #dbe5eb;border-radius:10px;align-items:center;min-height:143px;margin-top:19px;display:grid}.bonus-loaded-content{align-items:center;gap:17px;padding:20px;display:flex}.bonus-set-symbol{color:#236d55;background:#e2f4ed;border-radius:13px;flex:none;place-items:center;width:64px;height:64px;font-size:39px;line-height:1;display:grid}.bonus-loaded-content div{color:#526779;gap:3px;min-width:0;font-size:14px;display:grid}.bonus-loaded-content strong{overflow-wrap:anywhere;color:#30485a;font:700 19px Space Grotesk,sans-serif}.bonus-loading{color:#526779;align-items:center;gap:13px;padding:20px;font-size:15px;display:flex}.bonus-loader{border:3px solid #cce2da;border-top-color:#267a63;border-radius:50%;width:22px;height:22px;animation:.75s linear infinite bonus-spin}.bonus-demo-note{color:#536779;margin:12px 0 0;font-size:13px}.bonus-store-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:16px;display:grid}.bonus-store-fields{gap:19px;display:grid}.bonus-store-fields label{color:#30485a;gap:8px;font-size:14px;font-weight:700;display:grid}.bonus-store-fields label output{color:#236d55;justify-self:end;margin-top:-28px;font-family:Space Grotesk,sans-serif;font-weight:700}.bonus-store-fields input[type=range]{accent-color:#267a63;width:100%;margin:7px 0 0}.bonus-store-result{background:#fff;border:1px solid #dbe5eb;border-radius:10px;min-width:0;min-height:130px;padding:17px}.bonus-store-result>span{color:#536779;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:800;display:block}.bonus-store-result strong{overflow-wrap:anywhere;color:#30485a;font:700 19px Space Grotesk,sans-serif;display:block}.bonus-store-result p{color:#526779;margin:7px 0 0;font-size:14px}@keyframes bonus-spin{to{transform:rotate(360deg)}}@media (width<=950px){.bonus-card-body{grid-template-columns:1fr}}@media (width<=600px){.bonus-card{padding:17px}.bonus-code{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;font-size:14px}.bonus-preview{padding:15px}}@media (width<=430px){.bonus-store-layout{grid-template-columns:1fr}}:root{--accent-bright:#86b7dd;--accent:#3b6f9f;--accent-dark:#2f608e;--accent-soft:#edf4fa;--accent-soft-hover:#deebf6;--accent-border:#a6bfd5;--accent-glow:#3b6f9f40;--motion-accent:#138eaa;--motion-hot:#91dce9;--motion-soft:#cceff5;--motion-ink:#0d5970;--motion-glow:#1aa9c866;--button-primary:var(--accent);--button-primary-hover:var(--accent-dark);--button-soft:var(--accent-soft);--button-soft-hover:var(--accent-soft-hover);--button-border:var(--accent-border);--button-ink:#244969}.page-topbar .docs-link:hover,.cell-button:hover,.benchmark-settings summary:hover,.page-topbar .docs-link,.page-heading .eyebrow{color:var(--accent-dark)}.benchmark-framework-versions{color:#536779;margin:16px 0 0;font-size:13px;line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.page-heading h1:focus-visible{outline-color:var(--accent)}button:focus-visible{outline-color:var(--button-primary)}.primary-button{background:var(--button-primary);border-color:var(--button-primary);color:#fff}.primary-button:hover:not(:disabled){background:var(--button-primary-hover);border-color:var(--button-primary-hover)}.secondary-button,.slide-destination,.code-preview-button,.bonus-action{background:var(--button-soft);border-color:var(--button-border);color:var(--button-ink)}.secondary-button:hover:not(:disabled){background:var(--button-soft-hover)}.slide-destination:hover:not(:disabled),.code-preview-button:hover,.bonus-action:hover{background:var(--button-soft-hover);border-color:var(--accent)}.slide-destination:focus-visible,.code-preview-button:focus-visible{outline-color:var(--button-primary)}.implementation-tabs label.active,.implementation-tabs button.active{border-bottom-color:var(--accent)}.why-card h3:before,.bonus-card-head h2:before{background:var(--accent)}.mini-signal-command,.mini-reuse-source,.mini-no-vdom-active{border-color:var(--motion-accent);background:var(--motion-soft)}.mini-signal-command code,.mini-signal-value,.mini-reuse-source,.mini-reuse-results span,.mini-api-reference dt,.mini-dom-value,.mini-runtime strong,.mini-runtime a,.mini-responsive-row strong{color:var(--accent-dark)}.mini-signal-arrow,.mini-api-arrow,.mini-no-vdom-arrow{color:var(--accent)}.mini-reuse-results span,.mini-dom-value{background:var(--accent-soft)}.mini-dom-value-active{background:var(--motion-soft)}.mini-signal-command:after,.mini-reuse-source:after{box-shadow:0 0 0 4px var(--motion-glow)}.mini-responsive-search-field{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.mini-responsive-caret{background:var(--accent-dark)}.mini-responsive-tablehead i{background:var(--accent)}.field-heading strong,.bonus-store-fields label output,.benchmark-progress{color:var(--accent-dark)}.field input[type=range]{accent-color:var(--accent)}.bonus-store-fields input[type=range]{appearance:none;background:0 0;height:24px;margin:3px 0 0}.bonus-store-fields input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--piece-progress), #d4dde4 var(--piece-progress) 100%);border-radius:999px;height:6px}.bonus-store-fields input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent-dark);border:2px solid #fff;border-radius:50%;margin-top:-6px}.bonus-store-fields input[type=range]::-moz-range-track{background:#d4dde4;border-radius:999px;height:6px}.bonus-store-fields input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}.bonus-store-fields input[type=range]::-moz-range-thumb{box-sizing:border-box;background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent-dark);border:2px solid #fff;border-radius:50%}.comparison-lab .editable-cell{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.comparison-lab .editable-cell:hover,.comparison-lab .editable-cell:focus-visible{background:var(--accent-soft);color:var(--accent-dark);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.comparison-lab .inline-cell-input{border-color:var(--accent);color:#24334a;box-shadow:0 0 0 3px var(--accent-glow)}.inventory-table tbody tr:hover td{background:#f5f9fd}.inventory-table tbody tr.selected-row td{background:var(--accent-soft)}.inventory-table tbody tr.selected-row td:first-child{box-shadow:inset 3px 0 var(--accent)}.inventory-table tfoot td{background:var(--accent-soft);color:var(--accent-dark)}.inventory-table tfoot .grand-total,.code-preview-demo p .code-preview-value{color:var(--accent-dark)}.table-bottom-dot,.live-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.table-bottom>span:first-child,.row-count-note{color:var(--accent-dark)}.status-pill{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-dark)}.table-loading{color:var(--accent-dark)}.bonus-set-symbol{background:var(--accent-soft);color:var(--accent-dark)}.bonus-loader{border-color:var(--accent-border);border-top-color:var(--motion-accent)}.app-shell button,.app-shell .slide-destination,.app-shell .implementation-tabs label{touch-action:manipulation;-webkit-tap-highlight-color:#3b6f9f24;transition:background-color .16s,border-color .16s,color .16s,transform .12s ease-out}@media (hover:none){.app-shell button:active:not(:disabled),.app-shell .slide-destination:active,.app-shell .implementation-tabs label:active:not(.disabled){transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.app-shell button,.app-shell .slide-destination,.app-shell .implementation-tabs label{transition:none}}.syntax-highlight .syntax-name{color:#9fcaf0}