@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(./barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(./barlow-latin-ext-400-normal-CvBsJvxq.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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(./barlow-latin-400-normal-fsAxiSwU.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}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(./barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(./barlow-latin-ext-500-normal-CJPcKP2Q.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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(./barlow-latin-500-normal-C1h8hMer.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}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(./barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(./barlow-latin-ext-600-normal-DMVRjfRT.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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(./barlow-latin-600-normal-CNwfPWQD.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}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(./barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(./barlow-condensed-latin-ext-600-normal-Clv9cIcR.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.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}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(./barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(./barlow-condensed-latin-ext-700-normal-BIHFfxf0.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.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{--bg:#e9ecef;--panel:#f8f9fa;--ink:#101418;--muted:#545e69;--line:#10141829;--soft:#10141812;--signal:#e8491d;--signal-ink:#b8340f;--glow:#e8491d73;--take:#c62828;--strip:#101418;--blk:#262e37;--blk-alt:#1b2129;--blk-ink:#eef1f4;--blk-dim:#b4bec9;--blk-rule:#eef1f424;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0d1014;--panel:#161b21;--ink:#e8ecf1;--muted:#9aa4b0;--line:#e8ecf129;--soft:#e8ecf112;--signal:#ff6a3d;--signal-ink:#ff8a64;--glow:#ff6a3d80;--take:#f87171;--strip:#05070a;--blk:#1e252d;--blk-alt:#151a20;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:Barlow,system-ui,sans-serif;font-size:1rem;line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--signal);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{justify-content:space-between;align-items:center;gap:1rem;max-width:62rem;margin:0 auto;padding:1rem 1.25rem 0;display:flex}.top-nav a{min-height:2.75rem;color:var(--ink);text-underline-offset:.2em;align-items:center;padding:0 .25rem;font-weight:600;display:inline-flex}.top-nav a:hover{color:var(--signal-ink)}.top h1{letter-spacing:.01em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:700}main{max-width:62rem;margin:0 auto;padding:0 1.25rem 3rem}.deck{padding:1rem 0 2rem}.tempo{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;max-width:36rem;margin:0 auto;display:grid}.step{border:2px solid var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border-radius:50%;width:4rem;height:4rem;font-size:2rem;line-height:1}.step:hover{background:var(--soft)}.step:active{background:var(--ink);color:var(--bg)}.tempo-read{justify-items:center;display:grid}.bpm{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em;appearance:textfield;background:0 0;border:0;border-radius:.5rem;width:100%;font-family:Barlow Condensed,sans-serif;font-size:clamp(6.5rem,24vw,11.5rem);font-weight:600;line-height:.9}.bpm::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{color:var(--muted);align-items:center;gap:.4rem;font-weight:500;display:inline-flex}.note-glyph svg{width:auto;height:1.4em;color:var(--ink);display:block}.slide-row{align-items:center;gap:1rem;max-width:36rem;margin:1.5rem auto 0;display:flex}.slide-row input[type=range]{flex:1;min-width:0}input[type=range]{accent-color:var(--signal);height:2.75rem}.field input[type=range]{width:100%;margin:0;display:block}.tap{border:2px solid var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border-radius:.5rem;min-width:5.5rem;height:3rem;font-weight:600}.tap:hover{background:var(--soft)}.tap.tapped{animation:.16s ease-out tapped}@keyframes tapped{0%{background:var(--signal);border-color:var(--signal);color:#fff}}.beats{grid-template-columns:repeat(var(--count,4), minmax(0, 1fr));gap:clamp(.25rem,1.2vw,.75rem);max-width:52rem;margin:2.25rem auto 0;display:grid}.beat{background:0 0;border:0;border-radius:.5rem;grid-template-rows:8.5rem auto auto;justify-items:stretch;gap:.35rem;min-width:0;padding:0;display:grid}.bar{background:var(--soft);border-radius:.375rem;height:100%;display:block;position:relative}.fill{background:var(--ink);border-radius:.375rem;transition:background-color .14s ease-out,box-shadow .14s ease-out;position:absolute;inset:auto 0 0}.beat[data-level=strong] .fill{height:100%}.beat[data-level=medium] .fill{height:70%}.beat[data-level=normal] .fill{height:42%}.beat[data-level=mute] .fill{border:2px dashed var(--muted);background:0 0;height:12%}.beat:hover .bar{background:var(--line)}.beat.hit .fill{background:var(--signal);box-shadow:0 0 1.5rem var(--glow);transition:none}.beat[data-level=mute].hit .fill{border-color:var(--signal);box-shadow:none;background:0 0}.beats.silent .beat.hit .fill{box-shadow:inset 0 0 0 2px var(--signal);background:0 0}.num{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-family:Barlow Condensed,sans-serif;font-size:1.125rem;font-weight:600}.beat.hit .num{color:var(--signal-ink)}.dots{justify-content:center;gap:.25rem;min-height:.5rem;display:flex}.dot{background:var(--muted);opacity:.45;border-radius:50%;width:.45rem;height:.45rem}.dot.rest{box-shadow:inset 0 0 0 1px var(--muted);background:0 0}.dot.on{background:var(--signal);opacity:1}.beats-hint{text-align:center;color:var(--muted);margin:.75rem 0 0;font-size:.9375rem}.transport{justify-items:center;gap:.75rem;margin-top:1.75rem;display:grid}.play{background:var(--ink);width:min(100%,22rem);height:4.25rem;color:var(--bg);letter-spacing:.02em;touch-action:manipulation;border:0;border-radius:.75rem;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:700}.play[aria-pressed=true]{background:var(--signal);color:#fff}@media (prefers-color-scheme:dark){.play[aria-pressed=true]{color:#1a0b05}}.readout{min-height:1.5rem;color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:.25rem 1.5rem;margin:0;display:flex}.panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:2.5rem 3rem;margin-top:1.5rem;display:grid}.panel{border-top:2px solid var(--ink);padding-top:.75rem}.panel h2,.keys h2{margin:0 0 1rem;font-family:Barlow Condensed,sans-serif;font-size:1.625rem;font-weight:700;line-height:1.1}.field{border:0;min-width:0;margin:0 0 1.125rem;padding:0}.field>label,.field legend,.pair label{margin-bottom:.3rem;font-weight:600;display:block}.pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field input[type=number],.field input[type=text],.field select,.save-song input{border:1.5px solid var(--line);background:var(--panel);border-radius:.5rem;width:100%;height:2.75rem;padding:0 .75rem}.field input:hover,.field select:hover{border-color:var(--muted)}.field input[aria-invalid=true]{border-color:var(--signal)}.field.check label{align-items:center;gap:.6rem;min-height:2.75rem;font-weight:500;display:flex}.field.check input{width:1.25rem;height:1.25rem;accent-color:var(--signal)}.help{color:var(--muted);margin:.35rem 0 0;font-size:.9375rem}.error{color:var(--signal-ink);margin:.35rem 0 0;font-size:.9375rem;font-weight:600}.choices{border:1.5px solid var(--line);background:var(--panel);border-radius:.5rem;flex-wrap:wrap;gap:0;display:flex;overflow:hidden}.choices label{text-align:center;cursor:pointer;flex:auto;place-items:center;min-height:2.75rem;padding:0 .9rem;font-weight:500;display:grid;position:relative}.choices label+label{border-left:1.5px solid var(--line)}.choices input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choices label:has(input:checked){background:var(--ink);color:var(--bg)}.choices label:has(input:focus-visible){outline:3px solid var(--signal);outline-offset:-3px}.save-song{gap:.75rem;display:flex}.save-song input{flex:1;min-width:0}.save-song button,.song-actions button,.import button{border:2px solid var(--ink);background:var(--ink);height:2.75rem;color:var(--bg);white-space:nowrap;border-radius:.5rem;padding:0 1rem;font-weight:600}.import button.quiet,.song-actions button{color:var(--ink);background:0 0}.song-list{margin:1rem 0 0;padding:0;list-style:none}.song-list li{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;display:flex}.song-load{text-align:left;background:0 0;border:0;border-radius:.375rem;flex:1;justify-content:space-between;align-items:baseline;gap:1rem;min-width:0;min-height:3rem;padding:.25rem .5rem;display:flex}.song-load:hover{background:var(--soft)}.song-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.song-meta{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.song-list li.active .song-name{color:var(--signal-ink)}.song-list li.active .song-load{box-shadow:inset 3px 0 0 var(--signal)}.song-tools{display:flex}.icon{background:0 0;border:0;border-radius:.375rem;width:2.75rem;height:2.75rem;font-size:1.125rem}.icon:hover:not(:disabled){background:var(--soft)}.icon:disabled{opacity:.3;cursor:default}.empty{color:var(--muted);margin:1rem 0 0}.song-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.note{color:var(--muted);overflow-wrap:anywhere}.import{border:2px solid var(--signal);border-radius:.5rem;margin-top:1rem;padding:1rem}.import p{margin:0 0 .75rem}.import button+button{margin-left:.5rem}.ct{border-top:2px solid var(--ink);margin-top:3rem;padding-top:.75rem;scroll-margin-top:1rem}.ct h2{margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.625rem;font-weight:700;line-height:1.1}.ct h3{margin:0 0 .875rem;font-family:Barlow Condensed,sans-serif;font-size:1.3125rem;font-weight:700;line-height:1.15}.ct a{color:var(--ink)}.ct-top{flex-wrap:wrap;align-items:flex-end;gap:1rem 2rem;margin:1rem 0 .875rem;display:flex}.ct-title{flex:14rem;max-width:22rem;margin:0}.ct-import{margin-top:1.25rem}.btn{border:2px solid var(--ink);background:var(--ink);min-height:2.75rem;color:var(--bg);white-space:nowrap;border-radius:.5rem;padding:0 1rem;font-weight:600}.btn.quiet{color:var(--ink);background:0 0}.btn:disabled{opacity:.45;cursor:default}.flabel{margin-bottom:.3rem;font-weight:600;display:block}.ct-transport{flex-wrap:wrap;flex:26rem;align-items:center;gap:.75rem 1.5rem;min-width:0;display:flex}.ct-play{background:var(--ink);min-width:9rem;height:3.25rem;color:var(--bg);letter-spacing:.02em;touch-action:manipulation;border:0;border-radius:.625rem;font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:700}.ct-play[aria-pressed=true]{background:var(--signal);color:#fff}@media (prefers-color-scheme:dark){.ct-play[aria-pressed=true]{color:#1a0b05}}.ct-now{flex-wrap:wrap;flex:18rem;align-items:center;gap:.5rem 1.25rem;min-width:0;display:flex}.ct-read{min-height:1.5rem;color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;display:flex}.ct-read span:empty{display:none}.ct-part{color:var(--ink);font-weight:600}.ct-beats{align-items:flex-end;gap:3px;height:1.75rem;display:flex}.pv{background:var(--line);border-radius:2px;width:.55rem}.pv[data-level=strong]{height:100%}.pv[data-level=medium]{height:72%}.pv[data-level=normal]{height:46%}.pv[data-level=mute]{height:14%}.pv.on{background:var(--signal)}.strip{background:var(--strip);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:.75rem;padding:.5rem;position:relative}.lane{gap:3px;height:5.5rem;display:flex}.blk{flex:var(--d,1) 1 0px;background:var(--blk);min-width:4px;color:var(--blk-ink);cursor:pointer;border-radius:.375rem;position:relative;overflow:hidden;container-type:inline-size}@container (width<=3.25rem){.blk-name,.blk-tempo{visibility:hidden}}.blk:before{content:"";background:linear-gradient(to right, transparent calc(100% - 1px), var(--blk-rule) 0) 0 0 / calc(100% / var(--bars,1)) 100% repeat-x;position:absolute;inset:0}.blk.many:before{display:none}.blk.count{background:repeating-linear-gradient(135deg, var(--blk) 0 6px, var(--blk-alt) 6px 12px)}.blk.sel{box-shadow:inset 0 0 0 2px var(--blk-ink)}.blk-line{width:100%;height:100%;position:absolute;inset:0}.blk-line line{stroke:var(--signal);stroke-width:2.5px;vector-effect:non-scaling-stroke}.blk-name,.blk-tempo{text-overflow:ellipsis;white-space:nowrap;padding:0 .5rem;display:block;position:relative;overflow:hidden}.blk-name{padding-top:.35rem;font-family:Barlow Condensed,sans-serif;font-size:1.0625rem;font-weight:600;line-height:1.2}.blk-tempo{color:var(--blk-dim);font-variant-numeric:tabular-nums;font-size:.8125rem}.blk-now{top:0;bottom:0;left:calc(100% * var(--bar,0) / var(--bars,1));width:calc(100% / var(--bars,1));background:var(--signal);opacity:.4;display:none;position:absolute}.blk.now .blk-now{display:block}.playhead{background:var(--signal);width:2px;box-shadow:0 0 .6rem var(--glow);pointer-events:none;position:absolute;top:.25rem;bottom:.25rem;left:0}.ct-totals{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin:.6rem 0 0;display:flex}.nw{white-space:nowrap}.ct-totals b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.ct-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.5rem 3rem;margin-top:1.75rem;display:grid}.ct-block+.ct-block{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}.sec-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.sec{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.sec.open{background:var(--panel);box-shadow:inset 3px 0 0 var(--signal)}.sec-pick{text-align:left;background:0 0;border:0;border-radius:.375rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name time""meta time";align-items:center;column-gap:1rem;min-width:0;min-height:3.5rem;padding:.35rem .5rem .35rem .75rem;display:grid}.sec-pick:hover{background:var(--soft)}.sec-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:600;overflow:hidden}.sec.open .sec-name{color:var(--signal-ink)}.sec-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:meta;font-size:.9375rem;overflow:hidden}.sec-time{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:time}.sec-tools,.trk-tools{display:flex}.icon svg{margin:auto;display:block}.sec-editor{grid-column:1/-1;padding:.75rem .75rem .5rem}.ramp-check{margin:1.75rem 0 0}#se-ramp-field{margin-top:.25rem}.sec-add-row{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1rem;display:flex}.cbeats{grid-template-columns:repeat(var(--count,4), minmax(0, 2.75rem));gap:.3rem;display:grid}.cbeat{background:0 0;border:0;border-radius:.375rem;grid-template-rows:2.75rem auto;gap:.2rem;min-width:0;padding:0;display:grid}.cbeat:hover .bar{background:var(--line)}.cbeat[data-level=strong] .fill{height:100%}.cbeat[data-level=medium] .fill{height:70%}.cbeat[data-level=normal] .fill{height:42%}.cbeat[data-level=mute] .fill{border:2px dashed var(--muted);background:0 0;height:14%}.cnum{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.ex-go-row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}#ex-progress{width:100%;height:.5rem;accent-color:var(--signal);margin-top:.75rem;display:block}.ex-status{min-height:1.5rem;margin:.5rem 0 0}.credit{color:var(--muted);margin:.75rem 0 0;font-size:.9375rem}.trk-actions{flex-wrap:wrap;gap:.75rem;display:flex}.trk-note{margin:.5rem 0 0}.trk-note:empty{display:none}.trk-list{margin:.75rem 0 0;padding:0;list-style:none}.trk{border-bottom:1px solid var(--line);align-items:center;gap:.25rem;display:flex}.trk-open,.trk-rename{flex:1;min-width:0}.trk-open{text-align:left;background:0 0;border:0;border-radius:.375rem;justify-content:space-between;align-items:baseline;gap:1rem;min-height:3rem;padding:.25rem .5rem;display:flex}.trk-open:hover{background:var(--soft)}.trk-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.trk-meta{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.trk.active .trk-name{color:var(--signal-ink)}.trk.active .trk-open{box-shadow:inset 3px 0 0 var(--signal)}.trk-rename input{border:1.5px solid var(--muted);background:var(--panel);border-radius:.5rem;width:100%;height:2.75rem;padding:0 .75rem}@media (width<=56rem){.ct-grid{grid-template-columns:minmax(0,1fr)}}.keys{border-top:2px solid var(--ink);margin-top:3rem;padding-top:.75rem}.keys dl{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.75rem 2rem;margin:0;display:grid}.keys dl div{align-items:baseline;gap:.75rem;display:flex}.keys dt{flex:none;min-width:9.5rem}.keys dd{color:var(--muted);margin:0}kbd{border:1.5px solid var(--line);background:var(--panel);text-align:center;border-bottom-width:3px;border-radius:.3rem;min-width:1.75rem;padding:.05rem .4rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-block}.flash{background:var(--signal);opacity:0;pointer-events:none;z-index:10;position:fixed;inset:0}.flash.go{animation:.22s ease-out flash}@keyframes flash{0%{opacity:.55}to{opacity:0}}.site-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.75rem;padding:2rem 1.25rem 2.5rem;display:flex}.site-footer a{color:var(--ink)}.tt-take{color:var(--take)}@media (width<=34rem){.step{width:3.25rem;height:3.25rem;font-size:1.75rem}.tempo{gap:.5rem}.beat{grid-template-rows:6.5rem auto auto}.num{font-size:.9375rem}.dot{width:.3rem;height:.3rem}.dots{gap:.125rem}.pair{grid-template-columns:1fr;gap:0}.pair>div{margin-bottom:1.125rem}.pair>div:last-child{margin-bottom:0}.ramp-check{margin-top:0}.ct-transport{flex-wrap:nowrap;gap:.875rem}.ct-play{min-width:7.5rem}.ct-now{flex:1 1 0}.ct-read{gap:0 .75rem;font-size:.875rem}.ct-beats{display:none}.lane{height:4.75rem}.sec{grid-template-columns:minmax(0,1fr)}.sec-tools{justify-content:flex-end;margin-top:-.5rem}.trk-meta{display:none}}@media (prefers-reduced-motion:reduce){.fill,.tap.tapped{transition:none;animation:none}}@media print{.flash,.transport,.slide-row,.step,.top-nav,.ct-transport,.ct-side,.sec-tools,.sec-add-row,.sec-editor,.ct-import{display:none}.ct-grid{grid-template-columns:minmax(0,1fr)}.ct{break-before:page}}@media (hover:none) and (pointer:coarse){.keys{display:none}}