@font-face{font-family:Archivo;font-style:normal;font-display:optional;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-standard.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:optional;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-standard-ext.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Noto Sans Display;font-style:normal;font-display:optional;font-weight:400;src:url(/fonts/noto-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Display;font-style:normal;font-display:optional;font-weight:400;src:url(/fonts/noto-400-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Noto Sans Display;font-style:normal;font-display:optional;font-weight:600;src:url(/fonts/noto-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Display;font-style:normal;font-display:optional;font-weight:600;src:url(/fonts/noto-600-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Commit Mono;font-style:normal;font-display:optional;font-weight:400;src:url(/fonts/mono-400.woff2) format("woff2")}:root{color-scheme:dark;--ink: #121018;--surface: #1c1824;--surface-2: #241f2e;--edge: #332b42;--text: #ede9f4;--text-muted: #a9a2bc;--accent: #9d4edd;--accent-text: #c79bf2;--accent-lit: #c79bf2;--on-lit: #121018;--hint: #9a92b0;--ok: #884454;--ok-text: #c28593;--ok-dim: #9c4e61;--sig: #6ee7a0;--sig-dim: #3b6e54;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Noto Sans Display", system-ui, -apple-system, sans-serif;--font-mono: "Commit Mono", ui-monospace, "SFMono-Regular", monospace;--measure: 78ch;--axis: 1120px;--gutter: 16px;--radius: 3px;--step: 8px}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.65;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}h1,h2,h3,h4{hyphens:manual;-webkit-hyphens:manual;font-family:var(--font-display);font-weight:600;line-height:1.16;letter-spacing:-.012em;margin:0 0 calc(var(--step) * 2);text-wrap:balance}h1{font-size:clamp(1.75rem,1.1rem + 2.6vw,2.9rem);max-width:var(--measure);margin-inline:auto;text-align:center}h2{font-size:clamp(1.3rem,1.05rem + 1.2vw,1.85rem);margin-top:calc(var(--step) * 6);text-align:center;color:var(--ok-text)}h3{font-size:clamp(1.08rem,1rem + .5vw,1.3rem);margin-top:calc(var(--step) * 4)}p{margin:0 0 calc(var(--step) * 2)}p:last-child{margin-bottom:0}a{color:var(--accent-text);text-underline-offset:3px;text-decoration-thickness:1px}a:hover,a:focus-visible{color:var(--on-lit);background:var(--accent-lit);text-decoration:none}a:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em}.axis{width:100%;max-width:var(--axis);margin-inline:auto;padding-inline:var(--gutter)}.prose{max-width:var(--measure);margin-inline:auto}.prose h2,.prose h3{text-align:center}.prose li::marker{color:var(--ok-text)}.prose>*+*{margin-top:calc(var(--step) * 2)}main{flex:1 0 auto;padding-block:calc(var(--step) * 5) calc(var(--step) * 9)}.lede{font-size:1.08rem;color:var(--text-muted);max-width:var(--measure);margin-inline:auto;text-align:left}.centre{text-align:center}.band{background:var(--surface);border-block:1px solid var(--edge);padding-block:calc(var(--step) * 5);margin-bottom:calc(var(--step) * 6)}.site-head{border-bottom:1px solid var(--edge);background:var(--surface);position:relative}.site-head .axis{display:flex;align-items:center;gap:calc(var(--step) * 2);padding-block:calc(var(--step) * 2);flex-wrap:wrap;align-content:flex-start;row-gap:0}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.06rem;letter-spacing:.01em;color:var(--text);text-decoration:none;margin-right:auto}.brand:hover,.brand:focus-visible{background:none;color:var(--text);box-shadow:none}.brand svg{display:block}@media(prefers-reduced-motion:no-preference){.brand .bp{animation:5.2s ease-in-out infinite}.brand .bp1{animation-name:bp1;animation-delay:0s}.brand .bp2{animation-name:bp2;animation-delay:.18s}.brand .bp3{animation-name:bp3;animation-delay:.36s}.brand .bp4{animation-name:bp4;animation-delay:.54s}}@keyframes bp1{0%,18%,to{fill:#9d4edd}4%,10%{fill:#c79bf2}}@keyframes bp2{0%,18%,to{fill:#4a3f5c}4%,10%{fill:#9d4edd}}@keyframes bp3{0%,18%,to{fill:#4a3f5c}4%,10%{fill:#9d4edd}}@keyframes bp4{0%,18%,to{fill:#c79bf2}4%,10%{fill:#ede9f4}}.nav{display:flex;gap:calc(var(--step) * 2);flex-wrap:wrap;align-items:center}.nav a{color:var(--text-muted);text-decoration:none;font-size:.93rem;padding:6px 2px;border-bottom:2px solid transparent}.nav a:hover,.nav a:focus-visible{color:var(--on-lit);background:var(--accent-lit)}.nav a[aria-current=page]{color:var(--accent-text);background:none;border-bottom-color:transparent}.nav a[aria-current=page]:hover,.nav a[aria-current=page]:focus-visible{color:var(--on-lit);background:var(--accent-lit)}.nav-toggle{display:none}.burger{display:none;align-items:center;background:none;border:0;color:var(--text);font:inherit;padding:8px 4px;cursor:pointer;line-height:0}.burger:hover,.burger:focus-visible{color:var(--accent-text);background:none}.burger svg rect{transform-box:fill-box;transform-origin:center;transition:transform .2s ease,opacity .15s ease}.nav-toggle:checked~.burger .bar-a{transform:translateY(6px) rotate(45deg)}.nav-toggle:checked~.burger .bar-b{opacity:0}.nav-toggle:checked~.burger .bar-c{transform:translateY(-6px) rotate(-45deg)}@media(prefers-reduced-motion:reduce){.burger svg rect{transition:none}}.burger:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}.site-head.nav-collapse .burger{display:inline-flex}.site-head.nav-collapse .nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:var(--step)}.site-head.nav-collapse .nav a{padding:11px var(--step);border-bottom:1px solid var(--edge)}.site-head.nav-collapse .nav-toggle:checked~.nav{display:flex}@media(max-width:1000px){.burger{display:inline-flex}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:var(--step)}.nav a{padding:11px var(--step);border-bottom:1px solid var(--edge)}.nav-toggle:checked~.nav{display:flex;position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--surface);border-bottom:1px solid var(--edge);box-shadow:0 14px 30px #00000080;padding:var(--step) var(--gutter)}}.site-head{z-index:50}.site-head .axis{position:relative}.site-head.nav-collapse .nav-toggle:checked~.nav{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--surface);border-bottom:1px solid var(--edge);box-shadow:0 14px 30px #00000080;padding:var(--step) var(--gutter)}.foot-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:calc(var(--step) * 2);font-size:.82rem;color:var(--text-muted)}.foot-legal span{color:var(--edge)}.band-art{max-width:var(--axis);margin:calc(var(--step) * 6) auto calc(var(--step) * 2);padding-inline:var(--gutter)}.band-art img{display:block;width:100%;height:auto;border:1px solid var(--edge);border-radius:var(--radius)}.band-art figcaption{margin-top:calc(var(--step) * 1.5);font-size:.82rem;line-height:1.5;color:var(--text-muted);text-align:center;max-width:62ch;margin-inline:auto}.tool-note{max-width:62ch;margin:calc(var(--step) * 2) auto 0;padding:10px 13px;border:1px solid var(--accent);border-radius:var(--radius);background:#9d4edd17;color:var(--text);font-size:.86rem;line-height:1.55}.tool-note[hidden]{display:none}.prose .address{text-align:center;line-height:1.75}.hero-wire{max-width:56ch;margin:calc(var(--step) * 2) auto 0;font-size:.92rem;line-height:1.6;color:var(--text-muted);text-align:center}.jumpnav{max-width:var(--axis);margin:calc(var(--step) * 4) auto calc(var(--step) * 2);padding-inline:var(--gutter);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px calc(var(--step) * 1.5)}.jumpnav-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:none}.jumpnav-list{display:flex;flex-wrap:wrap;gap:7px}.jumpnav a{display:inline-block;padding:5px 11px;border:1px solid var(--edge);border-radius:999px;font-size:.8rem;line-height:1.3;color:var(--text-muted);text-decoration:none}.jumpnav a:hover,.jumpnav a:focus-visible{border-color:var(--accent-lit);background:var(--accent-lit);color:var(--on-lit)}.prose h2[id],.prose h3[id]{scroll-margin-top:calc(var(--step) * 2)}.site-foot{flex-shrink:0;border-top:1px solid var(--edge);background:var(--surface);padding-block:calc(var(--step) * 4);color:var(--text-muted);font-size:.9rem}.site-foot .axis{display:grid;gap:calc(var(--step) * 2)}.site-foot nav{display:flex;gap:calc(var(--step) * 2);flex-wrap:wrap;justify-content:center}.site-foot p{text-align:left;max-width:var(--measure);margin-inline:auto}.bank{margin-block:calc(var(--step) * 3)}.bank-rail{display:flex;align-items:center;gap:calc(var(--step) * 1.5);flex-wrap:wrap;margin-bottom:calc(var(--step) * 2.5);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.rail-group{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--step) * 1.25)}.rail-rule{flex:1 1 32px;min-width:20px;height:1px;background:var(--edge)}.rail-btn{font:inherit;letter-spacing:inherit;text-transform:inherit;background:none;border:0;padding:0;cursor:pointer;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.rail-btn:hover,.rail-btn:focus-visible{color:var(--accent-text)}.rail-btn[aria-pressed=true]{color:var(--accent-text)}.rail-btn:focus-visible{outline:2px solid var(--accent-lit);outline-offset:3px}@media(max-width:560px){.bank-rail{justify-content:center;gap:var(--step)}.rail-rule{display:none}.rail-group{justify-content:center}}.bank-rail .meter{display:inline-flex;gap:3px;align-items:flex-end;height:16px}.bank-rail .meter i{display:block;width:3px;background:var(--edge);border-radius:1px}.bank-rail .meter i:nth-child(1){height:5px}.bank-rail .meter i:nth-child(2){height:9px}.bank-rail .meter i:nth-child(3){height:13px}.bank-rail .meter i:nth-child(4){height:16px}.bank-rail.is-playing .meter i{background:var(--ok-text)}.pads{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:calc(var(--step) * 1.5)}.pad-slot{position:relative;display:flex}.pad-slot[hidden]{display:none}.pad-slot>.pad{flex:1 1 auto;min-width:0}.pad{display:flex;flex-direction:column;gap:9px;min-height:104px;padding:12px 12px 10px;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--edge);border-radius:7px;cursor:pointer;text-decoration:none}.pad:hover,.pad:focus-visible{border-color:var(--accent);background:var(--surface-2);color:var(--text)}.pad:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}.pad-head{display:flex;align-items:center;gap:9px;padding-right:14px}.pad-play{flex:0 0 auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-2);border:1px solid var(--edge);color:var(--accent-text)}.pad:hover .pad-play,.pad:focus-visible .pad-play{border-color:var(--accent)}.pad-play .i-play{transform:translate(1.5px)}.pad .i-pause{display:none}.pad-name{hyphens:manual;-webkit-hyphens:manual;font-family:var(--font-display);font-weight:600;font-size:.9rem;line-height:1.2;font-variation-settings:"wdth" 110,"wght" 600}.pad-wave{display:block;width:100%;height:22px;color:var(--accent);opacity:.8;margin-top:auto}.pad:hover .pad-wave{opacity:1}.pad-foot{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;letter-spacing:.04em;color:var(--text-muted);padding-right:22px;padding-left:22px}.pad[data-state=on]{background:var(--surface-2);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pad[data-state=on] .pad-play{background:var(--accent-lit);color:var(--on-lit);border-color:var(--accent-lit)}.pad[data-state=on] .i-play{display:none}.pad[data-state=on] .i-pause{display:block}.pad[data-state=on] .pad-dur{color:var(--accent-text)}.pad-key{position:absolute;top:9px;right:11px;font-size:.66rem;letter-spacing:.04em;color:var(--hint);text-transform:uppercase;pointer-events:none}.pad:hover .pad-key,.pad:focus-visible .pad-key{color:var(--accent-text)}.pad-dl{position:absolute;right:7px;bottom:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--text-muted);text-decoration:none}.pad-dl:hover,.pad-dl:focus-visible{color:var(--on-lit);background:var(--accent-lit)}.pad-dl:focus-visible{outline:2px solid var(--accent-lit);outline-offset:1px}.pad-fav{position:absolute;left:6px;bottom:4px;min-width:26px;min-height:26px;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:.86rem;line-height:1;padding:0;border:0;border-radius:var(--radius);background:transparent;color:transparent;cursor:pointer}.pad-slot:hover .pad-fav,.pad-fav:focus-visible,.pad-fav.is-on{color:var(--hint)}.pad-fav.is-on{color:var(--accent-text)}.pad-fav:hover,.pad-fav:focus-visible{color:var(--on-lit);background:var(--accent-lit)}.pad-fav:focus-visible{outline:2px solid var(--accent-lit);outline-offset:1px}.bank-bar{display:flex;align-items:center;gap:calc(var(--step) * 2);flex-wrap:wrap;border:1px solid var(--edge);border-radius:9px;background:var(--surface);padding:10px 14px;margin-bottom:calc(var(--step) * 2)}.bank-bar.is-bare{border:0;background:none;padding:0 2px;justify-content:flex-end;margin-bottom:var(--step)}.bank-search{display:inline-flex;align-items:center;gap:8px;flex:0 1 200px;max-width:220px;border:1px solid var(--edge);border-radius:7px;background:var(--surface-2);padding:7px 11px;color:var(--text-muted)}.bank-search:focus-within{border-color:var(--accent)}.bank-search input{font:inherit;font-size:.88rem;background:none;border:0;color:var(--text);width:100%}.bank-search input::placeholder{color:var(--text-muted)}.bank-search input:focus{outline:none}.chips{display:flex;gap:7px;flex-wrap:wrap;flex:1 1 auto}.chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.8rem;padding:6px 11px;white-space:nowrap;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer}.chip:hover,.chip:focus-visible{color:var(--on-lit);background:var(--accent-lit)}.chip:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}.chip.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.is-on:hover{background:var(--accent-lit);color:var(--on-lit)}.chip .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.dot{background:currentColor}.dot-rauschen{background:#9ae66e}.dot-benachrichtigungstoene{background:#4fd1c5}.dot-klingeltoene{background:#f2be9b}.dot-wecker{background:#5aa9f0}.dot-entspannung{background:#e9f29b}.dot-retro{background:#f0c05a}.dot-cartoon{background:#f08adf}.dot-ui{background:#a0a8f0}.chip.is-on .dot{background:#fff}.bank-vol{display:inline-flex;align-items:center;gap:9px;color:var(--text-muted)}.bank-vol input[type=range]{width:90px;accent-color:var(--accent)}.bank-empty{text-align:center;color:var(--text-muted);padding:calc(var(--step) * 4) 0}.player{display:flex;align-items:center;gap:calc(var(--step) * 2);flex-wrap:wrap;border:1px solid var(--edge);border-radius:9px;background:var(--surface);padding:12px 16px;margin-top:calc(var(--step) * 2)}.player[hidden]{display:none}.player-mark{width:38px;height:38px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--surface-2);color:var(--accent-text)}.player-meta{display:grid;min-width:7.5rem}.player-meta strong{font-family:var(--font-display);font-size:.93rem;font-variation-settings:"wdth" 110,"wght" 600}.player-meta .mono{font-size:.74rem;color:var(--text-muted)}.player-btn{width:36px;height:36px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--edge);border-radius:50%;background:var(--surface-2);color:var(--accent-text);cursor:pointer}.player-btn:hover,.player-btn:focus-visible{background:var(--accent-lit);color:var(--on-lit);border-color:var(--accent-lit)}.player-btn .pb-pause{display:none}.player-btn.is-playing .pb-pause{display:block}.player-btn.is-playing .pb-play{display:none}.player-time{font-size:.76rem;color:var(--text-muted)}.player-track{flex:1 1 140px;height:4px;border-radius:2px;background:var(--edge);overflow:hidden;min-width:100px}.player-fill{display:block;height:100%;width:0;background:var(--accent)}.player-dl{margin-left:auto}@media(max-width:560px){.pads{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pad-size,.bank-vol{display:none}.player-dl{margin-left:0;width:100%;text-align:center}}.pad-link{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;margin-top:6px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:calc(var(--step) * 2);margin-block:calc(var(--step) * 3)}.tile{display:block;padding:calc(var(--step) * 2.5);background:var(--surface);border:1px solid var(--edge);border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--text);text-decoration:none}.tile:hover,.tile:focus-visible{background:var(--surface-2);color:var(--text);border-left-color:var(--accent-lit)}.tile h3{margin:0 0 6px;text-align:left}.tile p{color:var(--text-muted);font-size:.93rem;margin:0}.datasheet{width:100%;border-collapse:collapse;font-size:.94rem;margin-block:calc(var(--step) * 2)}.datasheet th,.datasheet td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--edge);vertical-align:top}.datasheet th{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);width:36%}.datasheet thead th{color:var(--ok-text);width:auto}.table-scroll{overflow-x:auto}@media(max-width:560px){.datasheet.restack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.datasheet.restack tr{display:block;border:1px solid var(--edge);border-radius:var(--radius);margin-bottom:var(--step);padding:6px 10px}.datasheet.restack th,.datasheet.restack td{display:flex;justify-content:space-between;gap:var(--step);width:auto;border-bottom:0;padding:5px 0}.datasheet.restack td:before{content:attr(data-label);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.datasheet.restack th[scope=row]{font-size:1rem;text-transform:none;letter-spacing:0;color:var(--text)}.table-scroll{overflow-x:visible}}.note{border:1px solid var(--edge);border-top:3px solid var(--accent);background:var(--surface);border-radius:var(--radius);padding:calc(var(--step) * 2.5);margin-block:calc(var(--step) * 4);font-size:.93rem;color:var(--text-muted);max-width:var(--measure);margin-inline:auto}.note h2,.note h3{text-align:left;margin-top:0;font-size:1rem;color:var(--text)}.linkrow{display:flex;flex-wrap:wrap;gap:calc(var(--step) * 2);justify-content:center;margin-block:calc(var(--step) * 3)}.btn{display:inline-block;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:11px 18px;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent-text);background:transparent;text-decoration:none;cursor:pointer}.btn:hover,.btn:focus-visible{background:var(--accent-lit);color:var(--on-lit);border-color:var(--accent-lit)}.to-top{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:calc(var(--step) * 5) auto 0;padding:0}.to-top svg{display:block}.to-top.is-float{position:fixed;right:var(--gutter);bottom:var(--gutter);z-index:40;margin:0;background:var(--surface);box-shadow:0 3px 16px #00000080;transition:opacity .18s ease,transform .18s ease}.to-top.is-float.is-away{opacity:0;transform:translateY(10px);visibility:hidden}@media(prefers-reduced-motion:reduce){.to-top.is-float{transition:none}}.to-top:hover,.to-top:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}figure{margin:calc(var(--step) * 3) 0}figure img,figure svg{max-width:100%;height:auto;display:block;margin-inline:auto}figure audio{display:block;margin-inline:auto;max-width:100%}figcaption{font-size:.86rem;color:var(--text-muted);text-align:center;margin-top:var(--step)}details{border:1px solid var(--edge);border-radius:var(--radius);background:var(--surface);margin-bottom:var(--step)}details>summary{cursor:pointer;padding:13px 16px;list-style:none}details>summary::-webkit-details-marker{display:none}details>summary h3{margin:0;font-size:1rem;display:inline}details>summary:after{content:"+";float:right;color:var(--accent-text);font-family:var(--font-mono)}details[open]>summary:after{content:"–"}details .body{padding:0 16px 16px;color:var(--text-muted)}@media(max-width:420px){.pads{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.pad-key{display:none}}.tool{border:1px solid var(--edge);border-bottom-width:3px;border-radius:var(--radius);background:var(--surface);padding:calc(var(--step) * 3);margin-block:calc(var(--step) * 3) calc(var(--step) * 5)}.tool-readout{display:flex;align-items:baseline;justify-content:center;gap:var(--step);flex-wrap:wrap;padding-bottom:calc(var(--step) * 2);border-bottom:1px solid var(--edge);margin-bottom:calc(var(--step) * 2.5)}.tool-readout .bpm{font-family:var(--font-mono);font-size:clamp(2.2rem,1.4rem + 3vw,3.4rem);line-height:1;color:var(--accent-text);font-variant-numeric:tabular-nums}.tool-readout .mono{color:var(--text-muted);letter-spacing:.08em}.tool-readout .beats{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent-text);margin-left:var(--step)}.tool-row{display:flex;align-items:center;gap:calc(var(--step) * 2);flex-wrap:wrap;justify-content:center;margin-bottom:calc(var(--step) * 2)}.tool-row label{min-width:7.5rem;color:var(--text-muted);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.tool-row input[type=range]{flex:1 1 220px;accent-color:var(--accent);min-width:160px}.tool-row input[type=number],.tool-row select{font:inherit;font-family:var(--font-mono);background:var(--surface-2);color:var(--text);border:1px solid var(--edge);border-radius:var(--radius);padding:8px 10px}.tool-row input:focus-visible,.tool-row select:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}.tool-row .value{font-family:var(--font-mono);color:var(--accent-text);min-width:5.5rem;text-align:right}.tool-hint{text-align:center;color:var(--text-muted);font-size:.78rem;letter-spacing:.04em}.tool noscript p{color:var(--text-muted)}@media(max-width:560px){.tool-row{justify-content:flex-start}.tool-row label{min-width:100%}}.snippet{margin-block:calc(var(--step) * 2) calc(var(--step) * 4)}.snippet .btn{display:block;margin:0 auto var(--step)}.snippet pre{margin:0;padding:calc(var(--step) * 2);background:var(--surface);border:1px solid var(--edge);border-left:3px solid var(--accent);border-radius:var(--radius);overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.55;color:var(--text);tab-size:2}.snippet code{font-family:inherit;white-space:pre;display:block;min-width:0}@media(max-width:760px){.snippet pre{padding:var(--step);font-size:.72rem;overflow-x:hidden}.snippet code{white-space:pre-wrap;overflow-wrap:anywhere}}.hero{padding-block:calc(var(--step) * 5) calc(var(--step) * 3);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:calc(var(--step) * 3)}.hero-text{text-align:left}.eyebrow{font-size:.74rem;letter-spacing:.17em;text-transform:uppercase;color:var(--accent-text);margin:0 0 calc(var(--step) * 1.5)}.hero h1{max-width:none;margin-inline:0;text-align:left;font-size:clamp(1.9rem,1.1rem + 3.2vw,3.1rem);margin-bottom:var(--step)}.h1-lead,.h1-full{display:block}.h1-accent{color:var(--accent-text)}.h1-line{display:block}.h1-full{font-size:max(1.12rem,.46em);line-height:1.3;letter-spacing:0;color:var(--text-muted);margin-top:.5em;font-weight:400;font-variation-settings:"wdth" 100,"wght" 400}.hero-sub{color:var(--text-muted);font-size:1.05rem;margin:0}.hero-art{justify-self:end;max-width:100%}.wave-box{position:relative;width:100%;max-width:520px;margin-inline:auto}.wave-art{display:block;width:100%;height:auto;max-width:520px}.wave-live{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}.wave-box.canvas-on .wave-art{visibility:hidden}.wave-box.is-live{isolation:isolate}.wave-box.is-live:before{content:"";position:absolute;inset:-14% -8%;background:radial-gradient(ellipse at 50% 50%,rgba(157,78,221,.17),transparent 66%);z-index:0;pointer-events:none}.wave-box.is-live .wave-art{position:relative;z-index:1}.wave-scale{display:flex;justify-content:space-between;width:56%;max-width:292px;margin:calc(var(--step) * 1.5) auto 0}.wave-scale i{display:block;width:1px;height:7px;background:var(--edge)}.wave-read{display:flex;justify-content:center;align-items:flex-end;gap:calc(var(--step) * 1.75);min-height:32px;margin:calc(var(--step) * 1.5) 0 0}.sig-ch{display:grid;justify-items:center;gap:3px;font-family:var(--font-mono);line-height:1}.sig-ch b{font-size:.95rem;font-weight:600;color:var(--text-muted)}.sig-ch i{font-size:.75rem;font-style:normal;letter-spacing:.14em;color:var(--hint)}.sig-ch.is-now b,.sig-ch.is-now i{color:var(--accent-text)}.wave-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(var(--step) * 2);margin:var(--step) 0 0;font-size:.84rem}.wave-hint{display:none;align-items:center;gap:calc(var(--step) * 1.25);color:var(--text-muted)}.wave-hint svg{flex:none}.wave-box.canvas-on~.wave-foot .wave-hint{display:inline-flex}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.wave-box.canvas-on~.wave-foot .wave-hint{display:none}}.wave-sig{display:inline-flex;align-items:center;gap:calc(var(--step) * 1.5);font-family:var(--font-display);font-size:.95rem;font-variation-settings:"wdth" 108,"wght" 600;cursor:pointer;padding:9px 22px 9px 10px;border:1px solid var(--accent-lit);border-radius:999px;background:var(--accent-lit);color:var(--on-lit);transition:box-shadow .16s ease,transform .12s ease}.wave-sig:hover,.wave-sig:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 5px #9d4edd2e}.wave-sig:active{transform:translateY(1px)}.wave-sig:focus-visible{outline:2px solid var(--accent-lit);outline-offset:3px}.sig-mark{display:inline-flex;align-items:center;gap:3px;padding:7px 9px;border-radius:999px;background:var(--on-lit)}.sig-mark i{display:block;height:3px;border-radius:2px;background:var(--sig-dim);transition:background-color 90ms linear}.sig-mark i.dit{width:3px}.sig-mark i.dah{width:9px}.sig-mark i.is-lit{background:var(--sig)}@media(prefers-reduced-motion:no-preference){.wave-sig:not(.is-sending) .sig-mark i{animation:sig-beacon 3.2s linear infinite}.sig-mark i:nth-child(1){animation-delay:0s}.sig-mark i:nth-child(2){animation-delay:.16s}.sig-mark i:nth-child(3){animation-delay:.32s}.sig-mark i:nth-child(4){animation-delay:.48s}}@keyframes sig-beacon{0%,22%,to{background-color:var(--sig-dim)}6%,14%{background-color:var(--sig)}}@media(prefers-reduced-motion:no-preference){.wave-art.is-live path{animation:wave-drift 6s ease-in-out infinite;animation-delay:calc(var(--i) * -.1s)}}@keyframes wave-drift{0%,to{transform:translateY(calc(var(--amp) * -1px))}50%{transform:translateY(calc(var(--amp) * 1px))}}.find-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:calc(var(--step) * 4);align-items:start}.find-text h2{text-align:left;margin-top:0}.find-text p{color:var(--text-muted);max-width:46ch}.chart{margin:calc(var(--step) * 3) 0 0}.chart svg{width:100%;height:auto;max-width:420px}.chart figcaption{text-align:left;max-width:46ch}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:calc(var(--step) * 1.5)}.cat-card{display:flex;gap:11px;align-items:flex-start;padding:14px 15px;background:var(--surface-2);border:1px solid var(--edge);border-left:3px solid var(--accent);border-radius:7px;color:var(--text);text-decoration:none}.cat-card:hover,.cat-card:focus-visible{background:var(--surface);color:var(--text);border-left-color:var(--accent-lit)}.cat-icon{flex:0 0 auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--ink);color:var(--accent-text)}.ic-rauschen{color:#9ae66e}.ic-benachrichtigungstoene{color:#4fd1c5}.ic-klingeltoene{color:#f2be9b}.ic-wecker{color:#5aa9f0}.ic-entspannung{color:#e9f29b}.ic-retro{color:#f0c05a}.ic-cartoon{color:#f08adf}.ic-ui{color:#a0a8f0}.cat-body{display:grid;gap:3px;min-width:0}.cat-body strong{font-family:var(--font-display);font-size:.95rem;font-variation-settings:"wdth" 110,"wght" 600}.cat-body span{font-size:.82rem;color:var(--text-muted);line-height:1.45}.made{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:calc(var(--step) * 3);align-items:center;background:var(--surface);border:1px solid var(--edge);border-radius:9px;padding:calc(var(--step) * 3);margin-block:calc(var(--step) * 4);overflow:hidden}.made h2{text-align:left;margin-top:0}.made p{color:var(--text-muted)}.made-art{min-width:0}.arrow-link{font-family:var(--font-display);font-size:.93rem;font-variation-settings:"wdth" 108,"wght" 600}.steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:calc(var(--step) * 3);padding:0;margin-block:calc(var(--step) * 3) calc(var(--step) * 5)}.steps li{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:start}.step-n{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-size:.78rem}.step-i{width:20px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-text)}.step-body{display:grid;gap:3px}.step-body strong{font-family:var(--font-display);font-size:.98rem;font-variation-settings:"wdth" 110,"wght" 600}.step-body span{font-size:.88rem;color:var(--text-muted)}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:calc(var(--step) * 5);margin-bottom:calc(var(--step) * 5)}.two-col h2{text-align:left;margin-top:0}.two-col p{color:var(--text-muted)}.rat-list{list-style:none;padding:0;margin:0 0 calc(var(--step) * 3);display:grid;gap:calc(var(--step) * 2.5)}.rat-list li{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start}.rat-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--surface);color:var(--accent-text);flex:0 0 auto}.rat-body{display:grid;gap:4px;min-width:0}.rat-text{font-size:.86rem;color:var(--text-muted);line-height:1.5}.faq-wide{margin-block:calc(var(--step) * 3) calc(var(--step) * 5)}.faq-wide details{background:var(--surface)}.faq-wide summary{padding:15px 18px}.faq-wide summary h3{font-size:.96rem}.faq-wide .body{padding:0 18px 18px}@media(max-width:860px){.hero-grid,.find-grid,.made{grid-template-columns:1fr}.hero-art,.made-art{order:-1;justify-self:center}.hero-text,.hero h1{text-align:center}.hero h1{margin-inline:auto}.find-text p,.chart figcaption{max-width:none}}.chip-toggle{color:var(--accent-text)}.chip-toggle:hover,.chip-toggle:focus-visible{color:var(--on-lit)}.tool-hero{text-align:center;padding-block:calc(var(--step) * 5) calc(var(--step) * 3)}.tool-hero .eyebrow{text-align:center}.tool-hero h1{margin-inline:auto;max-width:20ch}.tool-hero .hero-sub{color:var(--text-muted);font-size:1.02rem}.panel{border:1px solid var(--edge);border-radius:11px;background:var(--surface);padding:calc(var(--step) * 3);margin-bottom:calc(var(--step) * 3)}.panel-head{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:calc(var(--step) * 3)}.panel-head h2{margin:0;text-align:left;font-size:1.1rem}.panel-badge{margin-left:auto;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--edge);border-radius:999px;padding:7px 15px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.panel-badge .meter i{background:var(--edge)}.panel-badge.is-on{border-color:var(--accent);color:var(--accent-text)}.panel-badge.is-on .meter i{background:var(--accent)}.field{display:grid;grid-template-columns:9rem 1fr auto;gap:calc(var(--step) * 2);align-items:center;margin-bottom:calc(var(--step) * 2.5)}.field>label:first-child{font-family:var(--font-display);font-size:.86rem;font-variation-settings:"wdth" 108,"wght" 600;letter-spacing:.03em}.field .scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-top:3px}.field .box{font-family:var(--font-mono);font-size:.9rem;background:var(--surface-2);border:1px solid var(--edge);border-radius:7px;padding:8px 12px;color:var(--text);min-width:5.5rem;text-align:center}input[type=range]{width:100%;accent-color:var(--accent)}.segmented{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--edge);border-radius:7px;overflow:hidden}.segmented button{font:inherit;font-size:.86rem;padding:9px 16px;background:transparent;color:var(--text-muted);border:0;border-right:1px solid var(--edge);cursor:pointer}.segmented button:last-child{border-right:0}.segmented button:hover,.segmented button:focus-visible{background:var(--accent-lit);color:var(--on-lit)}.segmented button[aria-pressed=true]{background:var(--accent);color:#fff}.segmented button[aria-pressed=true]:hover{background:var(--accent-lit);color:var(--on-lit)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-display);font-size:.95rem;font-variation-settings:"wdth" 108,"wght" 600;padding:12px 26px;border:1px solid var(--accent-lit);border-radius:8px;background:var(--accent-lit);color:var(--on-lit);cursor:pointer;text-decoration:none}.btn-primary:hover,.btn-primary:focus-visible{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:focus-visible{outline:2px solid var(--accent-lit);outline-offset:3px}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--step) * 2);margin-block:calc(var(--step) * 3) calc(var(--step) * 5)}.info-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--edge);border-radius:9px;background:var(--surface);padding:16px 18px}.info-card .ic{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-text);border-right:1px solid var(--edge);padding-right:14px}.info-card strong{display:block;font-family:var(--font-display);font-size:.98rem;font-variation-settings:"wdth" 110,"wght" 600;margin-bottom:4px}.info-card span{font-size:.86rem;color:var(--text-muted);line-height:1.5}.preset-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:calc(var(--step) * 2);margin-bottom:calc(var(--step) * 2)}.preset{display:flex;align-items:center;gap:15px;border:1px solid var(--edge);border-radius:9px;background:var(--surface);padding:16px 18px;width:100%;text-align:left;font:inherit;color:var(--text);cursor:pointer}.preset:hover,.preset:focus-visible{border-color:var(--accent);background:var(--surface-2);color:var(--text)}.preset:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}.preset[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.preset .ic{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-text);border-right:1px solid var(--edge);padding-right:15px}.preset-body{display:grid;gap:3px;min-width:0}.preset-body strong{font-family:var(--font-display);font-size:1rem;font-variation-settings:"wdth" 110,"wght" 600}.preset-body span{font-size:.85rem;color:var(--text-muted);line-height:1.45}.preset .tick{margin-left:auto;color:var(--accent-text);opacity:0}.preset[aria-pressed=true] .tick{opacity:1}.howto{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:calc(var(--step) * 3);list-style:none;padding:0;margin-block:calc(var(--step) * 3) calc(var(--step) * 5)}.howto li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.howto .n{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:7px;color:var(--accent-text);font-family:var(--font-mono);font-size:.8rem}.howto strong{display:block;font-family:var(--font-display);font-size:.97rem;font-variation-settings:"wdth" 110,"wght" 600;margin-bottom:3px}.howto span{font-size:.87rem;color:var(--text-muted);line-height:1.5}.rule{border:0;border-top:1px solid var(--edge);margin-block:calc(var(--step) * 5)}@media(max-width:700px){.field{grid-template-columns:1fr;gap:var(--step)}.field>label:first-child{margin-bottom:2px}.panel{padding:calc(var(--step) * 2)}}.metro-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:calc(var(--step) * 4);row-gap:var(--step);align-items:center}.metro-grid>h2{grid-column:2;grid-row:1;align-self:end;text-align:left;margin:0}.dial-wrap{grid-column:1;grid-row:1 / span 2}.metro-ctl{grid-column:2;grid-row:2}.dial-wrap{position:relative;display:grid;place-items:center}.dial{width:100%;max-width:250px;height:auto;display:block}.dial-read{position:absolute;display:grid;justify-items:center;gap:1px}.dial-read strong{font-family:var(--font-mono);font-size:clamp(2.4rem,1.6rem + 3vw,3.4rem);line-height:1;color:var(--accent-text);font-variant-numeric:tabular-nums}.dial-read .mono{font-size:.78rem;letter-spacing:.14em;color:var(--text-muted)}.dial-read em{font-style:normal;font-family:var(--font-display);font-size:.88rem;color:var(--ok-text);font-variation-settings:"wdth" 108,"wght" 600;margin-top:2px}.dial-btns{display:flex;gap:8px;margin-top:10px}.step-btn{width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:1.05rem;line-height:1;border:1px solid var(--edge);border-radius:7px;background:var(--surface-2);color:var(--text);cursor:pointer}.step-btn:hover,.step-btn:focus-visible{background:var(--accent-lit);color:var(--on-lit);border-color:var(--accent-lit)}.step-btn:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}.beats{display:flex;gap:11px;justify-content:center;margin-bottom:calc(var(--step) * 3)}.beat{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--edge);border-radius:50%;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.beat.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.metro-actions{justify-content:flex-start;margin-bottom:var(--step)}kbd{font-family:var(--font-mono);font-size:.72rem;border:1px solid var(--edge);border-radius:4px;padding:2px 6px;background:var(--surface-2);color:var(--text-muted)}@media(max-width:760px){.metro-grid{grid-template-columns:1fr;row-gap:calc(var(--step) * 3)}.metro-grid>h2,.dial-wrap,.metro-ctl{grid-column:auto;grid-row:auto}.metro-grid>h2{text-align:center}.metro-actions{justify-content:center}.beats{flex-wrap:wrap}}.ic-head{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-text)}.strips{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:calc(var(--step) * 1.5);margin-bottom:calc(var(--step) * 3)}.strip{display:grid;justify-items:center;gap:7px;border:1px solid var(--edge);border-radius:9px;background:var(--surface-2);padding:14px 10px 16px}.strip.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.strip-ic{color:var(--text-muted)}.strip.is-on .strip-ic{color:var(--accent-text)}.strip strong{font-family:var(--font-display);font-size:.86rem;text-align:center;font-variation-settings:"wdth" 108,"wght" 600;hyphens:manual;line-height:1.25;min-height:2.5em;display:grid;place-items:center}.strip-wave{width:100%;height:20px;color:var(--edge)}.strip.is-on .strip-wave{color:var(--accent)}.strip-val{font-size:1.25rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.strip.is-on .strip-val{color:var(--accent-text)}.strip-slider{display:flex;gap:9px;align-items:stretch;height:150px;margin-top:2px}.strip-scale{display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted)}.strip-scale i{font-style:normal}.strip-slider input[type=range]{-webkit-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:20px;height:100%;accent-color:var(--accent)}.mix-bar{display:flex;align-items:center;gap:calc(var(--step) * 2);flex-wrap:wrap;border:1px solid var(--edge);border-radius:9px;background:var(--surface-2);padding:12px 16px}.mix-wave{flex:1 1 160px;height:26px;color:var(--accent);min-width:120px}.mix-vol{display:inline-flex;align-items:center;gap:9px;color:var(--text-muted)}.mix-vol input[type=range]{width:110px}.mix-vol .mono{font-size:.8rem;min-width:3.2rem}@media(max-width:560px){.strips{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.strip-slider{height:120px}.mix-wave{display:none}}.tone-top{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:calc(var(--step) * 4);align-items:center;padding-bottom:calc(var(--step) * 3);border-bottom:1px solid var(--edge);margin-bottom:calc(var(--step) * 3)}.tone-read{display:grid;justify-items:center;gap:4px}.tone-read strong{display:flex;align-items:baseline;gap:8px;font-family:var(--font-mono);line-height:1;font-size:clamp(2.6rem,1.6rem + 4vw,4.2rem);color:var(--accent-text);font-variant-numeric:tabular-nums}.tone-read strong em{font-style:normal;font-size:.3em;color:var(--text-muted);letter-spacing:.05em}.tone-read .mono{font-size:.84rem;color:var(--accent-text)}.tone-preview{margin:0}.tone-preview figcaption{text-align:left;font-size:.76rem;letter-spacing:.08em;color:var(--text-muted);margin:0 0 7px}.tone-preview svg{width:100%;height:92px;display:block;border:1px solid var(--edge);border-radius:7px;background:var(--surface-2)}.wave-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.wave-card{position:relative;display:grid;justify-items:center;gap:5px;padding:12px 8px 10px;border:1px solid var(--edge);border-radius:9px;background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:.84rem;cursor:pointer}.wave-card:hover,.wave-card:focus-visible{border-color:var(--accent);color:var(--text);background:var(--surface)}.wave-card:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}.wave-card[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent)}.wave-tick{position:absolute;top:7px;right:9px;font-size:.78rem;color:var(--accent-text);opacity:0}.wave-card[aria-pressed=true] .wave-tick{opacity:1}.switch-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.switch-row label{font-size:.88rem;color:var(--text-muted)}.switch-row input[type=range]{width:150px}input.switch{appearance:none;-webkit-appearance:none;width:42px;height:23px;border-radius:999px;background:var(--edge);border:1px solid var(--edge);position:relative;cursor:pointer;flex:0 0 auto}input.switch:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--text);transition:left .14s ease}input.switch:checked{background:var(--accent);border-color:var(--accent)}input.switch:checked:after{left:21px;background:#fff}input.switch:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}@media(prefers-reduced-motion:reduce){input.switch:after{transition:none}}@media(max-width:760px){.tone-top{grid-template-columns:1fr;gap:calc(var(--step) * 2.5)}}.tool-list{display:grid;gap:calc(var(--step) * 2)}.tool-row{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:calc(var(--step) * 2);border:1px solid var(--edge);border-radius:9px;background:var(--surface);padding:calc(var(--step) * 2.5)}.tool-ic{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-text);border:1px solid var(--edge);border-radius:9px;background:var(--surface-2)}.tool-body h2{text-align:left;margin:0 0 4px;font-size:1.22rem}.tool-body h2 a{color:var(--text);text-decoration:none}.tool-body h2 a:hover,.tool-body h2 a:focus-visible{color:var(--on-lit);background:var(--accent-lit)}.tool-body p{margin:0 0 var(--step);max-width:var(--measure)}.tool-claim{font-size:.78rem;letter-spacing:.04em;color:var(--accent-text)}.tool-for{color:var(--text-muted);font-size:.92rem;margin-bottom:0!important}@media(max-width:560px){.tool-row{grid-template-columns:1fr}}.morse-io{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:calc(var(--step) * 2);margin-bottom:var(--step)}.io-block{display:grid;gap:6px}.io-block label{font-size:.82rem;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.io-block textarea{font:inherit;font-family:var(--font-mono);font-size:.92rem;line-height:1.5;width:100%;resize:vertical;padding:10px 12px;border:1px solid var(--edge);border-radius:7px;background:var(--surface-2);color:var(--text)}.io-block textarea:focus-visible{outline:2px solid var(--accent-lit);outline-offset:1px;border-color:var(--accent)}.ht-read{display:grid;justify-items:center;gap:2px;margin-bottom:calc(var(--step) * 2)}.ht-read strong{font-family:var(--font-mono);font-size:clamp(2.4rem,1.6rem + 3vw,3.6rem);line-height:1;color:var(--accent-text);font-variant-numeric:tabular-nums}.ht-read .mono{font-size:.8rem;letter-spacing:.14em;color:var(--text-muted)}.ht-read em{font-style:normal;font-family:var(--font-display);font-size:.9rem;color:var(--text-muted);margin-top:6px}.ht-ladder{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:calc(var(--step) * 3)}.rung{font-family:var(--font-mono);font-size:.72rem;padding:5px 9px;border-radius:999px;border:1px solid var(--edge);color:var(--text-muted);background:var(--surface-2)}.rung.is-done{background:var(--ok);border-color:var(--ok);color:var(--text)}.rung.is-now{background:var(--accent-lit);border-color:var(--accent-lit);color:var(--on-lit)}.ht-result{border-top:1px solid var(--edge);margin-top:calc(var(--step) * 3);padding-top:calc(var(--step) * 3);text-align:center}.ht-value strong{font-family:var(--font-mono);font-size:clamp(1.6rem,1.1rem + 2vw,2.2rem);color:var(--accent-text)}.ht-result p{max-width:56ch;margin-inline:auto}.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:calc(var(--step) * 3)}.share-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-right:2px}.share-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-family:var(--font-body);font-size:.86rem;border:1px solid var(--edge);border-radius:999px;background:var(--surface-2);color:var(--text-muted);text-decoration:none;cursor:pointer}.share-btn svg{display:block;flex:0 0 auto}.share-btn:hover,.share-btn:focus-visible{background:var(--accent-lit);color:var(--on-lit);border-color:var(--accent-lit)}.share-btn:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}.pads.is-picking .pad,.is-picking .pad{cursor:copy}.pad-slot.is-picked .pad{border-color:var(--accent-lit);box-shadow:inset 0 0 0 1px var(--accent-lit)}.pad-slot.is-picked:after{content:"✓";position:absolute;top:7px;left:9px;font-size:.8rem;line-height:1;color:var(--accent-lit);pointer-events:none}.drill{margin-top:calc(var(--step) * 3)}.drill h2{text-align:left;margin-top:0}.drill-answer input{font-family:var(--font-mono);font-size:1.05rem;text-align:center;width:4.2rem;min-height:42px;padding:0 10px;border:1px solid var(--edge);border-radius:7px;background:var(--surface-2);color:var(--text);text-transform:uppercase}.drill-answer input:focus-visible{outline:2px solid var(--accent-lit);outline-offset:1px}.drill-answer input:disabled{opacity:.45}.tuner{display:grid;justify-items:center;gap:calc(var(--step) * 2)}.tuner-read{display:flex;align-items:baseline;justify-content:center;gap:calc(var(--step) * 1.5);flex-wrap:wrap}.tuner-read strong{font-family:var(--font-display);font-size:clamp(2.3rem,1.6rem + 2.8vw,3.4rem);line-height:1;font-variation-settings:"wdth" 100,"wght" 600}.tuner-read [data-hz]{color:var(--text-muted);font-size:1rem}.cents{position:relative;width:200px;max-width:100%;height:44px}.cents-scale{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between}.cents-scale i{width:1px;height:11px;background:var(--edge)}.cents-scale i.mid{width:2px;height:26px;background:var(--accent)}.cents-needle{position:absolute;left:50%;top:50%;width:3px;height:34px;margin:-17px 0 0 -1.5px;border-radius:2px;background:var(--accent-lit);transition:transform 90ms linear,background-color .12s linear}.cents-needle.is-ok{background:var(--ok-text);box-shadow:0 0 12px #c2859380}[data-verdict].is-ok{color:var(--ok-text)}@media(prefers-reduced-motion:reduce){.cents-needle{transition:none}}.strings{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--step)}.string-btn{display:grid;justify-items:center;gap:2px;min-width:72px;padding:calc(var(--step) * 1.25) calc(var(--step) * 1.5);font:inherit;cursor:pointer;color:var(--text);background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius)}.string-btn .string-name{font-size:.88rem}.string-btn .string-note{font-size:.74rem;color:var(--hint)}.string-btn:hover,.string-btn:focus-visible{border-color:var(--accent-lit)}.string-btn:focus-visible{outline:2px solid var(--accent-lit);outline-offset:2px}.string-btn[aria-pressed=true]{border-color:var(--accent-lit);background:#9d4edd29}.string-btn[aria-pressed=true] .string-note{color:var(--accent-text)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;height:18px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--fill, 0%),var(--edge) var(--fill, 0%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:0;border-radius:50%;background:var(--accent-lit);margin-top:-5px}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--edge)}input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--accent-lit)}input[type=range]:focus-visible{outline:2px solid var(--accent-lit);outline-offset:3px}.strip-slider input[type=range]::-webkit-slider-runnable-track{width:6px;height:100%;background:linear-gradient(to top,var(--accent) var(--fill, 0%),var(--edge) var(--fill, 0%))}.strip-slider input[type=range]::-webkit-slider-thumb{margin:0 0 0 -5px}.strip-slider input[type=range]::-moz-range-track{width:6px;height:100%}