[data-frame-root]{isolation:isolate;position:relative}[data-frame-surface]{z-index:-1;box-sizing:border-box;contain:strict;pointer-events:none;position:absolute;inset:0}[data-frame-target][hidden]:not([data-frame-exiting]){display:none!important}[data-frame-exiting]{pointer-events:none;box-sizing:border-box!important;margin:0!important;position:absolute!important}:where([data-frame-exiting][hidden]){display:block}@font-face{font-family:Geist Serif;src:url(../fonts/GeistSerif-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(../fonts/Geist-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(../fonts/Geist-Medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--page:#fbf6ea;--surface:#fbfaf7;--ink:#111511;--body:#444944;--muted:#535753;--faint:#8d918e;--forest:#1d3a2a;--forest-hover:#2b4f3b;--forest-pressed:#142a1e;--line:#11151117;--line-strong:#1115112e;--wash:#1115110a;--wash-strong:#11151117;--serif:"Geist Serif", "Times New Roman", Times, serif;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--stage-width:1080px;--reading-width:680px;--gutter:24px;--radius-outer:12px;--radius-control:7px;--control-height:36px;--float-shadow:0 1px 2px #11151112, 0 6px 16px #1115110d}@media (width<=767px){:root{--gutter:16px}}@media (pointer:coarse){:root{--control-height:44px}}*,:before,:after{box-sizing:border-box}html{background:var(--page);-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font:400 15px/24px var(--sans);font-synthesis:none;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}::selection{background:#1d3a2a26}[hidden]:not([data-frame-exiting]){display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:100%;max-width:calc(var(--stage-width) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.topbar{justify-content:space-between;align-items:center;height:52px;display:flex}.topbar nav{align-items:center;gap:4px;margin-right:-8px;display:flex}@media (width<=419px){.topbar nav{gap:0;margin-right:-6px}.topbar nav .quiet{white-space:nowrap;padding:0 6px}}.title{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:16px;margin-bottom:16px;display:grid}.title h1{font:400 40px/44px var(--serif);letter-spacing:-.03em;margin:0}.quiet{border-radius:var(--radius-control);min-height:36px;color:var(--muted);align-items:center;gap:6px;padding:0 8px;font-size:14px;line-height:20px;text-decoration:none;transition:color .12s;display:inline-flex}.quiet:active{color:var(--ink)}.back{margin-left:-8px}.back svg{flex:none}.prose a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.prose a:active{text-decoration-color:currentColor}@media (hover:hover){.quiet:hover{color:var(--ink)}.prose a:hover{text-decoration-color:currentColor}}:focus{outline:none}:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.control{appearance:none;min-height:var(--control-height);border-radius:var(--radius-control);color:var(--ink);font:400 14px/18px var(--sans);letter-spacing:-.003em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0 11px;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.control:active{background:var(--wash-strong)}@media (hover:hover){.control:hover{background:var(--wash)}.control:active{background:var(--wash-strong)}}.control[aria-pressed=true]{background:var(--forest);color:#fff;font-weight:500}.control[aria-pressed=true]:active{background:var(--forest-pressed)}@media (hover:hover){.control[aria-pressed=true]:hover{background:var(--forest-hover);color:#fff}.control[aria-pressed=true]:active{background:var(--forest-pressed);color:#fff}}.control.outline{border-color:var(--line-strong);background:var(--paper)}.control.outline:active{background:var(--wash-strong)}@media (hover:hover){.control.outline:hover{background:var(--surface);border-color:#11151147}.control.outline:active{background:var(--wash-strong)}}.control.primary{background:var(--forest);color:#fff;padding:0 14px;font-weight:500}.control.primary:active{background:var(--forest-pressed)}@media (hover:hover){.control.primary:hover{background:var(--forest-hover);color:#fff}.control.primary:active{background:var(--forest-pressed);color:#fff}}.control[aria-disabled=true],.control[aria-disabled=true]:active{color:var(--faint);cursor:default;background:0 0}@media (hover:hover){.control[aria-disabled=true]:hover,.control[aria-disabled=true]:active{color:var(--faint);background:0 0}}.control.primary[aria-busy=true],.control.primary[aria-busy=true]:active{background:var(--forest-hover);color:#ffffffd9;cursor:progress}@media (hover:hover){.control.primary[aria-busy=true]:hover,.control.primary[aria-busy=true]:active{background:var(--forest-hover);color:#ffffffd9}}.stage{isolation:isolate;width:100%;height:var(--stage-height,620px);border:1px solid var(--line-strong);border-radius:var(--radius-outer);background:var(--surface);position:relative;overflow:hidden;container-type:inline-size}.float{background:var(--paper);border:1px solid var(--line-strong);box-shadow:var(--float-shadow);border-radius:10px}.divider{background:var(--line);flex:none;align-self:stretch;width:1px;margin:6px 3px}.reading{max-width:var(--reading-width);margin:72px 0 0;scroll-margin-top:32px}.reading h2{font:400 26px/32px var(--serif);letter-spacing:-.02em;margin:0 0 12px}.reading h3{font:500 13px/20px var(--sans);color:var(--ink);margin:44px 0 10px}.prose{font:400 17px/27px var(--serif);color:var(--body);letter-spacing:-.005em;margin:0 0 12px}.results{border-top:1px solid var(--line);margin:0}.results>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,200px) minmax(0,1fr);column-gap:20px;padding:12px 0;display:grid}.results dt{color:var(--muted);font-size:14px;line-height:22px}.results dd{color:var(--body);margin:0;font-size:14px;line-height:22px}.results b{color:var(--ink);font-weight:500;display:block}.limits{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.limits li{border-bottom:1px solid var(--line);color:var(--body);padding:10px 0;font-size:14px;line-height:22px}.page-end{max-width:var(--reading-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:56px 0 0;padding:0 0 40px;display:flex}.page-end nav{align-items:center;gap:4px;display:flex}.page-end .quiet:last-child{margin-right:-8px}@media (width<=559px){.results>div{grid-template-columns:minmax(0,1fr);row-gap:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@font-face{font-family:Geist Mono;src:url(./GeistMono-Variable-H6ZggvBa.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--quiet:linear(0, .0008 0.412%, .005 1.031%, .0123 1.649%, .0224 2.268%, .0351 2.887%, .0554 3.711%, .0729 4.33%, .0987 5.155%, .1418 6.392%, .1886 7.629%, .2462 9.072%, .4231 13.402%, .4797 14.845%, .5263 16.082%, .5779 17.526%, .6263 18.969%, .6713 20.412%, .7127 21.856%, .7507 23.299%, .7851 24.742%, .8162 26.186%, .8478 27.835%, .8722 29.278%, .8966 30.928%, .9177 32.577%, .9356 34.227%, .9508 35.876%, .9635 37.526%, .9753 39.381%, .9846 41.237%, .9927 43.299%, .9987 45.361%, 1.0068 50.309%, 1.0091 54.021%, 1.0093 58.351%, 1.0021 80.825%, 1)}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}}.title h1{animation:arrive .485s var(--quiet) backwards}.title .control{animation:arrive .485s var(--quiet) .1s backwards}#stage{animation:arrive .485s var(--quiet) .14s backwards}.stage{--canvas-left:392px;--canvas-height:388px;--band-height:50px;--ember:#a8501f;--mono:"Geist Mono", ui-monospace, Menlo, monospace;height:auto;min-height:580px}.demo{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""scope""strip""transport";display:grid;position:relative}.demo[data-layout=wide][data-mode=tune],.demo[data-layout=wide][data-mode=export]{grid-template-columns:minmax(0,1fr) 316px;grid-template-areas:"top top""scope rail""strip strip""transport transport"}.tabs,.modes{grid-area:1/1/auto/-1;align-items:center;gap:2px;min-width:0;padding:4px 8px;display:flex}.tabs{border-bottom:1px solid var(--line);background:var(--paper);justify-self:stretch}.modes{z-index:1;justify-self:end}.modes .control{color:var(--muted)}.tabs .control,.modes .control{padding:0 10px}.modes .keys{width:var(--control-height);padding:0;font-weight:500}@media (hover:hover){.modes .control:hover{color:var(--ink)}}.scope{grid-area:scope;min-width:0;position:relative}.canvas{height:var(--canvas-height);position:relative}.live,.probes{z-index:1;left:calc((var(--canvas-left) - var(--component-width)) / 2);top:max(10px, calc((var(--canvas-height) - 22px - var(--reserve)) / 2));width:var(--component-width);position:absolute}.probes{z-index:0;visibility:hidden;pointer-events:none}.probes>div{width:100%;position:absolute;top:0;left:0}.demo[data-hand] .live,.demo[data-hand] .live *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.plate{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.plate[data-inside]{z-index:2;mix-blend-mode:multiply}.grab{z-index:3;border-radius:var(--radius-control);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:72px;height:28px;margin:-5px 0 0 -36px;position:absolute;top:0;left:0}.grab i{width:36px;height:4px;transition:background-color .12s, width .485s var(--quiet), left .485s var(--quiet);background:#11151138;border-radius:2px;position:absolute;top:12px;left:18px}.demo[data-onscreen][data-rest] .grab i{animation:3.6s ease-in-out 1.6s infinite offer}@keyframes offer{0%,62%,to{transform:translateY(0)}74%{transform:translateY(3px)}86%{transform:translateY(0)}}.grab:active i,.demo[data-hand] .grab i{background:var(--forest);width:48px;left:12px}.demo[data-hand] .grab{cursor:grabbing}.grab:focus-visible{outline:none}.grab:focus-visible i{background:var(--forest);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--forest)}@media (hover:hover){.grab:hover i{background:var(--forest-hover)}.grab:active i{background:var(--forest)}}@media (pointer:coarse){.grab{width:96px;height:44px;margin:-13px 0 0 -48px}.grab i{top:20px;left:30px}.grab:active i,.demo[data-hand] .grab i{left:24px}}.lane{z-index:1;left:var(--canvas-left);width:var(--lane-width);top:max(10px, calc((var(--canvas-height) - 22px - var(--reserve)) / 2));justify-content:center;display:flex;position:absolute}.lane .sc{margin:0}.lane-name{color:var(--muted);white-space:nowrap;padding-bottom:5px;font-size:12px;line-height:14px;position:absolute;bottom:100%;left:16px}#rival .lane-name{color:var(--ember)}.demo[data-layout=wide][data-mode=race] .canvas:after,.demo[data-layout=wide][data-mode=export] .canvas:after{content:"";top:16px;bottom:16px;left:calc(var(--canvas-left) - 8px);border-left:1px solid var(--line);position:absolute}.plot{left:var(--plot-left);height:var(--canvas-height);touch-action:pan-y;position:absolute;top:0;right:20px}.demo[data-layout=wide][data-mode=export] .plot{display:none}.plot svg,.velocity svg{pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.level{stroke:var(--line);stroke-width:1px}.axis,.tick{stroke:var(--line-strong);stroke-width:1px}.level-name,.tick-label{font:400 12px/14px var(--sans);fill:var(--muted)}.level-name{text-anchor:end}.under{fill:#1d3a2a0b}.line-hand{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.line-hand.thin{stroke-width:1.25px}.hand-dot{fill:var(--surface);stroke:var(--ink);stroke-width:1px}.line-ghost{fill:none;stroke:var(--muted);stroke-width:1.25px;stroke-dasharray:1 4;stroke-linecap:round}.line-rival{fill:none;stroke:var(--ember);stroke-width:1.5px;stroke-linejoin:round}.line-ahead{fill:none;stroke:var(--forest);stroke-width:1.25px;opacity:.5}.line-take{fill:none;stroke:var(--forest);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.line-take.thin{stroke-width:1.25px}.tangent{stroke:var(--ink);stroke-width:1px;stroke-linecap:round}.arm{stroke:var(--forest);stroke-width:1px;stroke-dasharray:2 3;opacity:.55}.playhead{stroke:var(--ink);stroke-width:1px;opacity:.28}.playhead-dot{fill:var(--forest);stroke:var(--surface);stroke-width:2px}.playhead-dot.rival{fill:var(--ember)}.speed-area{fill:#1d3a2a14}.cut{stroke:var(--forest);stroke-width:1px;stroke-dasharray:2 3;opacity:.55}.seek{border-radius:var(--radius-control);cursor:col-resize;position:absolute;inset:0}.seek:focus-visible{outline-offset:0}.first{color:var(--muted);pointer-events:none;padding:2px 6px 0 0;font-size:12px;line-height:14px;position:absolute;top:0;transform:translate(-100%)}.first:before{content:"";border-left:1px solid var(--line-strong);position:absolute;inset:0 0 0 auto}.legend{color:var(--muted);pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:0 14px;margin:0;font-size:12px;line-height:16px;display:flex;position:absolute;top:36px;right:0}.legend span{align-items:center;gap:6px;display:inline-flex}.key{border-top:2px solid var(--forest);width:16px;height:0}.key.dotted{border-top:1.5px dotted var(--muted)}.key.hand{border-top:2px solid var(--ink)}.key.rival{border-top:1.5px solid var(--ember)}.marker{z-index:1;border-radius:var(--radius-control);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:32px;margin-left:-16px;position:absolute;top:0}.marker:before{content:"";border-left:1px dashed var(--forest);opacity:.6;position:absolute;top:0;bottom:0;left:15.5px}.marker i{border:2px solid var(--surface);background:var(--forest);width:14px;height:14px;box-shadow:0 0 0 1px var(--forest), 0 2px 5px #1115113d;border-radius:50%;margin-top:-7px;transition:background-color .12s,box-shadow .12s;position:absolute;left:9px}.marker i:after{content:"";border:1px solid var(--forest);opacity:0;border-radius:50%;position:absolute;inset:-7px}.demo[data-onscreen][data-rest] .marker[data-active] i:after{animation:3.2s ease-out 1.2s infinite beckon}@keyframes beckon{0%{opacity:.55;transform:scale(.55)}60%,to{opacity:0;transform:scale(1.25)}}.marker span{font:400 12px/14px var(--sans);color:var(--muted);white-space:nowrap;pointer-events:none;text-shadow:-2px 0 var(--surface), 2px 0 var(--surface), 0 -2px var(--surface), 0 2px var(--surface), -1px -1px var(--surface), 1px 1px var(--surface), -1px 1px var(--surface), 1px -1px var(--surface);position:absolute;top:2px;left:22px}.marker span b{color:var(--ink);font-weight:500}.marker span em{color:var(--forest);font-style:normal;display:block}.marker[data-flip] span{text-align:right;left:auto;right:22px}.marker:not([data-active]) span{display:none}.marker[data-outcome=ignore] i,.marker[data-outcome=reject] i{background:var(--surface)}.marker:active i{background:var(--forest-pressed)}.marker:focus-visible{outline:none}.marker:focus-visible i{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--forest)}.let-go{z-index:1;pointer-events:none;width:0;height:0;position:absolute}.let-go i{border:1.5px solid var(--ink);background:var(--surface);border-radius:50%;width:11px;height:11px;position:absolute;top:-5.5px;left:-5.5px}.let-go span{font:400 12px/14px var(--sans);color:var(--muted);white-space:nowrap;text-shadow:0 0 2px var(--surface), 0 0 4px var(--surface), 0 0 6px var(--surface);position:absolute;top:-30px;left:12px}.let-go span b{color:var(--ink);font-weight:500}.let-go span em{color:var(--ink);font-style:normal;display:block}.let-go[data-flip] span{text-align:right;left:auto;right:12px}.pressed{color:var(--muted);pointer-events:none;padding:2px 0 0 6px;font-size:12px;line-height:14px;position:absolute;top:0}.pressed:before{content:"";border-left:1px dashed var(--forest);opacity:.6;position:absolute;inset:0 auto 0 0}.spring-handle{z-index:2;border-radius:var(--radius-control);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute}.spring-handle i{border:1.5px solid var(--forest);background:var(--paper);border-radius:3px;width:12px;height:12px;transition:background-color .12s,box-shadow .12s;position:absolute;top:8px;left:8px;transform:rotate(45deg);box-shadow:0 2px 5px #1115113d}.spring-handle:active i{background:var(--forest)}.spring-handle:focus-visible{outline:none}.spring-handle:focus-visible i{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--forest)}@media (hover:hover){.marker:hover i{background:var(--forest-hover);box-shadow:0 0 0 2px var(--forest-hover), 0 2px 5px #1115113d}.marker[data-outcome=ignore]:hover i,.marker[data-outcome=reject]:hover i{background:var(--surface)}.marker:active i{background:var(--forest-pressed)}.spring-handle:hover i{background:#1d3a2a26}.spring-handle:active i{background:var(--forest)}}@media (pointer:coarse){.marker{width:44px;margin-left:-22px}.marker:before{left:21.5px}.marker i{left:15px}.marker span{left:28px}.marker[data-flip] span{right:28px}.spring-handle{width:44px;height:44px;margin:-22px 0 0 -22px}.spring-handle i{top:16px;left:16px}}.band{grid-template-columns:var(--canvas-left) minmax(0, 1fr);height:var(--band-height);border-top:1px solid var(--line);background:var(--paper);padding-right:20px;display:grid}.demo[data-layout=wide][data-mode=race] .band{grid-template-columns:var(--canvas-left) var(--lane-width) minmax(0, 1fr)}.race{align-self:center;min-width:0;padding:0 16px 0 8px}.race .seg{background:0 0;padding:0}.race .seg+.seg{margin-top:2px}.race .seg .control{min-height:23px;padding:0 4px;font-size:14px}.race .seg .control[aria-pressed=true]{box-shadow:0 0 0 1px var(--line-strong)}@media (pointer:coarse){.race .seg .control{min-height:44px}}.readouts{grid-template-columns:.8fr 1fr 1.15fr 1fr;align-items:center;gap:0 8px;margin:0;padding:0 12px 0 20px;display:grid}.readouts div{min-width:0}.readouts dt{color:var(--muted);font-size:12px;line-height:14px}.readouts dd{font:500 15px/20px var(--sans);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;margin:1px 0 0}.velocity{min-width:0;position:relative}.velocity .seek{touch-action:pan-y}.velocity-name{color:var(--muted);pointer-events:none;z-index:1;text-shadow:-2px 0 var(--surface), 2px 0 var(--surface), 0 -2px var(--surface), 0 2px var(--surface), -1px -1px var(--surface), 1px 1px var(--surface), -1px 1px var(--surface), 1px -1px var(--surface);font-size:12px;line-height:14px;position:absolute;top:5px;right:0}.rail{border-left:1px solid var(--line);background:var(--paper);min-width:0;height:0;min-height:100%;animation:rail-in .485s var(--quiet) backwards;grid-area:rail;padding:0 12px 4px;overflow:hidden}@keyframes rail-in{0%{opacity:0;transform:translate(10px)}}.group{border-bottom:1px solid var(--line);min-width:0;padding:4px 0 6px}.group:last-child{border-bottom:0}.group header{justify-content:space-between;align-items:center;gap:8px;min-height:26px;margin-bottom:3px;display:flex}.group h2{font:500 13px/20px var(--sans);color:var(--ink);margin:0}.seg{background:var(--wash);border-radius:9px;gap:2px;padding:2px;display:flex}.seg+.seg{margin-top:6px}.seg .control{min-height:calc(var(--control-height) - 6px);color:var(--body);border-radius:7px;flex:auto;padding:0 6px}.seg .control[aria-pressed=true],.modes .control[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong), 0 1px 2px #11151114;font-weight:500}.seg .control[aria-pressed=true]:active,.modes .control[aria-pressed=true]:active{background:var(--surface)}@media (hover:hover){.seg .control:hover{color:var(--ink)}.seg .control[aria-pressed=true]:hover,.modes .control[aria-pressed=true]:hover{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px #11151147,0 1px 2px #11151114}.seg .control[aria-pressed=true]:active,.modes .control[aria-pressed=true]:active{background:var(--surface);color:var(--ink)}}.seg.small{background:0 0;padding:0}.seg.small .control[aria-pressed=true]{box-shadow:0 0 0 1px var(--line-strong)}.seg.small .control{flex:0 auto;min-height:26px;padding:0 7px;font-size:14px}.note{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:17px}.note a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.facts{color:var(--muted);flex-wrap:wrap;gap:0 12px;margin:3px 0 0;font-size:12px;line-height:17px;display:flex}.facts b{color:var(--ink);font-weight:500}.range{min-height:26px;color:var(--body);grid-template-columns:68px minmax(0,1fr) 36px;align-items:center;column-gap:8px;margin-top:3px;font-size:13px;line-height:16px;display:grid}.range output{text-align:right;color:var(--ink);font-weight:500}.range[data-disabled] span,.range[data-disabled] output{color:var(--faint)}.range input{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:24px;margin:0}.range input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--forest) var(--fill), var(--line-strong) var(--fill));border-radius:1px;height:2px}.range input::-moz-range-track{background:var(--line-strong);height:2px}.range input::-moz-range-progress{background:var(--forest);height:2px}.range input::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--paper);background:var(--forest);width:14px;height:14px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;margin-top:-6px;transition:background-color .12s}.range input::-moz-range-thumb{border:2px solid var(--paper);background:var(--forest);border-radius:50%;width:10px;height:10px}.range input:active::-webkit-slider-thumb{background:var(--forest-pressed)}.range input:focus-visible{outline:none}.range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--forest)}.range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--forest)}.range input[aria-disabled=true]{cursor:default}.range input[aria-disabled=true]::-webkit-slider-runnable-track{background:var(--line)}.range input[aria-disabled=true]::-webkit-slider-thumb{background:var(--faint)}@media (hover:hover){.range input:hover::-webkit-slider-thumb{background:var(--forest-hover)}.range input:active::-webkit-slider-thumb{background:var(--forest-pressed)}.range input[aria-disabled=true]:hover::-webkit-slider-thumb{background:var(--faint)}}.reset{flex:none;min-height:26px;margin-right:-6px;padding:0 6px;font-size:14px}@media (pointer:coarse){.reset{min-height:44px}}.code-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.code-row+.code-row{margin-top:6px}.code-row code{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font:400 12px/16px var(--mono);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;overflow:hidden}.code-row .control{min-height:30px;padding:0 9px;font-size:14px}@media (pointer:coarse){.code-row .control{min-height:44px}}.score{border-top:1px solid var(--line);margin:10px 0 0}.score div{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:30px;font-size:13px;line-height:18px;display:grid}.sheet .score div{grid-template-columns:minmax(0,1fr) auto}.score dt{color:var(--ink);align-items:center;gap:6px;font-weight:500;display:flex}.sheet .score dt{color:var(--muted);font-weight:400}.score dt i{background:var(--forest);border-radius:1px;width:8px;height:2px}.score [data-side=b] dt i{background:var(--ember)}.score dd{color:var(--body);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.score .num{color:var(--ink);text-align:right;font-weight:500}.files{border-radius:var(--radius-control);max-height:318px;margin-top:10px;overflow:auto}.files .note{margin:0 0 6px}.files pre{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font:400 12px/16px var(--mono);color:var(--ink);margin:0 0 10px;padding:8px;overflow:auto}.files ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.files li{border-bottom:1px solid var(--line);color:var(--body);justify-content:space-between;gap:12px;padding:4px 0;font-size:12px;line-height:18px;display:flex}.files li span:last-child{color:var(--muted);flex:none}.files li.sum span{color:var(--ink);font-weight:500}.sheet .group .control.primary{min-height:30px;padding:0 12px}@media (pointer:coarse){.sheet .group .control.primary{min-height:44px}}.swap{display:inline-grid}.swap span{visibility:hidden;text-align:center;grid-area:1/1}.swap span.on{visibility:visible}.strip{border-top:1px solid var(--line);background:var(--paper);grid-area:strip;align-items:center;gap:8px;min-width:0;min-height:49px;padding:4px 8px;display:flex}.frames{scrollbar-width:none;overscroll-behavior-x:contain;flex:auto;gap:4px;min-width:0;margin:-4px;padding:4px;display:flex;overflow-x:auto}.frames::-webkit-scrollbar{display:none}.frame{appearance:none;height:40px;color:var(--body);font:400 14px/18px var(--sans);letter-spacing:-.003em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:9px;flex:none;align-items:center;gap:9px;margin:0;padding:0 12px 0 4px;transition:background-color .12s,color .12s,box-shadow .12s;display:flex}.thumb{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:52px;height:32px;transition:border-color .12s;display:block}.frame:active{background:var(--wash-strong)}.frame[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 0 0 1px var(--line-strong);font-weight:500}.frame[aria-pressed=true] .thumb{background:var(--paper);border-color:#1d3a2a73}.frame[aria-disabled=true],.frame[aria-disabled=true]:active{color:var(--faint);cursor:default;background:0 0}.frame[aria-disabled=true] .thumb{border-style:dashed;border-color:var(--line-strong);background:0 0}@media (pointer:coarse){.frame{height:44px}.strip{min-height:53px}}@media (hover:hover){.frame:hover{background:var(--wash);color:var(--ink)}.frame:hover .thumb{border-color:var(--line-strong)}.frame:active{background:var(--wash-strong)}.frame[aria-pressed=true]:hover{background:var(--surface);box-shadow:0 0 0 1px #11151147}.frame[aria-pressed=true]:hover .thumb{border-color:#1d3a2a73}.frame[aria-disabled=true]:hover,.frame[aria-disabled=true]:active{color:var(--faint);background:0 0}.frame[aria-disabled=true]:hover .thumb{border-color:var(--line)}}.transport{border-top:1px solid var(--line);background:var(--paper);flex-wrap:wrap;grid-area:transport;align-items:center;gap:2px;padding:5px 8px;display:flex}#go,#back{min-width:62px}#take-note{min-width:0;color:var(--body);flex:200px;margin:0 12px;font-size:14px;line-height:20px}.race-note{flex-wrap:wrap;gap:0 16px;display:flex}#take-note.race-note{line-height:18px}.race-note span{align-items:center;gap:6px;display:inline-flex}.race-note b{color:var(--ink);font-weight:500}.race-note i{background:var(--forest);border-radius:1px;width:8px;height:2px}.race-note [data-side=b] i{background:var(--ember)}.help{z-index:5;border:1px solid var(--line-strong);background:var(--paper);width:min(340px,100% - 16px);box-shadow:var(--float-shadow);animation:help-in .485s var(--quiet) backwards;border-radius:10px;padding:6px 14px 10px;position:absolute;top:50px;right:8px}@keyframes help-in{0%{opacity:0;transform:translateY(-6px)}}.help:focus-visible{outline-offset:1px}.help header{justify-content:space-between;align-items:center;min-height:36px;display:flex}.help h2{font:500 13px/20px var(--sans);color:var(--ink);margin:0}.help header .control{min-height:28px;margin-right:-8px;padding:0 8px;font-size:14px}.help dl{border-top:1px solid var(--line);margin:0}.help dl div{border-bottom:1px solid var(--line);grid-template-columns:78px minmax(0,1fr);align-items:baseline;column-gap:12px;padding:5px 0;display:grid}.help dl div:last-child{border-bottom:0}.help dt{align-items:center;gap:4px;display:flex}.help dt span{align-items:center;gap:4px;display:inline-flex}.help dt i{color:var(--faint);font-size:12px;font-style:normal}.help dd{color:var(--body);margin:0;font-size:13px;line-height:18px}.help kbd{border:1px solid var(--line-strong);background:var(--surface);min-width:20px;font:400 12px/17px var(--sans);color:var(--ink);text-align:center;border-bottom-width:2px;border-radius:5px;padding:0 5px}.demo[data-layout=mid],.demo[data-layout=narrow]{grid-template-areas:"top""scope""strip""transport""rail"}.demo[data-layout=mid] .rail,.demo[data-layout=narrow] .rail{border-top:1px solid var(--line);border-left:0;height:auto;min-height:0;animation:none;overflow:visible}.demo[data-layout=mid] .rail>div{max-width:420px}.demo[data-layout=mid] .lane,.demo[data-layout=narrow] .lane{border-top:1px solid var(--line);width:auto;min-height:calc(var(--reserve) + 42px);padding:28px 12px 14px;position:relative;top:0;left:0}.demo[data-layout=mid] .lane-name,.demo[data-layout=narrow] .lane-name{top:8px;bottom:auto;left:12px}.demo[data-layout=mid] .race,.demo[data-layout=narrow] .race{border-bottom:1px solid var(--line);grid-area:1/1/auto/-1;padding:6px 12px}.demo[data-layout=mid][data-mode=race] .band,.demo[data-layout=narrow][data-mode=race] .band{grid-auto-rows:minmax(var(--band-height), auto);height:auto}.demo[data-layout=mid] .race{gap:12px;display:flex}.demo[data-layout=mid] .race .seg{flex:1 1 0}.demo[data-layout=mid] .race .seg+.seg{margin-top:0}.demo[data-layout=narrow]{grid-template-areas:"top""scope""strip""transport""modes""rail"}.demo[data-layout=narrow] .modes{border-top:1px solid var(--line);background:var(--paper);grid-area:modes;justify-self:stretch}.demo[data-layout=narrow] .modes .control:not(.keys){flex:1 1 0}.demo[data-layout=narrow] .help{top:auto;bottom:8px}.demo[data-layout=narrow] .canvas{height:calc(var(--reserve) + 34px)}.demo[data-layout=narrow] .live,.demo[data-layout=narrow] .probes{top:12px;left:max(12px, calc((100% - var(--component-width)) / 2));width:min(var(--component-width), calc(100% - 24px))}.demo[data-layout=narrow] .plot{height:156px;margin:0 12px;position:relative;left:0;right:0}.demo[data-layout=narrow] .band{grid-template-columns:minmax(0,1fr);height:auto;padding:0 12px}.demo[data-layout=narrow] .readouts{padding:8px 0}.demo[data-layout=narrow] .velocity{border-top:1px solid var(--line);height:48px}.demo[data-layout=narrow] .tabs .control{flex:1 1 0;padding:0 4px}.demo[data-layout=narrow] #take-note{flex-basis:100%;order:9;min-height:36px;margin:4px 4px 0}.demo[data-layout=narrow] .transport .divider,.demo[data-layout=narrow] .legend{display:none}.demo[data-layout=narrow] .transport .control{padding:0 8px}.demo[data-layout=narrow] #go,.demo[data-layout=narrow] #back{min-width:0}.demo[data-layout=narrow] .readouts dd{font-size:14px}.demo[data-layout=narrow] .strip{flex-wrap:wrap;min-height:102px}.demo[data-layout=narrow] .frames{flex-basis:100%}.demo[data-layout=narrow] #save-plate{margin-left:auto}.demo[data-layout=narrow] .sc-phone{height:304px}.essay{margin:96px 0 0;scroll-margin-top:32px}.essay h2{max-width:880px;font:400 clamp(30px, 4.3vw, 46px)/1.08 var(--serif);letter-spacing:-.03em;text-wrap:balance;margin:0 0 28px}.essay h3{font:400 28px/34px var(--serif);letter-spacing:-.022em;margin:0 0 16px}.essay h4{font:500 14px/20px var(--sans);color:var(--ink);margin:0}.columns{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;max-width:1000px;display:grid}.columns .prose{margin:0 0 14px}.columns .prose:only-child{grid-column:1}.chapter{margin-top:104px}.chapter>.columns:not(:first-of-type){margin-top:28px}.prose [data-claim]{color:var(--ink);white-space:nowrap}@media (prefers-reduced-motion:no-preference){.arriving .reveal{opacity:0;transform:translateY(14px)}.arriving .reveal[data-seen]{opacity:1;transition:opacity .6s ease-out, transform .7s var(--quiet,ease-out);transform:none}}.figure{margin:32px 0 0}.figure figcaption,.measure figcaption{max-width:680px;color:var(--muted);margin-top:14px;font-size:14px;line-height:21px}.figure.wide{border:1px solid var(--line-strong);border-radius:var(--radius-outer);background:var(--surface);padding:20px}.figure.wide figcaption{border-top:1px solid var(--line);max-width:none;margin-top:16px;padding-top:14px}.mount:not(:empty){min-height:0!important}.mount[data-figure=rules]{min-height:276px}.mount[data-figure=css]{min-height:372px}.rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.rule{border-left:1px solid var(--line);min-width:0;padding:0 16px}.rule:first-child{border-left:0;padding-left:0}.rule:last-child{padding-right:0}.rule canvas{width:100%;height:172px;display:block}.rule h4{margin-top:10px}.rule p{min-height:40px;color:var(--body);margin:2px 0 0;font-size:14px;line-height:20px}.figure-range{grid-template-columns:auto minmax(0,280px) auto;justify-content:start;column-gap:12px;margin-top:14px;font-size:14px;line-height:20px}.figure-range output{text-align:left;white-space:nowrap;min-width:132px}.css-figure{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;display:grid}.css-half{min-width:0}.css-half h4{margin-bottom:10px}.css-half svg{width:100%;height:auto;display:block;overflow:visible}.css-half svg:first-of-type{touch-action:pan-y;cursor:crosshair}.css-half .residual{border-top:1px solid var(--line);margin-top:6px}.strip-wrap{position:relative}.strip-wrap span{color:var(--muted);pointer-events:none;font-size:12px;line-height:14px;position:absolute;top:4px;right:0}.css-figure .line-take{vector-effect:non-scaling-stroke}.css-line{fill:none;stroke:var(--ink);stroke-width:1.25px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.css-line.solid{stroke-dasharray:none}.css-stop{fill:var(--surface);stroke:var(--ink);stroke-width:1px;vector-effect:non-scaling-stroke}.css-figure .band{fill:#1d3a2a0f}.css-figure .bound{stroke:var(--forest);stroke-width:1px;stroke-dasharray:2 3;opacity:.7;vector-effect:non-scaling-stroke}.css-figure .level,.css-figure .playhead,.css-figure .cut{vector-effect:non-scaling-stroke}.figure-read{min-height:40px;color:var(--body);margin:10px 0 0;font-size:14px;line-height:20px}.figure-read b{color:var(--ink);font-weight:500}.ruler{position:relative}.ruler-row{padding:6px 0 18px}.ruler-name{font:500 14px/20px var(--sans);color:var(--ink);margin:0 0 30px}.ruler-name span{color:var(--muted);font-weight:400;display:block}.ruler-track{background:var(--line-strong);height:1px;margin:0 0 12px;position:relative}.ruler-span{top:-1px;left:calc(var(--from) * 1%);width:calc((var(--to) - var(--from)) * 1%);background:#1d3a2a2e;height:3px;position:absolute}.ruler-dot,.ruler-mark{left:calc(var(--x) * 1%);position:absolute;top:0}.ruler-dot:before{content:"";background:var(--ink);width:11px;height:11px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:-5px;left:-5px}.ruler-dot.forest:before{background:var(--forest)}.ruler-mark:before{content:"";border-left:1px solid var(--ink);height:15px;position:absolute;top:-7px;left:0}.ruler-dot b,.ruler-mark b{font:500 14px/18px var(--sans);color:var(--ink);white-space:nowrap;font-style:normal;position:absolute;bottom:12px;left:-2px}.ruler-mark b{color:var(--muted);font-weight:400;bottom:-24px;left:6px}.ruler-dot[data-side=left] b{left:auto;right:-2px}.ruler-mark[data-side=left] b{left:auto;right:6px}.ruler-axis{border-top:1px solid var(--line);height:24px;margin:6px 0 0;padding:0;list-style:none;position:relative}.ruler-axis li{left:calc(var(--x) * 1%);color:var(--muted);white-space:nowrap;padding-top:7px;font-size:14px;line-height:16px;position:absolute;top:0;transform:translate(-50%)}.ruler-axis li:before{content:"";border-left:1px solid var(--line-strong);height:5px;position:absolute;top:0;left:50%}.measures{border-top:1px solid var(--line-strong);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:8px;display:grid}.measure{border-left:1px solid var(--line);min-width:0;margin:0;padding:18px 24px 4px}.measure:first-child{border-left:0;padding-left:0}.measure:last-child{padding-right:0}.measure h4{font:400 20px/26px var(--serif);letter-spacing:-.015em;margin-bottom:14px}.bars,.ranges{margin:0}.bars div,.ranges div{padding:5px 0}.bars dt,.ranges dt{color:var(--body);font-size:14px;line-height:20px}.bars dd,.ranges dd{align-items:center;gap:8px;height:20px;margin:2px 0 0;display:flex;position:relative}.bars dd i{width:calc(var(--w) * 1% - var(--w) * .66px);background:var(--forest);border-radius:2px;flex:none;min-width:2px;height:8px}.bars dd i.plain,.ranges dd i.plain{background:#11151129}.bars dd b,.ranges dd b{font:500 14px/20px var(--sans);color:var(--ink);white-space:nowrap;flex:none}.ranges dd{justify-content:flex-end}.ranges dd:before{content:"";border-top:1px solid var(--line);position:absolute;top:9.5px;left:0;right:66px}.ranges dd i{top:6px;left:calc(var(--from) * 1% - var(--from) * .66px);width:calc((var(--to) - var(--from)) * 1% - (var(--to) - var(--from)) * .66px);background:#1d3a2a3d;border-radius:4px;height:8px;position:absolute}.ranges dd i:after{content:"";top:-2px;left:calc((var(--at) - var(--from)) / (var(--to) - var(--from)) * 100% - 1px);background:var(--forest);border-radius:1.5px;width:3px;height:12px;position:absolute}.ranges dd i.plain:after{background:var(--muted)}.ranges dd i.earlier{background:0 0;border:1px solid #11151133;border-radius:6px;height:12px;top:4px}.ranges dd i.earlier:after{content:none}.essay .limits{border-top:1px solid var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;max-width:1000px;display:grid}.essay .limits li{padding:12px 0}.ending{border-top:1px solid var(--line-strong);margin-top:112px;padding-top:28px}.ending .prose{max-width:680px;margin-bottom:28px}.ending nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ending a{border:1px solid var(--line-strong);border-radius:var(--radius-outer);background:var(--paper);color:inherit;transition:background-color .12s, border-color .12s, transform .3s var(--quiet,ease-out);padding:18px 20px 20px;text-decoration:none;display:block}.ending a b{font:400 26px/32px var(--serif);letter-spacing:-.02em;color:var(--ink);display:block}.ending a span{color:var(--muted);margin-top:6px;font-size:14px;line-height:20px;display:block}.ending a:active{background:var(--wash-strong)}@media (hover:hover){.ending a:hover{background:var(--surface);border-color:#11151147;transform:translateY(-2px)}.ending a:active{background:var(--wash-strong);transform:none}}.page-end{max-width:none}@media (width<=899px){.essay{margin-top:72px}.essay h3{font-size:24px;line-height:30px}.columns,.essay .limits{grid-template-columns:minmax(0,1fr)}.chapter{margin-top:72px}.rules,.css-figure,.measures,.ending nav{grid-template-columns:minmax(0,1fr)}.rule,.measure{border-left:0;padding:16px 0 0}.rule+.rule,.measure+.measure{border-top:1px solid var(--line);margin-top:16px}.rule p,.figure-read{min-height:0}.css-half+.css-half{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.mount[data-figure=rules]{min-height:760px}.mount[data-figure=css]{min-height:700px}.figure.wide{padding:16px 14px}.figure-range{grid-template-columns:auto minmax(0,1fr);row-gap:2px}.figure-range output{grid-column:1/-1}.ruler-name{margin-bottom:34px}.ruler-axis li:nth-child(2n){display:none}.ending{margin-top:80px}}@media (width<=559px){.ruler-mark:not([data-side=left]) b{left:auto;right:6px}}.notice{font:400 17px/27px var(--serif);color:var(--body);margin:20px}.fx-inspector{box-sizing:border-box;color:#111511;width:100%;max-width:372px;font:14px/1.45 ui-sans-serif,system-ui,sans-serif}.fx-surface{background:#fff;border:1px solid #1115112e;border-radius:14px}.fx-content{padding:14px 16px}.fx-summary{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.fx-title{min-width:0;display:grid}.fx-merchant{overflow-wrap:anywhere;font-weight:550}.fx-meta,.fx-status,.fx-lines dt{color:#5a5e5a;font-size:13px}.fx-amount{font-variant-numeric:tabular-nums}.fx-open{margin-top:12px}.fx-form{border-top:1px solid #11151117;gap:12px;margin-top:14px;padding-top:14px;display:grid}.fx-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fx-field{color:#444944;gap:4px;min-width:0;font-size:13px;display:grid}.fx-field input,.fx-field select,.fx-field textarea{box-sizing:border-box;width:100%;font:inherit;color:#111511;resize:none;background:#fff;border:1px solid #1115112e;border-radius:8px;padding:7px 9px;font-size:14px}.fx-field [aria-invalid=true]{border-color:#a4332a}.fx-error{color:#a4332a;margin:0;font-size:13px}.fx-actions{justify-content:flex-end;gap:8px;display:flex}.fx-button{color:#111511;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #1115112e;border-radius:999px;padding:0 14px}.fx-primary{color:#fff;background:#121412;border-color:#121412}.fx-quiet{background:0 0}.fx-button:focus-visible,.fx-field :focus-visible{outline-offset:2px;outline:2px solid #1d3a2a}.fx-receipt{border-top:1px solid #11151117;outline:none;margin-top:14px;padding-top:14px}.fx-status{margin:0}.fx-lines{gap:6px;margin:10px 0 14px;display:grid}.fx-lines div{justify-content:space-between;gap:16px;display:flex}.fx-lines dd{text-align:right;overflow-wrap:anywhere;margin:0}.sc{--sc-paper:#fff;--sc-ground:#fbfaf7;--sc-ink:#111511;--sc-body:#444944;--sc-muted:#535753;--sc-faint:#8d918e;--sc-forest:#1d3a2a;--sc-line:#11151117;--sc-line-strong:#1115112e;--sc-wash:#1115110a;--sc-wash-strong:#11151117;--sc-danger:#9c2f25;--sc-shadow:0 1px 1px #1115110a, 0 3px 6px -2px #11151114, 0 14px 28px -14px #1115112e;--sc-field:32px;box-sizing:border-box;width:100%;color:var(--sc-ink);font-synthesis:none;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-align:left;font:400 14px/20px Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.sc *,.sc :before,.sc :after{box-sizing:border-box}@media (pointer:coarse){.sc{--sc-field:44px}}.sc .sc-button,.sc .fx-button{appearance:none;min-height:var(--sc-field);border:1px solid var(--sc-line-strong);background:var(--sc-paper);color:var(--sc-ink);font:inherit;letter-spacing:-.003em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:9px;justify-content:center;align-items:center;margin:0;padding:0 13px;font-size:13px;font-weight:400;line-height:16px;transition:background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex;box-shadow:0 1px #1115110a}.sc .sc-button:active,.sc .fx-button:active{background:var(--sc-wash-strong);box-shadow:none}.sc .fx-quiet{box-shadow:none;color:var(--sc-body);background:0 0;border-color:#0000}.sc .sc-primary,.sc .fx-primary,.sc .fx-open .fx-button{border-color:var(--sc-ink);background:var(--sc-ink);color:#fff;font-weight:500;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #11151133}.sc .sc-primary:active,.sc .fx-primary:active,.sc .fx-open .fx-button:active{background:#000;border-color:#000}.sc .sc-primary[aria-disabled=true],.sc .sc-primary[aria-disabled=true]:active{border-color:var(--sc-line-strong);background:var(--sc-ground);color:var(--sc-faint);box-shadow:none;cursor:default}.sc :focus{outline:none}.sc :focus-visible{outline:2px solid var(--sc-forest);outline-offset:2px}@media (hover:hover){.sc .sc-button:hover,.sc .fx-button:hover{background:var(--sc-ground);border-color:#11151147}.sc .fx-quiet:hover{background:var(--sc-wash);color:var(--sc-ink);border-color:#0000}.sc .sc-button:active,.sc .fx-button:active,.sc .fx-quiet:active{background:var(--sc-wash-strong)}.sc .sc-primary:hover,.sc .fx-primary:hover,.sc .fx-open .fx-button:hover{background:#2a2d2a;border-color:#2a2d2a}.sc .sc-primary:active,.sc .fx-primary:active,.sc .fx-open .fx-button:active{background:#000;border-color:#000}.sc .sc-primary[aria-disabled=true]:hover{border-color:var(--sc-line-strong);background:var(--sc-ground)}}.sc .fx-field,.sc .sc-field{min-width:0;color:var(--sc-muted);gap:3px;font-size:12px;font-weight:500;line-height:16px;display:grid}.sc .fx-field input,.sc .fx-field select,.sc .fx-field textarea,.sc .sc-field input{width:100%;min-height:var(--sc-field);border:1px solid var(--sc-line-strong);background:var(--sc-ground);color:var(--sc-ink);font:inherit;resize:none;border-radius:9px;margin:0;padding:5px 10px;font-size:14px;font-weight:400;line-height:20px;transition:border-color .12s,background-color .12s;box-shadow:inset 0 1px 1px #1115110a}.sc .fx-field textarea{display:block}.sc .fx-field select{appearance:none;background:var(--sc-ground) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23535753' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center;padding-right:28px}.sc .fx-field :focus-visible,.sc .sc-field :focus-visible{outline-offset:0;border-color:var(--sc-forest);background-color:var(--sc-paper)}.sc .fx-field [aria-invalid=true]{border-color:var(--sc-danger)}@media (hover:hover){.sc .fx-field input:hover,.sc .fx-field select:hover,.sc .fx-field textarea:hover,.sc .sc-field input:hover{border-color:#11151147}}.sc-card-wrap{max-width:340px}.sc .fx-inspector{max-width:none;font:inherit;color:inherit}.sc .fx-surface{border:1px solid var(--sc-line-strong);background:var(--sc-paper);box-shadow:var(--sc-shadow);border-radius:14px}.sc .fx-content{padding:14px}.sc .fx-summary{align-items:center;gap:12px;min-height:40px;padding-left:52px;position:relative}.sc .fx-summary:before{content:"";background:#1d3a2a12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%231d3a2a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 2.5h9v13l-2.25-1.5L9 15.5 6.75 14 4.5 15.5z'/%3E%3Cpath d='M7 6.5h4M7 9.5h4'/%3E%3C/svg%3E") 50% no-repeat;border:1px solid #1d3a2a24;border-radius:11px;width:40px;height:40px;position:absolute;top:0;left:0}.sc .fx-title{gap:1px}.sc .fx-merchant{font:inherit;letter-spacing:-.01em;font-size:15px;font-weight:500;line-height:20px}.sc .fx-meta{color:var(--sc-muted);font-size:13px;line-height:18px}.sc .fx-amount{font:inherit;letter-spacing:-.01em;align-self:start;font-size:15px;font-weight:500;line-height:20px}.sc .fx-open{margin-top:12px}.sc .fx-open .fx-button{width:100%}.sc .fx-form{border-top:1px solid var(--sc-line);gap:8px;margin-top:12px;padding-top:11px}.sc .fx-row{gap:8px}.sc .fx-error{color:var(--sc-danger);margin:0;font-size:13px;line-height:18px}.sc .fx-actions{gap:6px;padding-top:3px}.sc .fx-receipt{border-top:1px solid var(--sc-line);margin-top:12px;padding-top:12px}.sc .fx-status{color:var(--sc-body);align-items:center;gap:8px;margin:0;font-size:13px;line-height:18px;display:flex}.sc .fx-status:before{content:"";background:var(--sc-forest);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #1d3a2a1f}.sc .fx-lines{gap:6px;margin:10px 0 12px;font-size:13px;line-height:18px}.sc .fx-lines dt{color:var(--sc-muted);font-size:13px}.sc-menu-wrap{width:248px}.sc-menu{width:172px}.sc-menu[data-state=open]{width:248px}.sc-menu-surface{border:1px solid var(--sc-line-strong);background:var(--sc-paper);box-shadow:var(--sc-shadow);border-radius:12px}.sc-menu-content{padding:4px}.sc .sc-menu-trigger{appearance:none;width:100%;min-height:36px;color:var(--sc-ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin:0;padding:0 10px;transition:background-color .12s;display:flex}.sc .sc-menu-trigger:active{background:var(--sc-wash-strong)}.sc-menu-kind{color:var(--sc-muted);display:none}.sc-menu-value{letter-spacing:-.005em;white-space:nowrap;font-weight:500}.sc-chevron{color:var(--sc-muted);flex:none;margin-left:2px;transition:transform .18s}.sc-menu[data-state=open] .sc-chevron{transform:rotate(180deg)}.sc-menu-list{border-top:1px solid var(--sc-line);gap:1px;margin-top:4px;padding-top:4px;display:grid}.sc .sc-menu-item{appearance:none;width:100%;min-height:34px;color:var(--sc-body);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:8px;grid-template-columns:14px minmax(0,1fr) 12px 18px;align-items:center;column-gap:8px;margin:0;padding:0 8px 0 10px;transition:background-color .12s,color .12s;display:grid}.sc .sc-menu-item:active{background:var(--sc-wash-strong)}.sc .sc-menu-item[aria-checked=true]{color:var(--sc-ink);font-weight:500}.sc .sc-menu-item:focus-visible{outline-offset:-2px}.sc-check{color:var(--sc-forest);opacity:0}.sc-menu-item[aria-checked=true] .sc-check{opacity:1}.sc-menu-item kbd{border:1px solid var(--sc-line);min-width:18px;font:inherit;color:var(--sc-muted);text-align:center;border-radius:5px;justify-self:end;padding:0 5px;font-size:11px;font-weight:400;line-height:16px}@media (hover:hover){.sc .sc-menu-trigger:hover{background:var(--sc-wash)}.sc .sc-menu-item:hover{background:var(--sc-wash);color:var(--sc-ink)}.sc .sc-menu-trigger:active,.sc .sc-menu-item:active{background:var(--sc-wash-strong)}}@media (pointer:coarse){.sc .sc-menu-trigger,.sc .sc-menu-item{min-height:44px}}.sc-status{border:1.5px solid var(--sc-faint);border-radius:50%;flex:none;width:12px;height:12px}.sc-status[data-status=backlog]{border-style:dashed}.sc-status[data-status=in-progress]{background:conic-gradient(#8a6a1c 0 50%, transparent 0) content-box;border-color:#8a6a1c;padding:1.5px}.sc-status[data-status=in-review]{border-color:var(--sc-forest);background:conic-gradient(var(--sc-forest) 0 75%, transparent 0) content-box;padding:1.5px}.sc-status[data-status=done]{border-color:var(--sc-forest);background:var(--sc-forest)}.sc-status[data-status=paused]{border-color:var(--sc-muted);background:linear-gradient(90deg, transparent 0 28%, var(--sc-muted) 0 44%, transparent 0 56%, var(--sc-muted) 0 72%, transparent 0) content-box;border-radius:4px;padding:1.5px}.sc-phone-wrap{width:300px;max-width:100%}.sc-phone{--sc-field:44px;border:1px solid var(--sc-line-strong);background:var(--sc-paper);height:352px;box-shadow:var(--sc-shadow);border-radius:22px;overflow:hidden}.sc-screen{grid-template-rows:auto minmax(0,1fr) auto;height:100%;padding:18px 16px 16px;display:grid}.sc-screen-head{border-bottom:1px solid var(--sc-line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.sc-screen-title{letter-spacing:-.02em;font:400 22px/26px Geist Serif,Times New Roman,serif}.sc-screen-meta{color:var(--sc-muted);font-size:13px;line-height:18px}.sc-plan{margin:0;padding:0;list-style:none}.sc-plan li{border-bottom:1px solid var(--sc-line);grid-template-columns:48px minmax(0,1fr);align-items:baseline;column-gap:10px;padding:11px 0;display:grid}.sc-plan time{color:var(--sc-muted);font-size:13px;line-height:20px}.sc-plan span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-plan li[data-new] span{font-weight:500}.sc-add{display:grid}.sc-scrim{cursor:pointer;background:#11151138;position:absolute;inset:0}.sc-sheet{border-top:1px solid var(--sc-line-strong);background:var(--sc-paper);border-radius:18px 18px 0 0;gap:12px;margin:0;padding:8px 16px 16px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -12px #11151147}.sc-grabber{background:var(--sc-line-strong);border-radius:2px;justify-self:center;width:34px;height:4px}.sc-slots{border:1px solid var(--sc-line-strong);background:var(--sc-ground);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:grid}.sc .sc-slot{appearance:none;min-height:calc(var(--sc-field) - 6px);color:var(--sc-body);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:7px;margin:0;padding:0 4px;font-size:13px;font-weight:400;line-height:16px;transition:background-color .12s,color .12s}.sc .sc-slot:active{background:var(--sc-wash-strong)}.sc .sc-slot[aria-pressed=true]{background:var(--sc-forest);color:#fff;font-weight:500}.sc .sc-slot[aria-pressed=true]:active{background:#142a1e}.sc-sheet-actions{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}@media (hover:hover){.sc .sc-slot:hover{background:var(--sc-wash);color:var(--sc-ink)}.sc .sc-slot:active{background:var(--sc-wash-strong)}.sc .sc-slot[aria-pressed=true]:hover{color:#fff;background:#2b4f3b}.sc .sc-slot[aria-pressed=true]:active{color:#fff;background:#142a1e}}@media (prefers-reduced-motion:reduce){.sc *,.sc :before,.sc :after{transition:none!important}}