:root{font-family:Courier New,Courier,monospace;font-weight:700;color:#111;background:#eedbb8;font-synthesis:none;--faceplate: #d8a0a6;--ink: #111}[hidden]{display:none!important}html,body{width:100%;min-height:100%}html{overflow-y:auto;scrollbar-gutter:stable}body{margin:0;min-height:100dvh}#app{width:100%;display:flex;flex-direction:column}.stage{width:100%;padding:12px 0 24px}main{width:min(100%,680px);margin:0 auto;container-type:inline-size}.play-surface{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.pedal-column{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center}.instrument,.output{width:var(--pedal-width,100%)}.page-header{width:100%;display:flex;align-items:center;gap:clamp(8px,1.5vw,24px);flex:none}.brand{display:block;width:clamp(40px,6.25vw,140px);flex:none}.brand img{display:block;width:100%;max-height:9dvh;object-fit:contain;height:auto}.page-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.65em;font-size:clamp(10px,.9375vw,24px)}.page-nav button{border:0;padding:.6em 0;background:none}.page-nav a:hover,.page-nav button:hover{text-decoration:underline;text-underline-offset:.3em}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,.knob:focus-visible{outline:2px solid #245e96;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.output{display:flex;justify-content:flex-start;align-items:center;gap:.65em;margin-bottom:8px;font-size:14px}.output button{padding:.4em 0;background:none;border:0}.source[aria-pressed=true] .loop-name,.output [aria-pressed=true]{text-decoration:underline;text-underline-offset:.4em;text-decoration-thickness:.15em}.pedal{position:relative;isolation:isolate;aspect-ratio:1412 / 1111}.pedal>img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.control{position:absolute;transform:translate(-50%,-50%);padding:0;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.knob{aspect-ratio:1;cursor:pointer;border-radius:50%}.knob svg,.toggle svg,.footswitch svg,.led svg{display:block;width:100%;height:100%}.knob>.indicator,.toggle>.switch-arrow{width:100%;height:100%;transform-origin:50% 50%;pointer-events:none}.toggle{width:7.01597%;aspect-ratio:1;background:none;border:0;border-radius:50%;cursor:pointer}.toggle[aria-orientation=vertical]{cursor:pointer}.footswitch{width:12.6876%;aspect-ratio:1;background:none;border:0;border-radius:50%}.footswitch:active svg{transform:scale(.96)}.led{position:absolute;top:71.2276%;width:8.3145%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;--led-lens-fill: #234976}.hold-led{left:24.88513%}.bypass-led{left:75.07362%}.led.lit{--led-lens-fill: #438cf0}.led-lens{transition:fill 65ms linear}.player{flex:none;width:100%;margin:0;text-align:center;--avatar-size: clamp(48px, 9svh, 80px)}.transport{width:100%}.artists{position:relative;width:100%;height:120px;overflow:clip;overflow-clip-margin:8px;transition:height .18s ease}.artist-avatar{position:absolute;width:var(--avatar-size,80px);height:var(--avatar-size,80px);border:3px solid var(--ink);border-radius:50%;padding:0;display:grid;place-items:center;background:#058e90;font-size:clamp(14px,2svh,20px);overflow:hidden;opacity:1;visibility:visible;transition:left .18s ease,top .18s ease,transform .12s ease,opacity .16s ease,visibility 0s}.artist-avatar.is-dismissed{opacity:0;visibility:hidden;pointer-events:none;transition:left .18s ease,top .18s ease,transform .12s ease,opacity .16s ease,visibility 0s linear .16s}.artist-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 47%}.artist-avatar[aria-expanded=true]{transform:scale(1.12)}.artist-panel{margin-top:8px;font-size:16px;line-height:1.4}.artist-panel h2{font:inherit;font-size:21px;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere}.biographies{margin-top:28px;padding-bottom:16px}.bio-copy{margin:0;font-size:14px;font-weight:400;line-height:1.5;color:#474236;text-align:left;white-space:pre-line;overflow-wrap:anywhere}.bio-copy.is-columns{column-count:2;column-gap:32px}.bio-copy a{text-decoration:underline;text-underline-offset:.25em}.sources{text-align:left;font-size:16px;line-height:1.4;margin:0}.loop-list{margin:0;padding:0;list-style:none}.source{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;width:100%;padding:10px 0;min-height:44px;max-width:100%;overflow-wrap:anywhere;text-align:left;background:none;border:0;font-size:inherit;line-height:inherit}.loop-icon{width:18px;height:18px;margin-top:.2em}.loop-icon svg{display:block;width:100%;height:100%;fill:currentColor}.pause-icon,.source[aria-pressed=true] .play-icon{display:none}.source[aria-pressed=true] .pause-icon{display:block}.source:disabled{cursor:wait}.source[aria-busy=true]{opacity:.5}.source:hover .loop-name{text-decoration:underline;text-underline-offset:.4em}#status{margin:20px auto 0;font-size:14px;line-height:1.5}@media(max-width:600px){.knob:before,.toggle:before{content:"";position:absolute;inset:-7px;min-width:36px;min-height:36px;border-radius:50%}}@media(max-height:650px){.artist-panel{margin-top:4px}.artist-panel h2{font-size:18px}.source{min-height:36px;padding:7px 0}}@media(hover:none)and (orientation:landscape){body .site-header{padding:8px 0}body .site-brand img{width:32px;height:28px}.stage{padding-top:8px}.play-surface{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center}.pedal-column{height:100%}.player{--avatar-size: 48px}}@media(hover:none)and (orientation:landscape)and (max-height:400px){.sources{font-size:14px;line-height:1.3}.source{padding-block:3px}}dialog{width:min(460px,85vw);max-height:80dvh;margin:auto;padding:24px;border:3px solid var(--ink);background:#eedbb8;color:var(--ink);font:inherit;font-size:clamp(10px,1.1vw,14px);line-height:1.6}dialog::backdrop{background:#eedbb8c9}dialog h2{font:inherit;margin-top:0}dialog button{float:right;border:0;background:none;padding:0 0 8px 12px}@media(hover:hover)and (pointer:fine),(min-width:1000px){.stage{padding-top:clamp(20px,2vw,32px)}main{width:min(100%,1600px);display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.play-surface{width:min(100%,var(--desktop-width, 1600px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start;padding-bottom:0}.pedal-column{min-width:0;height:auto}.output{font-size:clamp(10px,2.4cqw,16px);margin-bottom:18px}.output button{padding:.615em 0}.player{width:100%;min-width:0;margin:0;padding-top:var(--artist-top, 48px);--avatar-size: clamp(64px, 7vw, 112px)}.artist-avatar{font-size:clamp(16px,2vw,24px)}.artist-panel{margin-top:24px;font-size:17px}.artist-panel h2{font-size:23px;margin-bottom:18px}.sources{font-size:18px}.source{min-height:44px;padding:10px 0}.biographies{grid-column:1 / -1;width:min(100%,var(--desktop-width, 1600px));margin:20px auto 0}}body{padding:0 clamp(16px,4vw,64px) clamp(12px,2vmin,24px)}.site-header{padding:clamp(12px,2vmin,24px) 0;border-color:#c8b897}.site-nav a{min-width:34px;justify-content:center}@media(hover:hover)and (pointer:fine),(min-width:1000px){body{padding-inline:clamp(16px,2vw,40px)}}@media(min-width:1000px){body .site-header{padding-block:12px}.stage{padding-block:20px 16px}}@media(min-width:1000px)and (max-height:800px){body .site-header{padding-block:8px}.stage{padding-top:12px}.output{margin-bottom:10px}.player{--avatar-size: 64px}.artist-panel{margin-top:12px}.artist-panel h2{font-size:20px;margin-bottom:12px}.sources{font-size:16px}.source{grid-template-columns:20px minmax(0,1fr);gap:6px;min-height:32px;padding-block:5px}}@media(hover:none)and (max-width:999px){body,.stage{padding-bottom:0}}@media(prefers-reduced-motion:reduce){.led-lens,.artists,.artist-avatar,.artist-avatar.is-dismissed{transition:none}}:root{--paper: #f5f1e8;--ink: #292c25;--muted: #66685e;--line: #d5d5c9}*{box-sizing:border-box}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.site-brand{display:flex;align-items:center;gap:15px;color:var(--ink);text-decoration:none}.site-brand img{width:66px;height:57px;object-fit:contain}.site-brand span{font:500 12px/1.4 Arial,sans-serif;letter-spacing:.13em}.site-nav{display:flex;gap:clamp(16px,3.3vw,52px);align-items:center}.site-nav a{display:inline-flex;align-items:center;min-height:44px;font:700 13px/1.4 Courier New,Courier,monospace;color:var(--ink);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}a:focus-visible,button:focus-visible{outline:2px solid #425840;outline-offset:6px}.skip-link{position:fixed;left:16px;top:12px;z-index:10;padding:12px 20px;background:var(--ink);color:var(--paper);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}@media(max-width:540px){.site-header{gap:12px;padding:17px 0}.site-brand{gap:9px}.site-brand img{width:43px;height:40px}.site-brand span{font-size:9px}.site-nav a{font-size:12px}.site-nav{gap:17px}}@media(max-width:350px){.site-brand span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}