@font-face{font-family:"Fraunces 72pt";src:url(Fraunces72pt-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Schola;src:url(texgyreschola-regular.otf) format("opentype");font-weight:400}@font-face{font-family:Schola;src:url(texgyreschola-italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Schola;src:url(texgyreschola-bold.otf) format("opentype");font-weight:700}:root{--bg: #ffffff;--panel: #fbf4d5;--panel-2: #eaf4dd;--line: #eee3bd;--line-2: #dcecd0;--edge: #7e6f60;--ink: #33261f;--muted: #6e6055;--accent: #2e7d32;--grad-a: #b07a00;--grad-b: #3f7d2f;--btn-a: #f7e98a;--btn-b: #cdeaa5;--press: 186, 121, 125;--play: #EC6A37;--play-down: #D14F1E;--progress: #5085C3;--bright: #DC3855;--focus: #1d4ed8;--halo: #fff7f9;--err: #b3341f}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:16px/1.55 Schola,Georgia,serif}#approot{display:contents}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}a{color:var(--accent)}a:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}#page{min-height:100%;display:flex;flex-direction:column;gap:1.4rem;padding:2.2rem clamp(1rem,5vw,4rem);max-width:1180px;margin:0 auto}#mid{display:flex;flex-direction:column;gap:1.4rem}#top{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}#hctl{margin-left:auto;align-self:center;display:flex;align-items:center;gap:.6rem}#listenctl{display:flex}.pill{font:inherit;font-size:.85rem;font-variant:small-caps;letter-spacing:.04em;color:var(--ink);background:#fff;border:1px solid var(--edge);border-radius:999px;padding:.3rem .9rem;cursor:pointer}.pill[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.pill:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.seg{font:inherit;font-size:.85rem;font-variant:small-caps;letter-spacing:.04em;color:var(--ink);background:#fff;border:1px solid var(--edge);padding:.3rem .9rem;cursor:pointer}.seg:first-child{border-radius:999px 0 0 999px;border-right:none}.seg:last-child{border-radius:0 999px 999px 0}.seg[aria-checked=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.seg:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1{font-family:"Fraunces 72pt",serif;font-weight:600;font-size:2.6rem;margin:0;letter-spacing:.01em;background:linear-gradient(100deg,var(--grad-a),var(--grad-b));-webkit-background-clip:text;background-clip:text;color:transparent}#sub{color:var(--muted);font-style:italic}#sub.err{color:var(--err);font-style:normal}#controls{display:flex;flex-wrap:wrap;gap:.9rem 1.6rem;padding:1rem 1.25rem;background:var(--panel);border-radius:12px;border:1px solid var(--line);box-shadow:0 1px 2px #33261f0a,0 1px 4px #33261f0f}.ctl{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.ctl>span{color:var(--muted);font-size:.8rem;font-variant:small-caps;letter-spacing:.04em}select,input[type=range]{accent-color:var(--accent)}select{max-width:100%;background:#fff;color:var(--ink);border:1px solid var(--edge);border-radius:8px;padding:.3rem .55rem;font:inherit;font-size:.9rem;box-shadow:0 1px 1px #33261f0d}select:focus-visible,input[type=range]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#range{display:flex;align-items:center;justify-content:space-between;gap:.5rem .8rem;flex-wrap:wrap;background:var(--panel-2);border:1px solid var(--line-2);border-radius:12px;padding:.55rem 1rem;box-shadow:0 1px 2px #33261f0a,0 1px 4px #33261f0f}.rangetext{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.shiftb{font:inherit;font-size:.9rem;font-variant:small-caps;letter-spacing:.04em;color:var(--ink);background:#fff;border:1px solid var(--edge);border-radius:999px;padding:.45rem 1.1rem;cursor:pointer;box-shadow:0 1px 1px #33261f0d}.shiftb:hover{border-color:var(--accent);box-shadow:0 2px 5px #33261f1a}.shiftb:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shiftb[aria-disabled=true]{opacity:.55}#keyboard{display:flex;height:clamp(180px,30vh,260px);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overflow:hidden;border:1px solid #26241f;background:#26241f;gap:1px}.cell{position:relative;flex:1 1 0;min-width:0}.key{appearance:none;border:none;margin:0;padding:0;font:inherit;touch-action:none;cursor:pointer}.key.white{position:absolute;inset:0;background:#fff;display:flex;align-items:flex-end;justify-content:center}.key.white.down{background:linear-gradient(rgba(var(--press),.32),rgba(var(--press),.32)),#fff}.key.black{position:absolute;top:0;right:-30%;width:60%;height:60%;background:#1d1b19;z-index:2}.key.black.down{background:rgb(var(--press))}.key:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--halo),inset 0 0 0 5px var(--focus);z-index:3}.key .n{color:#5c5348;font-size:.62rem;padding-bottom:.5rem;pointer-events:none;font-variant-numeric:tabular-nums}.nums-off .n{visibility:hidden}@media(prefers-reduced-motion:no-preference){.key,.key:after{transition:background .18s ease-out,transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease-out}.key.down,.key.down:after{transition-duration:.02s}}#midifile{display:none}#render{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}#renderbtn{font:inherit;font-size:.9rem;font-variant:small-caps;letter-spacing:.04em;color:var(--ink);background:#fff;border:1px solid var(--edge);border-radius:999px;padding:.45rem 1.1rem;cursor:pointer;box-shadow:0 1px 1px #33261f0d}#renderbtn:hover{border-color:var(--accent);box-shadow:0 2px 5px #33261f1a}#renderbtn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#renderbtn[disabled]{opacity:.6;cursor:default}#render .err{color:var(--err)}#player{display:flex;flex-direction:column;gap:.9rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #33261f0a,0 1px 4px #33261f0f}#prow{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}#pplay{font:inherit;font-weight:700;font-size:1.2rem;font-variant:small-caps;letter-spacing:.05em;color:#fff;background:var(--play);border:none;border-radius:999px;padding:.5rem 1.6rem;min-width:7.5rem;cursor:pointer;transition:background .2s cubic-bezier(.05,.7,.1,1)}#pplay:hover{background:var(--play-down)}#pplay:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#wavezone{position:relative;flex:1 1 220px;min-width:180px;height:72px;cursor:grab;touch-action:none;border-radius:8px;overflow:hidden}#wavezone:active{cursor:grabbing}#wavezone:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#wave{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}#phead{position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:var(--bright);border-radius:1px;pointer-events:none}#ptime{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem;text-align:center;min-width:7.5ch}#pdl{font:inherit;font-size:.9rem;font-variant:small-caps;letter-spacing:.04em;color:var(--ink);background:#fff;border:1px solid var(--edge);border-radius:999px;padding:.45rem 1.1rem;cursor:pointer;box-shadow:0 1px 1px #33261f0d}#pdl:hover{border-color:var(--accent);box-shadow:0 2px 5px #33261f1a}#pdl:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#specwrap{position:relative;height:clamp(180px,26vh,280px);border-radius:8px;overflow:hidden;cursor:grab;touch-action:none;background:#fff}#specwrap:active{cursor:grabbing}#spec{position:absolute;inset:0;width:100%;height:100%}.rule{position:absolute;left:0;right:0;height:0;border-top:1px solid rgba(51,38,31,.22);pointer-events:none}.rule.a392{border-top-color:#dc38558c}.rlabel{position:absolute;left:.5rem;top:-.7em;font-size:.62rem;line-height:1.4;color:var(--ink);background:#ffffffd9;border-radius:6px;padding:0 .4em;font-variant-numeric:tabular-nums}#specsweep{position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:var(--bright);box-shadow:0 0 0 1px #fff9;pointer-events:none}#specread{display:none;position:absolute;pointer-events:none;white-space:nowrap;background:#ffffffeb;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.15rem .5rem;font-size:.78rem;font-variant-numeric:tabular-nums;box-shadow:0 1px 4px #33261f1a}h1 .wordmark{color:inherit;text-decoration:none}h1 .wordmark:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:6px}#notices{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem;align-items:start}.product{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem 1.1rem;box-shadow:0 1px 2px #33261f0a,0 1px 4px #33261f0f}.ptitle{margin:0;font-size:1.15rem;font-weight:700}.pver{color:var(--muted);font-weight:400;font-size:.85rem;font-variant-numeric:tabular-nums}.pwhy{margin:.15rem 0 .5rem;color:var(--muted);font-style:italic;font-size:.9rem}.pmeta{margin:0 0 .4rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.85rem}.lic{font-variant:small-caps;letter-spacing:.04em;border-radius:999px;padding:.1rem .7rem;color:var(--ink);border:1px solid var(--line);background:var(--panel)}.hue1 .lic{background:var(--panel-2);border-color:var(--line-2)}.hue2 .lic{background:#fbe3d7;border-color:#f0cdb9}.hue3 .lic{background:#e4edf8;border-color:#cbdcf0}.plink{margin:.1rem 0;font-size:.78rem;overflow-wrap:anywhere}.lk{color:var(--muted);font-variant:small-caps;letter-spacing:.04em}.product details{font-size:.85rem}.product summary{cursor:pointer;color:var(--accent);font-variant:small-caps;letter-spacing:.04em}.product summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.product pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.72rem;line-height:1.5;color:var(--ink);background:#fdfbf6;border:1px solid var(--line);border-radius:8px;padding:.7rem .8rem;max-height:22rem;overflow-y:auto}#notice{max-width:44rem}.signalstate{color:#416d9f;border-left:2px solid var(--progress);padding-left:.7rem}.prose{margin:0 0 1.5rem}.prose h2{margin:0 0 .35rem;font-size:1.05rem;font-variant:small-caps;letter-spacing:.04em}.prose p{margin:0 0 .6rem}.origins{margin:0 0 .7rem 1.1rem;padding:0}.origins li{margin:.15rem 0}.origins code,.policy{font-size:.78rem;overflow-wrap:anywhere}.policy{white-space:pre-wrap;line-height:1.6;color:var(--ink);background:#fdfbf6;border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem}#foot{margin-top:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem;font-style:italic;border-top:1px solid var(--line);padding-top:.9rem}#foot .who{color:var(--accent);font-style:normal}#foot a{font-style:normal}#about{max-width:38rem;display:block}#about p{margin:0 0 1rem}@media(max-width:959px){#page{padding:1.2rem clamp(.9rem,4vw,2rem);gap:1rem}#mid{gap:1rem}h1{font-size:2.1rem}}