@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: #f7f5fa;--panel-2: #f2f6f3;--line: #e9e6ee;--line-2: #e4ebe5;--edge: #ddd9e3;--ink: #211f26;--muted: #6b6675;--accent: #2e7d32;--btn-a: #f7e98a;--btn-b: #cdeaa5;--press: 186, 121, 125;--shadow: 33, 31, 38;--klein: #002FA7;--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}#tabs{margin-left:auto;align-self:flex-end;display:flex;gap:.2rem}.tab{font-size:.85rem;font-variant:small-caps;letter-spacing:.06em;color:var(--muted);text-decoration:none;padding:.35rem .85rem .3rem;border-bottom:2px solid transparent}.tab:hover{color:var(--ink)}.tab[aria-current=page]{color:var(--ink);border-bottom-color:var(--klein)}.tab:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}#hctl{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:6px;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:6px 0 0 6px;border-right:none}.seg:last-child{border-radius:0 6px 6px 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;color:var(--klein)}#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:8px;border:1px solid var(--line);box-shadow:0 1px 2px rgba(var(--shadow),.04),0 1px 4px rgba(var(--shadow),.06)}.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 rgba(var(--shadow),.05)}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:8px;padding:.55rem 1rem;box-shadow:0 1px 2px rgba(var(--shadow),.04),0 1px 4px rgba(var(--shadow),.06)}.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:6px;padding:.45rem 1.1rem;cursor:pointer;box-shadow:0 1px 1px rgba(var(--shadow),.05)}.shiftb:hover{border-color:var(--accent);box-shadow:0 2px 5px rgba(var(--shadow),.1)}.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 var(--bed, #211f26);background:var(--bed, #211f26);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}#keyboard{--bed: color-mix(in oklab, var(--ink) 86%, var(--muted));--key-black: color-mix(in oklab, var(--ink) 92%, #000000);--key-white: color-mix(in oklab, var(--bg) 94%, var(--edge))}.key.white{position:absolute;inset:0;background:var(--key-white, #ffffff);display:flex;align-items:flex-end;justify-content:center}.key.white.down{background:linear-gradient(rgba(var(--press),.32),rgba(var(--press),.32)),var(--key-white, #ffffff)}.key.white{--nl: 0%;--nr: 0%;--nd: 60%;clip-path:polygon(var(--nl) 0,calc(100% - var(--nr)) 0,calc(100% - var(--nr)) var(--nd),100% var(--nd),100% 100%,0 100%,0 var(--nd),var(--nl) var(--nd))}.key.white.d0{--nl: 0%;--nr: 38.67%}.key.white.d2{--nl: 19.33%;--nr: 19.33%}.key.white.d4{--nl: 38.67%;--nr: 0%}.key.white.d5{--nl: 0%;--nr: 38.67%}.key.white.d7{--nl: 19.33%;--nr: 29%}.key.white.d9{--nl: 29%;--nr: 19.33%}.key.white.d11{--nl: 38.67%;--nr: 0%}.key.black{position:absolute;top:0;width:58%;height:60%;background:var(--key-black, #1d1b19);z-index:2}.key.black.d1{left:61.33%}.key.black.d3{left:80.67%}.key.black.d6{left:61.33%}.key.black.d8{left:71%}.key.black.d10{left:80.67%}.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)}.key.black:focus-visible{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{transition:background .18s ease-out}.key.down{transition-duration:.02s}}#midifile{display:none}#render{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}#renderctl{display:flex}#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:6px;padding:.45rem 1.1rem;cursor:pointer;box-shadow:0 1px 1px rgba(var(--shadow),.05)}#renderbtn:hover{border-color:var(--accent);box-shadow:0 2px 5px rgba(var(--shadow),.1)}#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:8px;box-shadow:0 1px 2px rgba(var(--shadow),.04),0 1px 4px rgba(var(--shadow),.06)}#prow{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}#prow #pdl{margin-left:auto}#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:6px;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}#pbar{position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none;margin-bottom:.4rem}#pbar:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}#pgroove{position:relative;width:100%;height:6px;border-radius:6px;background:rgba(var(--shadow),.14)}#pbar:hover #pgroove,#pbar:focus-visible #pgroove{background:rgba(var(--shadow),.2)}#pfill{position:absolute;left:0;top:0;bottom:0;width:var(--p, 0%);border-radius:inherit;background:var(--progress)}#pknob{position:absolute;top:50%;left:clamp(6.5px,var(--p, 0%),calc(100% - 6.5px));width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--progress);box-shadow:0 1px 3px rgba(var(--shadow),.22);transition:box-shadow .1s linear}#pbar:hover #pknob,#pbar:focus-visible #pknob{box-shadow:0 0 0 4px #5085c338,0 1px 3px rgba(var(--shadow),.22)}#ptip{position:absolute;bottom:calc(50% + 10px);left:0;opacity:0;pointer-events:none;font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;padding:.1rem .45rem;box-shadow:0 2px 6px rgba(var(--shadow),.12);transition:opacity .1s linear;white-space:nowrap}#ptip:before,#ptip:after{content:"";position:absolute;top:100%;left:var(--caret, 50%);width:0;height:0;border:5px solid transparent;border-bottom:0}#ptip:before{margin-left:-5px;border-top-color:var(--line)}#ptip:after{margin-left:-4px;margin-top:-1px;border-width:4px;border-bottom:0;border-top-color:#fff}#track{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#fff}#roll{display:block;width:100%;height:clamp(64px,11vh,104px);border-bottom:1px solid var(--line)}#phead{position:absolute;top:0;bottom:0;left:var(--p, 0%);width:2px;margin-left:-1px;background:var(--ink);box-shadow:0 0 0 1px #ffffffa6;pointer-events:none}#pclock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.95rem;letter-spacing:.01em}#ptime{color:var(--ink);font-weight:600}.psep{opacity:.5}#prem{margin-left:.85rem;color:var(--muted);font-size:.86rem}#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:6px;padding:.45rem 1.1rem;cursor:pointer;box-shadow:0 1px 1px rgba(var(--shadow),.05)}#pdl:hover{border-color:var(--accent);box-shadow:0 2px 5px rgba(var(--shadow),.1)}#pdl:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#lens{position:absolute;top:0;bottom:0;left:var(--lens, 0%);width:var(--lensw, 100%);background:#5085c31a;border-left:1px solid rgba(80,133,195,.45);border-right:1px solid rgba(80,133,195,.45);pointer-events:none}#specneedle{position:absolute;top:0;bottom:0;left:var(--specp, 0%);width:2px;margin-left:-1px;background:var(--ink);box-shadow:0 0 0 1px #ffffffa6;pointer-events:none}#specwrap{position:relative;height:clamp(160px,24vh,260px);background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}#spec{position:absolute;inset:0;width:100%;height:100%}.rule{position:absolute;left:0;right:0;height:0;border-top:1px solid rgba(var(--shadow),.22);pointer-events:none}.rule.a392{border-top-color:#dc3855d9}.rlabel{position:absolute;left:.5rem;top:.15em;font-size:.62rem;line-height:1.4;color:var(--ink);background:#ffffffd9;border-radius:6px;padding:0 .4em;font-variant-numeric:tabular-nums}#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 rgba(var(--shadow),.1)}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:8px;padding:.9rem 1.1rem;box-shadow:0 1px 2px rgba(var(--shadow),.04),0 1px 4px rgba(var(--shadow),.06)}.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:6px;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}.lictext{display:block;width:100%;height:22rem;border:1px solid var(--line);border-radius:8px;background:#fdfbf6;margin-top:.4rem}.licdoc{height:auto;background:#fdfbf6}.licdoc pre{margin:0;padding:.7rem .8rem;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.72rem;line-height:1.5;color:var(--ink)}#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}}