@font-face{font-family:Gloock;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gloock-cyrillic-ext-400-normal-BuLS8DZJ.woff2)format("woff2"),url(/assets/gloock-cyrillic-ext-400-normal-BHKFV1i0.woff)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:Gloock;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gloock-latin-ext-400-normal-B4R8XxiG.woff2)format("woff2"),url(/assets/gloock-latin-ext-400-normal-B7xb9eut.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:Gloock;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gloock-latin-400-normal-3dTk9V3B.woff2)format("woff2"),url(/assets/gloock-latin-400-normal-DCcIaDhi.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:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-vietnamese-400-normal-DdKr49mV.woff2)format("woff2"),url(/assets/newsreader-vietnamese-400-normal-BekUZro8.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:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-ext-400-normal-svq1FPys.woff2)format("woff2"),url(/assets/newsreader-latin-ext-400-normal-DYA1XoQK.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:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-normal-BFBkh4jY.woff2)format("woff2"),url(/assets/newsreader-latin-400-normal-gRTjlS2D.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:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-vietnamese-400-italic-bZegYFuM.woff2)format("woff2"),url(/assets/newsreader-vietnamese-400-italic-QbB8kb5s.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:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-ext-400-italic-BMTE_bNQ.woff2)format("woff2"),url(/assets/newsreader-latin-ext-400-italic-qdgKLcPG.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:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-italic-CEihAR-f.woff2)format("woff2"),url(/assets/newsreader-latin-400-italic-CNZoH1hn.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:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-vietnamese-600-normal-CaH84vfx.woff2)format("woff2"),url(/assets/newsreader-vietnamese-600-normal-CVAR0otO.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:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-ext-600-normal-BXv5iMHi.woff2)format("woff2"),url(/assets/newsreader-latin-ext-600-normal-BrbfzHZ5.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:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-600-normal-30OJ_TG_.woff2)format("woff2"),url(/assets/newsreader-latin-600-normal-DUnT2r2g.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:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/spline-sans-mono-latin-ext-400-normal-BfWvPoNT.woff2)format("woff2"),url(/assets/spline-sans-mono-latin-ext-400-normal-BkT5i7fe.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:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/spline-sans-mono-latin-400-normal-mUpA6Mve.woff2)format("woff2"),url(/assets/spline-sans-mono-latin-400-normal-739QRW1l.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:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/spline-sans-mono-latin-ext-500-normal-OEIRRHyd.woff2)format("woff2"),url(/assets/spline-sans-mono-latin-ext-500-normal-CMfDuBbn.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:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/spline-sans-mono-latin-500-normal-Cy_wwipl.woff2)format("woff2"),url(/assets/spline-sans-mono-latin-500-normal-DuiJ5LHB.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:#f1e9d8;--paper-deep:#e6d9bf;--ink:#1f1a14;--ink-soft:#6b5f50;--rule:#4634203d;--rule-strong:#1f1a14b3;--voice-1:#c23a1f;--voice-2:#1d4c8c;--sum-fill:#1f1a1413;--key-white:#faf5ea;--key-black:#221d17;--grain-opacity:.5;--display:"Gloock", "Bodoni 72", Didot, serif;--serif:"Newsreader", Georgia, serif;--mono:"Spline Sans Mono", ui-monospace, monospace;--gutter:clamp(16px, 3.2vw, 40px);--radius:3px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#13161c;--paper-deep:#0d0f13;--ink:#ece3cf;--ink-soft:#9a917f;--rule:#ece3cf26;--rule-strong:#ece3cf99;--voice-1:#ff7a5c;--voice-2:#7eaaff;--sum-fill:#ece3cf14;--key-white:#e9e1cf;--key-black:#0b0c0f;--grain-opacity:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--serif);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse 120% 90% at 50% 0%, transparent 55%, var(--paper-deep) 100%);position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:0;opacity:var(--grain-opacity);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .18 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-color-scheme:dark){body:before{mix-blend-mode:screen}}.sheet{z-index:1;max-width:1320px;padding:clamp(20px, 4vw, 48px) max(var(--gutter), env(safe-area-inset-right)) 40px max(var(--gutter), env(safe-area-inset-left));margin:0 auto;position:relative}b.v1,.v1{color:var(--voice-1)}b.v2,.v2{color:var(--voice-2)}b.v1,b.v2{font-family:var(--display);font-weight:400}.fig{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-right:.5em;font-size:.72em}kbd{font-family:var(--mono);border:1px solid var(--rule-strong);background:color-mix(in srgb, var(--paper) 70%, transparent);border-bottom-width:2px;border-radius:3px;padding:.05em .4em;font-size:.78em}button{font:inherit;color:inherit;touch-action:manipulation}:focus-visible{outline:2px solid var(--voice-2);outline-offset:2px}.masthead{border-bottom:1px solid var(--rule-strong);box-shadow:0 3px 0 -2px var(--rule-strong);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(20px,3vw,32px);padding-bottom:18px;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px;font-size:12px}h1{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(3.6rem,11vw,8.4rem);font-weight:400;line-height:.82}.lede{max-width:34ch;color:var(--ink-soft);margin:14px 0 0;font-size:clamp(1.05rem,1.9vw,1.3rem);font-style:italic;line-height:1.35}.masthead__actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.play{border:1.5px solid var(--ink);cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:999px;align-items:center;gap:12px;padding:10px 22px 10px 10px;font-size:14px;transition:background .2s,color .2s;display:inline-flex;position:relative}.play:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.play__glyph{background:var(--ink);border-radius:50%;flex:none;width:40px;height:40px;position:relative}.play__glyph:before{content:"";border-left:14px solid var(--paper);border-top:8px solid #0000;border-bottom:8px solid #0000;position:absolute;top:12px;left:15px}.play.is-on{background:var(--ink);color:var(--paper)}.play.is-on .play__glyph{background:var(--paper)}.play.is-on .play__glyph:before{background:var(--ink);border:0;border-radius:1px;width:12px;height:12px;top:14px;left:14px}.play.is-on .play__glyph:after{content:"";border:1.5px solid var(--paper);border-radius:50%;animation:1.6s ease-out infinite ring;position:absolute;inset:-4px}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.hint{color:var(--ink-soft);margin:0;font-size:14px;font-style:italic;transition:opacity .3s}.hint.is-hidden{opacity:0}.plates{grid-template-columns:minmax(0,1fr);grid-template-areas:"waves""console""liss""table";gap:clamp(22px,3vw,36px) clamp(22px,3vw,40px);display:grid}@media (width>=760px){.plates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"waves waves""console console""liss table"}}@media (width>=1100px){.plates{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);grid-template-areas:"waves liss""console table";align-items:start}}.plate--waves{grid-area:waves}.plate--liss{grid-area:liss}.console{grid-area:console}.table{grid-area:table}.plate{margin:0}.plate__frame{border:1px solid var(--rule-strong);background:color-mix(in srgb, var(--paper) 55%, transparent);padding:4px;position:relative}.plate__frame:before{content:"";border:1px solid var(--rule);pointer-events:none;position:absolute;inset:3px}.plate__frame:after{content:"";pointer-events:none;background:linear-gradient(var(--rule-strong), var(--rule-strong)) top left / 10px 1px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) top left / 1px 10px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) top right / 10px 1px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) top right / 1px 10px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) bottom left / 10px 1px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) bottom left / 1px 10px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) bottom right / 10px 1px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) bottom right / 1px 10px no-repeat;position:absolute;inset:-7px}canvas{width:100%;display:block}#waves{height:clamp(330px,40vw,480px)}.plate__frame--square{aspect-ratio:1}#lissajous{height:100%}figcaption{color:var(--ink-soft);max-width:70ch;margin-top:12px;font-size:15px;line-height:1.45}.textbtn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border:0;border-bottom:1px solid var(--rule-strong);cursor:pointer;background:0 0;margin-left:6px;padding:0;font-size:12px}.console{gap:18px;display:grid}.voices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.voice{--c:var(--voice-1);border:1px solid var(--rule);border-radius:var(--radius);background:color-mix(in srgb, var(--paper) 70%, transparent);transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.voice--2{--c:var(--voice-2)}.voice.is-active{border-color:var(--c);box-shadow:inset 4px 0 0 var(--c)}.voice__select{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;min-width:0;padding:10px 6px 10px 16px;display:grid}.voice__numeral{font-family:var(--display);color:var(--c);grid-row:span 2;align-self:center;min-width:1.1em;font-size:2.6rem;line-height:1}.voice__note{font-family:var(--display);font-size:1.7rem;line-height:1.1}.voice__meta{font-family:var(--mono);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.voice__mute{border:1px solid var(--rule);font-family:var(--mono);letter-spacing:.05em;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:99px;align-self:flex-start;margin:8px 8px 0 0;padding:2px 8px;font-size:11px}.voice.is-muted .voice__note,.voice.is-muted .voice__numeral{opacity:.4;text-decoration:line-through;text-decoration-thickness:1px}.voice.is-muted .voice__mute{background:var(--ink);color:var(--paper);border-color:var(--ink)}.keyboard__bar{color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.keyboard__assign{align-items:center;gap:8px;display:flex}.keyboard__assign-label{font-style:italic}.seg--voice .seg__btn{font-family:var(--display);min-width:2.4em;font-size:15px}.seg--voice .seg__btn--v1[aria-pressed=true]{background:var(--voice-1);color:var(--paper)}.seg--voice .seg__btn--v2[aria-pressed=true]{background:var(--voice-2);color:var(--paper)}.keyboard__sound{border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;width:40px;height:40px;display:none;position:relative}.keyboard__sound:before{content:"";border-left:13px solid var(--ink);border-top:8px solid #0000;border-bottom:8px solid #0000;position:absolute;top:11px;left:14px}.keyboard__sound.is-on{background:var(--ink)}.keyboard__sound.is-on:before{background:var(--paper);border:0;width:11px;height:11px;top:13px;left:13px}.keyboard__spacer{flex:1}.keyboard__range{font-family:var(--mono);text-align:center;min-width:6.5em;font-size:12px}.keyboard__shift{border:1px solid var(--rule-strong);border-radius:var(--radius);width:32px;height:28px;font-family:var(--display);cursor:pointer;background:0 0;font-size:20px;line-height:1}.keyboard__shift:disabled{opacity:.3;cursor:default}.keys{-webkit-user-select:none;user-select:none;touch-action:manipulation;height:clamp(130px,16vw,170px);position:relative}.keys__whites{border:1px solid var(--key-black);border-radius:0 0 4px 4px;height:100%;display:flex;overflow:hidden}.keys__blacks{pointer-events:none;position:absolute;inset:0}.key{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;padding:0;position:relative}.key--white{background:linear-gradient(to bottom, var(--key-white) 85%, color-mix(in srgb, var(--key-white) 88%, #000) 100%);border-right:1px solid color-mix(in srgb, var(--key-black) 35%, transparent);flex:1}.key--white:last-child{border-right:0}.key--white:active{background:color-mix(in srgb, var(--key-white) 88%, #000)}.key--black{pointer-events:auto;width:calc(100% / var(--whites) * .6);height:60%;top:0;left:calc(100% / var(--whites) * var(--at) - (100% / var(--whites) * .3));background:linear-gradient(to bottom, color-mix(in srgb, var(--key-black) 80%, #555) 0%, var(--key-black) 70%);z-index:1;border-radius:0 0 3px 3px;position:absolute;box-shadow:0 2px #00000059}.key__marks{text-align:center;font-family:var(--display);color:var(--paper);z-index:1;font-size:15px;line-height:1;position:absolute;bottom:6px;left:0;right:0}.key__label{text-align:center;font-family:var(--mono);color:#6b5f50;font-size:10px;position:absolute;bottom:30px;left:0;right:0}.key.has-v1,.key.has-v2{background:var(--k)}.key.has-v1{--k:var(--voice-1)}.key.has-v2{--k:var(--voice-2)}.key.has-v1.has-v2{background:linear-gradient(to right, var(--voice-1) 50%, var(--voice-2) 50%)}.key--white.has-v1 .key__label,.key--white.has-v2 .key__label{color:color-mix(in srgb, var(--paper) 80%, transparent)}@media (prefers-color-scheme:dark){.key__marks{color:#13161c}}.intervals{gap:10px;display:grid}.intervals__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.intervals__label{color:var(--ink-soft);font-size:15px;font-style:italic}.chips{grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;display:grid}@media (width<=620px){.chips{grid-template-columns:repeat(7,minmax(0,1fr))}}.chip{border:1px solid var(--rule);border-radius:var(--radius);background:color-mix(in srgb, var(--paper) 60%, transparent);font-family:var(--mono);cursor:pointer;padding:7px 0;font-size:12px;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--rule-strong)}.chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.seg{border:1px solid var(--rule-strong);border-radius:99px;padding:2px;display:inline-flex}.seg__btn{font-family:var(--mono);cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:99px;padding:3px 12px;font-size:12px}.seg__btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.table h2{font-family:var(--display);border-bottom:1px solid var(--rule-strong);margin:0 0 10px;padding-bottom:8px;font-size:1.6rem;font-weight:400;line-height:1.1}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.num small{color:var(--ink-soft);margin-left:3px;font-size:.75em}.soft{color:var(--ink-soft)}.measure{border-collapse:collapse;width:100%;font-size:13px}.measure th,.measure td{border-bottom:1px solid var(--rule);text-align:right;white-space:nowrap;padding:7px 4px}.measure th:first-child{text-align:left;font-family:var(--display);font-size:1.1rem;font-weight:400}.measure thead th{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:400}.measure thead th:first-child{font-family:var(--mono);font-size:10px}.measure .lam{min-width:7.5em;position:relative}.measure .bar{height:3px;width:calc((100% - 8px) * var(--w) / 100);background:var(--voice-1);position:absolute;bottom:3px;right:4px}.measure .r-v2 .bar{background:var(--voice-2)}.relation{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:14px 0 0;display:grid}.relation div{border-bottom:1px dotted var(--rule-strong);justify-content:space-between;align-items:baseline;gap:8px;padding:6px 0;display:flex}.relation div:first-child{grid-column:1/-1}.relation dt{color:var(--ink-soft);font-size:14px;font-style:italic}.relation dd{text-align:right;margin:0;font-size:14px}.relation div:first-child dd{font-family:var(--display);font-size:1.35rem}.explain{border-left:2px solid var(--ink);margin:16px 0 0;padding-left:14px;font-size:16px;line-height:1.5}.colophon{border-top:1px solid var(--rule);color:var(--ink-soft);margin-top:40px;padding-top:14px;font-size:13px}.reveal{animation:.9s cubic-bezier(.2,.7,.2,1) backwards rise}.reveal--1{animation-delay:.11s}.reveal--2{animation-delay:.22s}.reveal--3{animation-delay:.33s}.reveal--4{animation-delay:.44s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (hover:none) and (pointer:coarse){.kbd-only{display:none}.chip{min-height:44px}.seg__btn{min-height:38px;padding-inline:14px}.keyboard__shift{width:44px;height:40px}.voice__mute{margin:4px 4px 0 0;padding:10px 14px}.textbtn{margin:-13px 0;padding:13px 2px}}@media (width<=559px){body{font-size:16px}.sheet{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:calc(var(--dock-h,220px) + 24px)}.masthead{grid-template-columns:1fr auto;grid-template-areas:"eyebrow eyebrow""title actions""lede lede";align-items:end;gap:0 12px;margin-bottom:18px;padding-bottom:14px;display:grid}.masthead__title{display:contents}.eyebrow{grid-area:eyebrow}h1{grid-area:title;font-size:3.4rem}.lede{grid-area:lede;margin-top:10px;font-size:1rem}.masthead__actions{grid-area:actions}.hint{display:none}.play{padding:6px}.play__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#waves{height:300px}.voices{grid-template-columns:1fr;gap:8px}.relation{grid-template-columns:1fr}.keyboard{z-index:10;padding:8px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--rule-strong);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 24px -14px #00000059}.keyboard__bar{gap:6px}.keyboard__assign-label,.keyboard__range{display:none}.keyboard__sound{display:inline-block}.keys{height:112px}}@media (prefers-reduced-motion:reduce){.reveal,.play.is-on .play__glyph:after{animation:none}}