@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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)format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAWUAA4AAAAABvAAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABRAAAABYAAAAWABEABEdQT1MAAAFcAAAAHgAAAB5EdEx1R1NVQgAAAXwAAAAnAAAAKLj8uOpPUy8yAAABpAAAAFUAAABgYo+sRGNtYXAAAAH8AAAAQgAAAFxB0OJbZ2FzcAAAAkAAAAAIAAAACAAAABBnbHlmAAACSAAAAT0AAAFaNhXKIGhlYWQAAAOIAAAANgAAADYqgLJdaGhlYQAAA8AAAAAfAAAAJBAY8MdobXR4AAAD4AAAABkAAAAiEYUB02xvY2EAAAP8AAAAFAAAABQBUAHKbWF4cAAABBAAAAAcAAAAIAAjAQBuYW1lAAAELAAAARoAAAJuNApRAXBvc3QAAAVIAAAASwAAAF2B645zAAEAAAAMAAAAAAAAAAIAAQABAAMAAQAAAAEAAAAKABwAHAABREZMVAAIAAQAAAAA//8AAAAAAAB42mNgZGBg4GJQA0ImFzefEAahnMSSPAY+BhBgARH//4NIAFpJBVUAeNotxbENQEAYhuH3/87hwhA3g1KvEANQGcAoKolJJKLR2AwJT/OQaLIFD5o1AN23jVRWgwofnF4JkAHi1zctXMS4u+NOwW0WIrYCqNQJRPIH7S0K2QAAAHjaY2BgYAJiZiAWAZKMYJqFwQNI8zFwAOXYGBQYHBkWMBxkZFLY8v8/UByF///J/wP/U/87/me8HwTUjQIAZb8SQgAAAAEAAf//AA942mJgAvQ4zXARx1H8vd8x2zx8riX/lW3btt2SzS3M7VN7t4Qte7q2ptx++sVnvy9UABBHogURyAAUCgcFUiWOxjTcMzbhnHGKaA2NZJ5O+tLJHDopA0s6GaCSqZwYJ2RE+Bz3GdfwMKozLh81XV3R+VT0wwyT6WdDtEk0gAB0T2Yywu5/ff2/Lqe1XfrB2/RG8sgJuEAQgJOC51iNSimVqXieCXd1cZYxLoovlro4uzLhvMDYEpVSw7G8oPLGVceU6KR8cYF4vK12yLbUcE7CjS2WxRlpRViAsR3J/RNiaRoeeAcJybFcWXN7pUadlJHkqYpJT4yMLA/rrXbwswNAlJACvCePIKKJwMhQ0jC4TQq2tmgKO6QUT4gOrCg6hkIQGKmUItiJlhcXy6PFhYkJhUSXlJSWmAhmxutO9wAAAAABAAAAAQLRsUtkZV8PPPUADwPoAAAAAN9+te8AAAAA3362EvlE/vcTHAOxAAAABgACAAAAAAAAeNpjYGRgYN72n42BgSnrp8t7P2EZoAgq4AAAe9wE3gB42mPKYogAYjkkzADFMgwMjKwM8wFSaARoAAAAAAAAFQAuADoARgBGAEYAiACWAK142mNgZGBg4GTIZ2Bn6GfgAvMQgIOBEQAZTQEkeNqNkQVOREEQRB/uxIPEfgR3d3d3iKHr7rvhWpyCQ3AYKpN1T6emvbvSA7TjpImG5g7gt2E3bTcw2DCcthvpbehP201s8pe2mxnnJ2238Mhb2m5llOW03SsL3MQlYWKsMyOJYSOKR5G47GnBg186RBSX8jcccylE+ZQfwEFQlVfKB4Up7hVxkVDPJ1Ge5UXNDOWxmGOaWeYkG1hms5NPEtIh3HjMLItRkqZyVVgUVphiCbvwxVjJbiu73Sranr/thSPOpOtkXuRV3nkghPk2N3PhNrl5ZoV5WY+41WGV9E/lcb4lKu1Vxma698w93ObiMXON4j9y4TEVCb6YVleIgKIpTfCkX+X4JIgrz5rBWcIikGYx9g9ueGIvAAB42mNgYgCD/3MYjIAUIwM64ARiFYaTjEwMzIzMjCyMrIxsbI5JRallqeyleZkGBo4GINrIwMmEMzG5tCQ1OT83CSxjbGAGANg9D2UA)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fragment-mono-latin-ext-400-normal-BbKYyvR9.woff2)format("woff2"),url(/assets/fragment-mono-latin-ext-400-normal-CT4YFKeK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fragment-mono-latin-400-normal-yxdJ5AmL.woff2)format("woff2"),url(/assets/fragment-mono-latin-400-normal-BYwT3kSJ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#dce2df;--paper-deep:#c8d0cc;--paper-bright:#f1f2ed;--ink:#151918;--ink-soft:#48524e;--line:#7f8985;--line-soft:#aeb8b3;--accent:#f4512c;--accent-ink:#b83216;--accent-pressed:#da3e1c;--panel:#171b1a;--panel-raised:#252b29;--panel-text:#f0f0e9;--panel-muted:#aeb7b3;--font-display:"Archivo Variable", "Arial Narrow", sans-serif;--font-mono:"Fragment Mono", "SFMono-Regular", Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-micro:.12s;--dur-short:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html,body{background:var(--paper);overflow-x:clip}html{scroll-behavior:smooth;scrollbar-color:var(--accent) var(--paper-deep)}body{color:var(--ink);font-family:var(--font-display);min-width:0;margin:0}::selection{background:var(--accent);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent;white-space:nowrap}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}button{color:inherit;font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p,figure,pre,dl,dd{margin-block:0}code,pre{font-family:var(--font-mono)}.skip-link{background:var(--accent);color:var(--ink);font:400 .75rem/1 var(--font-mono);z-index:3;padding:.8rem 1rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-head,main,footer{border-inline:1px solid var(--line);min-width:0;max-width:96rem;margin-inline:auto}.site-head{border-block-end:1px solid var(--line);justify-content:space-between;align-items:stretch;min-height:4.25rem;display:flex}.brand{align-items:center;gap:.8rem;min-width:0;padding-inline:1rem;text-decoration:none;display:flex}.brand-name{letter-spacing:-.04em;font-size:1.55rem;font-weight:850;line-height:1}.brand-index{color:var(--ink-soft);font:400 .62rem/1 var(--font-mono);letter-spacing:.08em;display:none}.site-head nav{display:flex}.site-head nav a{border-inline-start:1px solid var(--line);font:400 .68rem/1 var(--font-mono);text-transform:uppercase;white-space:nowrap;align-items:center;min-height:2.75rem;padding-inline:clamp(.65rem,2.5vw,1.5rem);text-decoration:none;display:flex}.site-head nav a:hover{background:var(--ink);color:var(--paper-bright)}.hero{border-block-end:1px solid var(--line);gap:clamp(2.5rem,6vw,6rem);padding:clamp(3.5rem,7vw,7rem) clamp(1rem,5vw,5rem);display:grid}.hero-copy{align-self:center;min-width:0}.hero-label{color:var(--ink-soft);font:400 .66rem/1.4 var(--font-mono);letter-spacing:.08em;margin-block-end:1.25rem}h1{letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0;max-width:8ch;font-size:clamp(3.6rem,10vw,8.6rem);font-weight:850;line-height:.84}h1 span{color:var(--accent-ink);display:block}.hero-lede{color:var(--ink-soft);max-width:34rem;margin-block-start:1.8rem;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:520;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-block-start:2rem;display:flex}.button{border:1px solid var(--ink);font:400 .7rem/1 var(--font-mono);text-transform:uppercase;min-height:2.9rem;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);white-space:nowrap;justify-content:center;align-items:center;padding-inline:1.1rem;text-decoration:none;display:inline-flex}.button-primary{background:var(--ink);color:var(--paper-bright)}.button-quiet{background:0 0}.button:active{transform:scale(.97)}.instrument{background:var(--panel);border:1px solid var(--ink);color:var(--panel-text);align-self:center;min-width:0}.instrument-head{border-block-end:1px solid var(--line);justify-content:space-between;align-items:stretch;min-height:4.5rem;display:flex}.instrument-head>div:first-child{gap:.35rem;padding:.9rem 1rem;display:grid}.instrument-kicker,.instrument-head strong,.tempo small{font-family:var(--font-mono)}.instrument-kicker{color:var(--panel-muted);letter-spacing:.12em;font-size:.58rem}.instrument-head strong{letter-spacing:.06em;font-size:.8rem;font-weight:400}.tempo{border-inline-start:1px solid var(--line);align-items:baseline;gap:.3rem;padding:.8rem 1rem;display:flex}.tempo span{color:var(--accent);font:760 clamp(2rem, 6vw, 3.2rem)/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.tempo small{color:var(--panel-muted);font-size:.55rem}.transport{border-block-end:1px solid var(--line);grid-template-columns:1fr auto;display:grid}.transport-button{background:var(--accent);border:0;border-inline-end:1px solid var(--line);color:var(--ink);cursor:pointer;font:400 .7rem/1 var(--font-mono);text-transform:uppercase;min-height:3.15rem;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);align-items:center;gap:.7rem;padding-inline:1rem;display:flex}.transport-button:hover{background:var(--accent-pressed)}.transport-button:active{transform:scale(.98)}.transport-button:disabled{cursor:wait;opacity:.7}.transport-mark{background:currentColor;width:.65rem;height:.65rem;display:block}.transport-button[data-playing=false] .transport-mark{clip-path:polygon(0 0,100% 50%,0 100%)}.bar-readout{font-family:var(--font-mono);grid-template-columns:auto auto;align-items:center;gap:.15rem .45rem;padding:.55rem .8rem;display:grid}.bar-readout span{color:var(--panel-muted);letter-spacing:.08em;font-size:.5rem}.bar-readout strong{font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:400}.sequencer{gap:1rem;padding:1.1rem .85rem 1.25rem;display:grid}.track{gap:.5rem;min-width:0;display:grid}.track-label{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;display:flex}.track-label strong{color:var(--panel-text);letter-spacing:.08em;font-size:.64rem;font-weight:400}.track-label span{color:var(--panel-muted);font-size:.54rem}.step-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem;min-width:0;display:grid}.step{aspect-ratio:1;background:var(--panel-raised);border:1px solid var(--line);color:var(--panel-muted);cursor:pointer;font:400 clamp(.48rem, 1.8vw, .58rem)/1 var(--font-mono);min-width:0;min-height:1.75rem;transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);padding:0}.step:nth-child(4n+1){border-inline-start-color:var(--panel-text)}.step[aria-pressed=true]{background:var(--accent);color:var(--ink)}.step[data-queued=true]{box-shadow:inset 0 0 0 2px var(--panel-text)}.step[data-current=true]{outline:2px solid var(--panel-text);outline-offset:2px;z-index:1;position:relative}.step:active{transform:scale(.92)}.instrument-foot{border-block-start:1px solid var(--line);gap:.45rem;padding:.8rem 1rem .9rem;display:grid}.machine-status{color:var(--accent);font:400 .62rem/1.3 var(--font-mono);letter-spacing:.06em}.instrument-foot>p:last-child,.instrument noscript{color:var(--panel-muted);font:400 .62rem/1.5 var(--font-mono)}.instrument noscript{border-block-start:1px solid var(--line);padding:.8rem 1rem;display:block}.bar-story,.pattern-proof,.studio,.constraints,.install{border-block-end:1px solid var(--line);min-width:0;padding:clamp(4.5rem,9vw,9rem) clamp(1rem,5vw,5rem)}.section-title{gap:1.5rem;display:grid}.section-title h2,.pattern-copy h2,.studio-copy h2,.constraints>h2,.install h2{letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0;font-size:clamp(2.9rem,7vw,7rem);font-weight:780;line-height:.9}.section-title p,.pattern-copy>p,.studio-copy>p,.install>div:first-child>p{color:var(--ink-soft);max-width:38rem;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:500;line-height:1.5}.boundary-flow{border-block-start:1px solid var(--line);margin:clamp(3rem,7vw,6rem) 0 0;padding:0;list-style:none}.boundary-flow li{border-block-end:1px solid var(--line);grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding-block:1.5rem;display:grid}.flow-number{color:var(--accent-ink);font:700 2.5rem/.9 var(--font-display);font-variant-numeric:tabular-nums}.boundary-flow h3{letter-spacing:-.03em;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:700;line-height:1}.boundary-flow p,.boundary-flow code{color:var(--ink-soft);font-size:.95rem;line-height:1.55}.boundary-flow h3+p,.boundary-flow h3+code{margin-block-start:.65rem;display:block}.pattern-proof{background:var(--accent);gap:clamp(3rem,7vw,7rem);display:grid}.pattern-copy>p{color:var(--ink);margin-block-start:1.4rem}.text-link{font:400 .72rem/1.3 var(--font-mono);text-transform:uppercase;margin-block-start:1.5rem;display:inline-block}.code-sheet{background:var(--panel);color:var(--panel-text);min-width:0}.code-sheet figcaption{border-block-end:1px solid var(--line);color:var(--panel-muted);font:400 .6rem/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;padding:.8rem 1rem;display:flex}.code-sheet pre{scrollbar-color:var(--accent) var(--panel-raised);padding:clamp(1rem,4vw,2rem);font-size:clamp(.68rem,1.5vw,.9rem);line-height:1.65;overflow-x:auto}.code-dim,.code-comment{color:var(--panel-muted)}.code-string{color:var(--accent)}.studio{gap:3rem;display:grid;position:relative}.studio-word{color:#0000;letter-spacing:-.07em;opacity:.45;pointer-events:none;white-space:nowrap;-webkit-text-stroke:1px var(--line);font-size:clamp(6rem,20vw,18rem);font-weight:850;line-height:.8;position:absolute;inset-block-start:1rem;inset-inline-start:-.03em;overflow:clip}.studio-copy,.key-map{position:relative}.studio-copy{padding-block-start:clamp(5rem,15vw,10rem)}.studio-copy>p{margin-block-start:1.4rem}.studio-command{border-block:1px solid var(--line);white-space:nowrap;margin-block-start:2rem;padding-block:1rem;font-size:clamp(.68rem,1.5vw,.9rem);display:block;overflow-x:auto}.studio-copy .studio-note{font-family:var(--font-mono);max-width:44rem;font-size:.72rem;line-height:1.6}.key-map{border-block-start:1px solid var(--line)}.key-map>div{border-block-end:1px solid var(--line);grid-template-columns:minmax(4.5rem,.4fr) minmax(0,1fr);align-items:baseline;gap:1rem;padding-block:1rem;display:grid}.key-map dt{color:var(--accent-ink);font:400 .75rem/1 var(--font-mono)}.key-map dd{font-size:1.05rem;font-weight:600}.constraints>h2{max-width:10ch}.constraint-list{border-block-start:1px solid var(--line);margin-block-start:clamp(3rem,7vw,6rem);display:grid}.constraint-list article{border-block-end:1px solid var(--line);padding-block:1.5rem}.constraint-list article>span{color:var(--accent-ink);font:400 .62rem/1 var(--font-mono);letter-spacing:.08em}.constraint-list h3{letter-spacing:-.03em;margin-block-start:1.5rem;font-size:clamp(1.45rem,2.8vw,2.2rem);font-weight:700;line-height:1.05}.constraint-list p{color:var(--ink-soft);margin-block-start:.65rem;font-size:.95rem;line-height:1.5}.install{background:var(--panel);color:var(--panel-text);gap:clamp(3rem,7vw,7rem);display:grid}.install>div:first-child>p{color:var(--panel-muted);margin-block-start:1.4rem}.install-terminal{border-block-start:1px solid var(--line)}.install-row{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.install-row code{overflow-wrap:anywhere;align-items:center;min-width:0;padding:1rem;font-size:clamp(.62rem,1.35vw,.82rem);line-height:1.55;display:flex}.install-row button{background:var(--accent);border:0;border-inline-start:1px solid var(--line);color:var(--ink);cursor:pointer;font:400 .65rem/1 var(--font-mono);text-transform:uppercase;min-width:4.5rem;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);white-space:nowrap;padding-inline:.8rem}.install-row button:hover{background:var(--accent-pressed)}.install-row button:active{transform:scale(.97)}.install-row-muted{color:var(--panel-muted);grid-template-columns:minmax(0,1fr)}.install-terminal>p{color:var(--panel-muted);font:400 .65rem/1.5 var(--font-mono);padding:1rem}footer{font:400 .68rem/1.5 var(--font-mono);align-items:start;gap:1rem;padding:1.5rem 1rem;display:grid}footer p{font-family:var(--font-display);font-size:1rem;font-weight:650}footer div{flex-wrap:wrap;gap:1rem;display:flex}footer a,footer>span{color:var(--ink-soft);white-space:nowrap}@media (hover:hover) and (pointer:fine){.button-primary:hover{background:var(--accent);color:var(--ink);transform:translateY(-1px)}.button-quiet:hover{background:var(--paper-bright);transform:translateY(-1px)}.step:hover{border-color:var(--panel-text)}}@media (width>=40rem){.brand-index{display:inline}.hero,.bar-story,.pattern-proof,.studio,.constraints,.install{padding-inline:clamp(2rem,5vw,5rem)}.step-grid{grid-template-columns:repeat(16,minmax(0,1fr))}.step{min-height:1.6rem}.section-title{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);align-items:end}.boundary-flow li{grid-template-columns:5rem minmax(0,1fr);gap:clamp(1rem,4vw,4rem)}.flow-number{font-size:4rem}.constraint-list{grid-template-columns:repeat(2,minmax(0,1fr))}.constraint-list article:nth-child(odd){border-inline-end:1px solid var(--line);padding-inline-end:1.5rem}.constraint-list article:nth-child(2n){padding-inline-start:1.5rem}footer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:2rem}}@media (width>=64rem){.site-head{min-height:4.75rem}.brand{padding-inline:2rem}.hero{grid-template-columns:minmax(0,.88fr) minmax(34rem,1.12fr);align-items:center}.track{grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.75rem}.track-label{gap:.25rem;display:grid}.pattern-proof{grid-template-columns:minmax(18rem,.72fr) minmax(32rem,1.28fr);align-items:center}.studio{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:end}.studio-copy{padding-block-start:clamp(7rem,13vw,12rem)}.key-map{margin-block-end:.5rem}.constraint-list{grid-template-columns:repeat(4,minmax(0,1fr))}.constraint-list article,.constraint-list article:nth-child(odd),.constraint-list article:nth-child(2n){border-block-end:0;border-inline-end:1px solid var(--line);padding:1.5rem}.constraint-list article:first-child{padding-inline-start:0}.constraint-list article:last-child{border-inline-end:0;padding-inline-end:0}.install{grid-template-columns:minmax(20rem,.85fr) minmax(32rem,1.15fr);align-items:end}}@media (width>=90rem){.hero{grid-template-columns:minmax(0,.95fr) minmax(40rem,1.05fr)}.sequencer{padding:1.4rem 1.1rem 1.5rem}.step{min-height:2rem}}@media (width<=23rem){.site-head nav a{padding-inline:.5rem;font-size:.6rem}.brand{padding-inline:.75rem}.brand-name{font-size:1.35rem}.hero,.bar-story,.pattern-proof,.studio,.constraints,.install{padding-inline:.75rem}h1{font-size:3.25rem}.hero-actions{display:grid}.button{width:100%}.step-grid{gap:.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.step[aria-pressed=true],.transport-button,.install-row button{border:2px solid buttontext}}