:root{color-scheme:dark;--bg: #0c0c10;--bg-2: #16161d;--bg-3: #1c1c25;--fg: #e8e8ec;--fg-dim: #7d7d8a;--accent: #00ffa3;--accent-glow: rgba(0, 255, 163, .55);--red: #ff4d6d;--line: rgba(255, 255, 255, .08);--amber: #ffb14a;--red: #d94646;--slate: #6e8ab2;--teal: #4dbab0;--purple: #b07acc;--yellow: #e8c542;--silver: #b8b8c5;--parchment-light: #ece3d0;--parchment-dark: #dbcfb5;--parchment-mid: #c9bea2;--parchment-ink: #2a2317;--parchment-dim: #6e6347;--parchment-border:#a89a78;--rack-top: #c4b997;--rack-bot: #b3a682;--rack-border: #8f8264;--felt-base: #211c17;font-family:Oswald,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--felt-base);color:var(--parchment-ink);font-size:14px;overflow:hidden;-webkit-user-select:none;user-select:none}.app-viewport{position:fixed;inset:0;overflow:hidden;background:var(--felt-base)}.app-scale{transform-origin:top left}.board{height:100%;width:100%;display:grid;grid-template-rows:auto auto 1fr auto}.preset-bar{display:flex;align-items:center;gap:12px;height:44px;padding:0 28px;background:var(--parchment-mid);border-bottom:1px solid #a99c7c;position:relative;z-index:1}.preset-label{font-size:10px;letter-spacing:.32em;color:var(--parchment-dim);text-transform:uppercase;font-weight:600;font-family:Oswald,Segoe UI,sans-serif}.preset-select{display:flex;align-items:center;height:28px;padding:0 13px;min-width:160px;border:1px solid #8a7d5e;border-radius:5px;background:#ece2ca;font-size:13px;color:#3a3119;font-family:Oswald,Segoe UI,sans-serif;box-shadow:0 1px #ffffff80 inset;cursor:pointer}.preset-select:focus{outline:none;border-color:#6a5e3c}.preset-btn{height:28px;padding:0 14px;border-radius:5px;border:1px solid #8a7d5e;background:#e3d8bf;color:#3a3119;font-size:10px;letter-spacing:.16em;cursor:pointer;text-transform:uppercase;font-weight:600;font-family:Oswald,Segoe UI,sans-serif;transition:filter .12s ease}.preset-btn:hover:not(:disabled){filter:brightness(1.06)}.preset-btn:disabled{opacity:.4;cursor:not-allowed}.board-header{display:flex;align-items:center;gap:14px;height:64px;padding:0 28px;flex:0 0 auto;background:linear-gradient(180deg,var(--parchment-light),var(--parchment-dark));border-bottom:1px solid var(--parchment-border);box-shadow:0 3px 10px #00000059;position:relative;z-index:2}.board-brand{display:flex;align-items:center;gap:14px}.board-brand-mark{width:18px;height:16px;background:#241d12;clip-path:polygon(50% 0,100% 100%,0 100%);flex:0 0 auto}.board-brand-name{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:.2em;color:#221b10;line-height:1;padding-right:4px}.board-brand-kit{font-size:10px;letter-spacing:.42em;color:#8a7d60;font-weight:600;text-transform:uppercase;border-left:1px solid var(--parchment-border);padding-left:14px;align-self:center;height:20px;display:flex;align-items:center}.header-spacer{flex:1}.parchment-btn{display:flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:6px;border:1px solid #9c8e6c;background:#e3d8bf;color:#3a3119;font-size:11px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-weight:600;font-family:Oswald,Segoe UI,sans-serif;box-shadow:0 1px #ffffff80 inset;transition:filter .12s ease}.parchment-btn:hover:not(:disabled){filter:brightness(1.05)}.parchment-btn:disabled{opacity:.6;cursor:progress}.parchment-btn-engage{background:#8a3a32;color:#f3e3cc;border-color:#5a221c}.parchment-btn-led{width:8px;height:8px;border-radius:50%;background:#3a342a;box-shadow:none;opacity:.5;transition:all .18s ease;flex:0 0 auto}.parchment-btn-led.on{background:#54d98a;box-shadow:0 0 8px #54d98a;opacity:1}.io-status{display:flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:6px;border:1px solid #9c8e6c;background:#e3d8bf;color:#3a3119;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;font-family:Oswald,Segoe UI,sans-serif;box-shadow:0 1px #ffffff80 inset}.io-status-led{width:8px;height:8px;border-radius:50%;background:#3a342a;opacity:.5;flex:0 0 auto;transition:all .18s ease}.io-status.io-on .io-status-led{background:#54d98a;box-shadow:0 0 8px #54d98a;opacity:1}.engage-btn-mini{display:inline-flex;align-items:center;gap:10px;background:#e3d8bf;color:#3a3119;border:1px solid #9c8e6c;border-radius:8px;padding:8px 18px;font-family:"Oswald",inherit;font-size:11px;letter-spacing:.3em;cursor:pointer;transition:all .18s ease}.engage-btn-mini:hover:not(:disabled){filter:brightness(1.05)}.engage-btn-mini.on{background:#8a3a32;color:#f3e3cc;border-color:#5a221c}.engage-btn-mini:disabled{opacity:.6;cursor:progress}.led{width:8px;height:8px;border-radius:50%;background:#3a342a;transition:all .18s ease}.engage-btn-mini.on .led{background:#54d98a;box-shadow:0 0 8px #54d98a}.layout{display:grid;grid-template-columns:220px 1fr;overflow:hidden}.rack{display:flex;flex-direction:column;padding:16px 12px;border-right:1px solid var(--rack-border);background:linear-gradient(180deg,var(--rack-top),var(--rack-bot));box-shadow:2px 0 8px #0000004d;overflow-y:auto;position:relative;z-index:1}.rack-title{font-size:10px;letter-spacing:.3em;color:#6c6044;margin:0 4px 12px;text-transform:uppercase;font-weight:600}.rack-list{display:flex;flex-direction:column;gap:5px}.rack-card{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 11px;border-radius:6px;background:#e0d6bc;border:1px solid #ab9e7d;box-shadow:0 1px #ffffff73 inset;cursor:grab;transition:filter .12s ease,transform .12s ease;overflow:hidden}.rack-card:hover:not(.in-use){filter:brightness(1.06);transform:translateY(-1px)}.rack-card:active:not(.in-use){cursor:grabbing}.rack-card.in-use{cursor:not-allowed;opacity:.6}.rack-card-chip{width:13px;height:13px;border-radius:4px;background:var(--rack-chip, #888);box-shadow:0 0 0 1px #0000004d,0 1px 1px #0003;flex:0 0 auto}.rack-card-name{font-family:Oswald,Segoe UI,sans-serif;font-size:13.5px;color:#332817;font-weight:500;white-space:nowrap;position:relative;z-index:1;flex:1;letter-spacing:.04em}.rack-card-sub{font-size:8.5px;letter-spacing:.16em;color:#7a6e54;position:relative;z-index:1;white-space:nowrap;font-weight:600}.rack-card-badge{font-size:8px;letter-spacing:.12em;color:#8a3a32;border:1px solid #8a3a32;border-radius:3px;padding:2px 5px;font-weight:600;white-space:nowrap}.rack-hint{margin-top:auto;padding-top:20px;font-size:9px;letter-spacing:.15em;color:#8a7d60;text-align:center}.pedalboard{position:relative;padding:36px 38px;display:flex;flex-direction:column;gap:30px;align-items:stretch;justify-content:center;overflow:auto;background:radial-gradient(130% 90% at 50% -15%,rgba(255,236,205,.07),transparent 52%),radial-gradient(125% 120% at 50% 125%,rgba(0,0,0,.55),transparent 58%),radial-gradient(rgba(255,255,255,.022) .5px,transparent .6px),radial-gradient(rgba(0,0,0,.05) .5px,transparent .6px),var(--felt-base);background-size:auto,auto,3px 3px,4px 4px,auto;background-position:0 0,0 0,0 0,1px 2px,0 0;transition:filter .16s ease}.pedalboard.drop-active{filter:brightness(1.08) saturate(1.1)}.pedalboard-section{position:relative;align-self:stretch;min-height:310px;display:flex;align-items:center;justify-content:flex-start}.pedalboard-rail{position:absolute;left:0;right:0;height:14px;border-radius:3px;background:linear-gradient(180deg,#ffffff57,#dce6f02e 8%,#a0afc30d 28%,#3c46550d 65%,#0f121959 92%,#00000080),linear-gradient(180deg,#50545c,#2e323a 55%,#1a1d23);border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(0,0,0,.55);box-shadow:inset 0 1px #ffffff24,inset 0 -1px 1px #00000059,0 4px 10px #0000008c;pointer-events:none;z-index:0;transform:translateY(-50%)}.pedalboard-rail-top{top:25%}.pedalboard-rail-bottom{top:75%}.pedalboard-row{display:flex;gap:60px;align-items:flex-end;position:relative;z-index:1;min-height:310px}.patch-cables{position:absolute;top:50%;left:0;transform:translateY(-50%);pointer-events:none;overflow:visible}.cable-amber{--cable-glow: #d99b4a}.cable-red{--cable-glow: #d96060}.cable-slate{--cable-glow: #7da0d9}.cable-teal{--cable-glow: #5fc7bb}.cable-purple{--cable-glow: #b88ad6}.cable-yellow{--cable-glow: #d9c450}.cable-silver{--cable-glow: #a8b4c0}.pedalboard-empty-msg{color:var(--fg-dim);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:60px 80px;border:1px dashed var(--line);border-radius:12px;background:#ffffff05}.pedal{border-radius:14px;position:relative;flex-shrink:0;z-index:1;box-shadow:inset 0 0 0 1px #00000080,inset 0 3px 2px #ffffff47,inset 0 -3px 2px #0000008c,inset 2px 0 2px #ffffff14,inset -2px 0 2px #0000004d,0 1px #000000d9,0 2px 3px #000000bf,0 6px 9px -2px #000000bf,0 16px 28px -6px #000c,0 32px 64px -12px #0009;transition:filter .2s ease,transform .16s ease;overflow:hidden}.pedal-bevel-boss:before{content:"";position:absolute;top:1px;left:8px;right:8px;height:1.5px;background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.18) 60%,transparent 100%);border-radius:1px;pointer-events:none;z-index:3}.pedal:hover{transform:translateY(-1px)}.pedal-bevel-mxr{border-radius:8px}.pedal-bevel-flat-plate{border-radius:10px}.pedal-bevel-mutron{border-radius:6px}.pedal.bypassed{filter:brightness(.88) saturate(.78)}.pedal-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.06),transparent 40%),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0px,rgba(255,255,255,.022) 1px,transparent 1px,transparent 3px);z-index:1}.pedal-screw{position:absolute;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,transparent 34%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.92) 58%,transparent 66%),linear-gradient(45deg,transparent 34%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.92) 58%,transparent 66%),radial-gradient(circle at 32% 28%,#ffffffa6,#c8cdd780 18%,#6e737d8c 40%,#282a32e0 72%,#08080cf2 94%);box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0009,0 1px 2px #000000b3;pointer-events:none;z-index:2}.pedal-accent-band{position:absolute;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center}.pedal-accent-band-text{font-family:Bebas Neue,Arial Narrow,sans-serif;letter-spacing:.15em;font-weight:700}.pedal-panel{position:absolute;border-radius:5px;border:1px solid rgba(0,0,0,.45);box-shadow:inset 0 2px 4px #0000008c,inset 0 -1px 1px #ffffff0f,0 1px #ffffff1f;z-index:2}.pedal-brand-logo,.pedal-model-name,.pedal-subtitle{position:absolute;transform:translate(-50%,-50%);letter-spacing:.12em;text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(0,0,0,.08);white-space:nowrap;z-index:3;pointer-events:none}.pedal-model-name{letter-spacing:.06em}.pedal-brand-logo{letter-spacing:.22em;opacity:.88}.pedal-brand-script{position:absolute;transform:translate(-50%,-50%);letter-spacing:0;font-style:italic;white-space:nowrap;z-index:3;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(0,0,0,.18)}.pedal-extra-label{position:absolute;transform:translate(-50%,-50%);letter-spacing:.16em;white-space:nowrap;z-index:3;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(0,0,0,.08)}.pedal-deco-led{position:absolute;pointer-events:none;z-index:3;border:1px solid rgba(0,0,0,.55)}.pedal-deco-led-round{border-radius:50%}.pedal-deco-led-rect{border-radius:1.5px}.pedal-status-led{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 50% 60%,#1a1a22,#050507);border:1px solid rgba(0,0,0,.78);box-shadow:inset 0 1px 1px #ffffff0d,inset 0 -1px 1px #0009;z-index:3;pointer-events:none}.pedal-status-led:before{content:"";position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle at 40% 30%,transparent 0%,transparent 100%);transition:background .22s ease,box-shadow .22s ease}.pedal.engaged .pedal-status-led:before{background:radial-gradient(circle at 35% 25%,#ffffff 0%,rgba(255,255,255,.85) 12%,var(--pedal-glow, #ff2020) 42%,color-mix(in srgb,var(--pedal-glow, #ff2020) 60%,#000) 100%);box-shadow:0 0 4px var(--pedal-glow, #ff2020),0 0 10px color-mix(in srgb,var(--pedal-glow, #ff2020) 80%,transparent),0 0 22px color-mix(in srgb,var(--pedal-glow, #ff2020) 45%,transparent);animation:led-breathe 2.8s ease-in-out infinite}.pedal-status-led:after{content:"";position:absolute;inset:-8px;border-radius:50%;pointer-events:none;transition:background .22s ease}.pedal.engaged .pedal-status-led:after{background:radial-gradient(circle,color-mix(in srgb,var(--pedal-glow, #ff2020) 32%,transparent) 0%,transparent 68%)}@keyframes led-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.pedal-jack{position:absolute;width:7px;height:18px;border-radius:3.5px;background:linear-gradient(90deg,#2c3038,#74808e 18%,#d8dce4 38%,#f6f9fd,#d8dce4 62%,#74808e 82%,#2c3038);border:1px solid rgba(0,0,0,.85);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000008c,0 1px 1.5px #000000b3,-1px 0 1.5px #00000080;pointer-events:none;z-index:2}.pedal-jack-out{box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000008c,0 1px 1.5px #000000b3,1px 0 1.5px #00000080}.pedal-drag-handle{position:absolute;top:2px;left:50%;transform:translate(-50%);cursor:grab;font-size:9px;color:#00000059;padding:2px 8px;letter-spacing:.05em;-webkit-user-select:none;user-select:none;touch-action:none;opacity:0;transition:opacity .16s ease;border-radius:3px;z-index:5}.pedal:hover .pedal-drag-handle{opacity:.7}.pedal-drag-handle:hover{opacity:1!important;background:#00000026}.pedal-drag-handle:active{cursor:grabbing}.pedal-remove{position:absolute;top:3px;right:3px;background:#0006;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:13px;cursor:pointer;width:18px;height:18px;line-height:1;padding:0;border-radius:50%;transition:opacity .14s ease,background .12s ease,transform .12s ease;opacity:0;z-index:5;display:flex;align-items:center;justify-content:center}.pedal:hover .pedal-remove{opacity:.75}.pedal-remove:hover{background:#b41e1ed9;opacity:1;transform:scale(1.08)}.knob{display:flex;flex-direction:column;align-items:center;gap:2px;z-index:4}.knob-cap-wrap{position:relative;cursor:ns-resize;touch-action:none}.knob-svg{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.55)) drop-shadow(0 4px 8px rgba(0,0,0,.35));transition:filter .16s ease,transform .12s ease}.knob-cap-wrap:hover .knob-svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 3px 5px rgba(0,0,0,.6)) drop-shadow(0 5px 9px rgba(0,0,0,.4))}.knob-active .knob-svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 5px var(--pedal-glow, #ff3030))}.knob-label{font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:8px;letter-spacing:.18em;color:var(--ink-color, rgba(0, 0, 0, .8));font-weight:700;margin-top:2px;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.18)}.knob-value-overlay{position:absolute;left:0;right:0;top:-14px;text-align:center;font-size:9px;color:var(--pedal-glow, #ff3030);text-shadow:0 0 6px var(--pedal-glow, #ff3030);font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;transition:opacity .14s ease}.knob-cap-wrap:hover .knob-value-overlay,.knob.knob-active .knob-value-overlay{opacity:1}.footswitch{background:transparent;border:none;padding:0;cursor:pointer;font-family:inherit;z-index:4}.fs-boss-plate-wrap{position:relative;width:194px;height:130px}.fs-boss-plate-body{position:absolute;inset:8px 0 0;border-radius:6px 6px 8px 8px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#3a3c44,#232530 35%,#14151c 75%,#08090e);border:1px solid rgba(0,0,0,.85);box-shadow:inset 1px 0 1px #ffffff12,inset -1px 0 1px #00000080,0 5px 9px #0000008c;transition:transform 80ms ease,box-shadow 80ms ease}.fs-boss-rubber{flex:1 1 auto;margin:8px 28px 10px;border-radius:3px;background:repeating-linear-gradient(90deg,#ffffff05 0px 1px,#0000000d 1px 2px),linear-gradient(180deg,#25262c,#181920 38%,#0d0e14 75%,#07080c);box-shadow:inset 0 2px 2px #ffffff14,inset 0 -1px 3px #0000008c,0 1px 2px #0009}.fs-boss-lip{position:relative;flex:0 0 44px;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(180,184,192,.18) 6%,transparent 18%),linear-gradient(180deg,#1c1d24,#12131a 40%,#07080c);box-shadow:inset 0 -2px 4px #000000b3}.fs-boss-hinge{position:absolute;top:0;left:8px;right:8px;height:8px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#f4f6fa,#c8ccd4 18%,#8a8e98 45%,#2c2e36 80%,#0a0a10);border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(0,0,0,.8);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px 1px #0009,0 2px 3px #0000008c}.fs-boss-stomp-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Bahnschrift Condensed,Eurostile,Microgramma,Arial Black,Impact,sans-serif;font-size:32px;font-weight:900;letter-spacing:.36em;color:transparent;background:linear-gradient(180deg,#060608 0% 46%,#b4b8c08c 49% 51%,#060608 54% 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.95)) drop-shadow(0 -2px 1px rgba(0,0,0,.55)) drop-shadow(0 1px 0 rgba(220,224,232,.55)) drop-shadow(0 2px 1px rgba(255,255,255,.18));pointer-events:none;-webkit-user-select:none;user-select:none}.footswitch:active .fs-boss-plate-body{transform:translateY(3px);box-shadow:inset 0 2px 5px #0009,inset 0 -1px 1px #ffffff0a,0 1px 2px #000000b3}.fs-mxr-wrap{position:relative;width:28px;height:28px}.fs-mxr-collar{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 45deg,#ffffff26,#0006,#ffffff1f,#0006,#ffffff26,#0006,#ffffff26 360deg),radial-gradient(circle at 50% 50%,#000000b3 32%,#505460b3 50%,#1e2028eb 80%,#000000f2);border:1px solid rgba(0,0,0,.9);box-shadow:inset 0 2px 2px #0000008c,inset 0 -1px 1px #ffffff1a,0 1px 2px #0009}.fs-mxr-button{position:absolute;inset:6px;border-radius:50%;background:radial-gradient(ellipse 40% 30% at 32% 22%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.25) 40%,transparent 70%),radial-gradient(ellipse 50% 12% at 50% 82%,rgba(220,225,235,.25) 0%,transparent 70%),linear-gradient(165deg,#6a6e78,#383c46 40%,#14161e 75%,#06060a);border:1px solid rgba(0,0,0,.85);box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #0000008c,0 2px 4px #000000a6;transition:transform 70ms ease,box-shadow 70ms ease}.footswitch:hover .fs-mxr-button{filter:brightness(1.08)}.footswitch:active .fs-mxr-button{transform:translateY(2px);box-shadow:inset 0 1px 2px #0009,inset 0 -1px 1px #ffffff26,0 1px 1.5px #0000008c}.fs-re202-wrap{position:relative;width:36px;height:36px}.fs-re202-base{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffffff40,#787882b3,#1e1e26f2 70%,#000c);border:1px solid rgba(0,0,0,.7)}.fs-re202-dome{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.7),transparent 50%),linear-gradient(180deg,#d8d8e0,#6a6a74);border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 2px 2px #ffffff73,0 2px 3px #0000008c;transition:transform 80ms ease}.footswitch:active .fs-re202-dome{transform:translateY(1.5px)}.fs-mutron-wrap{position:relative;width:50px;height:22px}.fs-mutron-paddle{position:absolute;inset:0;border-radius:4px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.3),transparent 60%),linear-gradient(180deg,#2a2a32,#0a0a10);border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -1px 1px #00000080,0 3px 5px #0000008c;transition:transform 80ms ease}.footswitch:active .fs-mutron-paddle{transform:translateY(2px)}.fs-decorative-label{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:7px;letter-spacing:.12em;color:var(--ink-color, rgba(0, 0, 0, .7));white-space:nowrap;text-transform:uppercase}.status-bar{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);background:var(--bg-2);height:34px;padding:0 32px;font-size:10px;letter-spacing:.1em;color:var(--fg-dim)}.status-info{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meters-inline{display:flex;gap:12px}.mini-meter{display:flex;align-items:center;gap:6px}.mini-meter-label{font-size:9px;color:var(--fg-dim)}.mini-meter-track{width:80px;height:6px;background:#0a0a10;border-radius:3px;overflow:hidden;border:1px solid var(--line)}.mini-meter-fill{height:100%;border-radius:2px;transition:width 60ms linear;box-shadow:0 0 8px currentColor}.mini-green{background:var(--accent);color:var(--accent-glow)}.mini-amber{background:var(--amber);color:#ffb14a73}.mini-red{background:var(--red);color:#ff4d6d73}.err-inline{color:var(--red)}.audio-gear-btn{background:linear-gradient(180deg,#1f1f2a,#15151d);color:var(--fg-dim);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-family:inherit;font-size:11px;letter-spacing:.3em;cursor:pointer;transition:all .12s ease}.audio-gear-btn:hover{color:var(--fg);border-color:#ffffff2e}.device-picker{display:flex;flex-direction:column;gap:10px;padding:14px 32px;background:var(--bg-2);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.15em}.device-picker-row{display:flex;align-items:center;gap:12px}.device-picker-label{color:var(--fg-dim);font-size:10px;letter-spacing:.3em;min-width:56px}.device-picker-select{flex:1;background:var(--bg-3);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:11px;cursor:pointer;max-width:640px}.device-picker-select:focus{outline:none;border-color:#ffffff40}.device-picker-warn{color:var(--red);font-size:10px;letter-spacing:.15em;padding-left:68px}.device-picker-actions{display:flex;gap:10px;padding-top:4px;padding-left:68px}.device-picker-btn{background:linear-gradient(180deg,#1f1f2a,#15151d);color:var(--fg-dim);border:1px solid var(--line);border-radius:6px;padding:6px 16px;font-family:inherit;font-size:10px;letter-spacing:.3em;cursor:pointer;transition:all .12s ease}.device-picker-btn:hover{color:var(--fg);border-color:#ffffff2e}.device-picker-btn.ghost{background:transparent}.pedal-bevel-signal{border-radius:17px;overflow:visible;box-shadow:0 1.5px #ffffff57 inset,0 -4px 12px #0000003d inset,0 18px 30px #00000085,0 5px 10px #0000006b;border:1px solid rgba(0,0,0,.42)}.pedal-signal-frame{position:absolute;inset:7px;border-radius:12px;border:1px solid var(--ink-color, rgba(0,0,0,.7));opacity:.26;pointer-events:none;z-index:1}.knob-signal-fluted .knob-label{font-family:Oswald,Segoe UI,sans-serif;font-size:9.5px;letter-spacing:.16em;opacity:.9}.fs-signal-wrap{position:relative;width:58px;height:58px;border-radius:50%;background:conic-gradient(from 35deg,#e8eaee,#8b8d94,#e8eaee,#74767d,#e8eaee,#8b8d94,#e8eaee);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 7px #00000080,0 0 0 1px #0006,0 0 0 5px #00000029}.fs-signal-btn{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#3a3c42,#0c0e11 72%);box-shadow:0 -2px 5px #0009 inset,0 2px 2px #fff3,0 1px 2px #00000080;transition:transform 70ms ease}.footswitch:active .fs-signal-btn{transform:translateY(2px)}.pedal-bevel-signal .pedal-status-led{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1a1a22,#050507);border:1px solid rgba(0,0,0,.3);box-shadow:none}.pedal-bevel-signal.engaged .pedal-status-led:before{background:radial-gradient(circle at 35% 30%,#ffd6c4,#ff4a26 58%,#8f1606);box-shadow:0 0 10px #ff5a30,0 0 3px #fff inset;animation:led-breathe 2.8s ease-in-out infinite}.pedal-bevel-signal .pedal-jack{border-radius:3px;background:linear-gradient(180deg,#fafbfc,#d0d2d6 20%,#85878c 48%,#6b6d72 54%,#b5b7bc 80%,#eef0f2);border:none;box-shadow:0 1px 3px #00000073;z-index:2}.pedal-bevel-signal .pedal-jack-in{border-radius:4px 1px 1px 4px}.pedal-bevel-signal .pedal-jack-out{border-radius:1px 4px 4px 1px}.pedal-bevel-signal .pedal-jack:after{content:"";position:absolute;top:-1.5px;bottom:-1.5px;width:3px;background:linear-gradient(180deg,#eceef0,#9a9ca0 50%,#d6d8db);box-shadow:0 0 0 1px #0000004d}.pedal-bevel-signal .pedal-jack-in:after{right:0}.pedal-bevel-signal .pedal-jack-out:after{left:0}.pedal-bevel-signal.bypassed{filter:brightness(.82) saturate(.7)}.knob-signal-fluted .knob-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.cable-end{transform-box:view-box;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.patch-cables{z-index:0}.pedalboard-row{z-index:1}.pedal{z-index:2}.pedalboard-rail{opacity:.18}.pedal-brand-logo{text-shadow:none}.audio-gear-btn{background:#e3d8bf;color:#3a3119;border:1px solid #9c8e6c;border-radius:6px;padding:0 16px;height:34px;font-family:Oswald,Segoe UI,sans-serif;font-size:11px;letter-spacing:.2em;cursor:pointer;font-weight:600;box-shadow:0 1px #ffffff80 inset;transition:filter .12s ease}.audio-gear-btn:hover{filter:brightness(1.05)}.status-bar{background:#1a1510;border-top:1px solid rgba(255,255,255,.06);color:#8a7d60}.err-inline{color:#e05030}.st-app{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.st-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top));padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));background:linear-gradient(180deg,var(--parchment-light),var(--parchment-dark));border-bottom:1px solid var(--parchment-border);flex:0 0 auto}.st-nav-brand{display:flex;align-items:center;gap:8px}.st-nav-brand-mark{color:#b8923a;font-size:16px}.st-nav-brand-name{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.06em;color:var(--parchment-ink)}.st-nav-tabs{display:flex;flex-wrap:wrap;gap:6px}.st-nav-tab{font-family:Oswald,Segoe UI,sans-serif;font-size:12px;letter-spacing:.08em;padding:8px 18px;min-height:36px;border:1px solid var(--parchment-border);border-radius:6px;background:var(--parchment-mid);color:var(--parchment-dim);cursor:pointer;transition:background .12s ease,color .12s ease}.st-nav-tab:hover{background:var(--parchment-light)}.st-nav-tab-active{background:#b8923a;color:#2a2317;font-weight:600}.st-main{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;background:var(--felt-base);padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right));-webkit-user-select:text;user-select:text}.st-field-label{display:block;font-family:Oswald,Segoe UI,sans-serif;font-size:10px;letter-spacing:.1em;color:var(--parchment-dim);margin-bottom:4px}.st-select{font-family:Oswald,Segoe UI,sans-serif;font-size:13px;padding:6px 10px;border-radius:5px;border:1px solid var(--parchment-border);background:var(--parchment-light);color:var(--parchment-ink);min-width:220px;max-width:100%;box-sizing:border-box}.st-practice{display:flex;flex-direction:column;gap:24px;max-width:520px;margin:0 auto}.st-practice-controls-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.st-device-picker{flex:1 1 auto}.st-start-stop{display:flex;align-items:center;gap:14px;position:relative;width:80px;height:64px}.st-start-stop-label{font-family:Oswald,Segoe UI,sans-serif;font-size:11px;letter-spacing:.08em;color:var(--parchment-dim);margin-left:70px}.st-error-banner{background:#c83c282e;border:1px solid rgba(200,60,40,.5);color:#e8b8ac;font-family:Oswald,Segoe UI,sans-serif;font-size:12px;padding:8px 12px;border-radius:5px}.st-module-fixed .pedal-drag-handle,.st-module-fixed .pedal-remove{display:none}.st-module-fixed{position:relative;margin:0 auto}.st-meter-area{position:absolute;left:0;top:84px;width:100%;padding:0 28px;display:flex;flex-direction:column;align-items:center;gap:14px}.st-readout{display:flex;flex-direction:column;align-items:center;gap:2px}.st-note-display{font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:64px;line-height:1;color:var(--parchment-ink);letter-spacing:.02em;transition:opacity .15s ease}.st-note-display.st-dim{opacity:.3}.st-freq-display{font-family:Oswald,Segoe UI,sans-serif;font-size:14px;color:var(--parchment-dim)}.st-target-picker{display:flex;flex-direction:column;align-items:center}.st-vu-meter{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.st-vu-track{position:relative;width:100%;height:18px;border-radius:9px;overflow:hidden;border:1px solid rgba(0,0,0,.35);display:flex}.st-vu-zone{height:100%}.st-vu-zone-red-left,.st-vu-zone-red-right{flex:2;background:#b85040}.st-vu-zone-yellow-left,.st-vu-zone-yellow-right{flex:1;background:#d9b23a}.st-vu-zone-green{flex:1;background:#5fae5a}.st-vu-center-line{position:absolute;left:50%;top:0;width:1px;height:100%;background:#0006}.st-vu-needle{position:absolute;top:-3px;width:4px;height:24px;border-radius:2px;background:#241e13;transform:translate(-50%);box-shadow:0 0 4px #0009;transition:left 60ms linear}.st-vu-needle-green{background:#2c5a2c}.st-vu-needle-yellow{background:#7a5e10}.st-vu-needle-red{background:#6e2418}.st-vu-labels{display:flex;justify-content:space-between;width:100%;font-family:Oswald,Segoe UI,sans-serif;font-size:9px;color:var(--parchment-dim)}.st-vu-cents{font-family:Oswald,Segoe UI,sans-serif;font-size:13px;color:var(--parchment-ink);font-weight:600}.st-exercise-area{position:absolute;left:0;top:76px;width:100%;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.st-exercise-toggle{display:flex;align-items:center;gap:6px;font-family:Oswald,Segoe UI,sans-serif;font-size:11px;letter-spacing:.06em;color:var(--parchment-ink);cursor:pointer;margin-bottom:4px}.st-exercise-progress{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:48px;width:100%}.st-exercise-note-of{font-family:Oswald,Segoe UI,sans-serif;font-size:12px;color:var(--parchment-ink)}.st-exercise-dots{display:flex;gap:6px}.st-exercise-dot{width:9px;height:9px;border-radius:50%;background:#0000002e;border:1px solid rgba(0,0,0,.3)}.st-exercise-dot-done{background:#5fae5a}.st-exercise-dot-active{background:#d9b23a;box-shadow:0 0 4px #d9b23ab3}.st-exercise-hold-bar{width:70%;height:6px;border-radius:3px;background:#0000002e;overflow:hidden}.st-exercise-hold-fill{height:100%;background:#5fae5a;transition:width 60ms linear}.st-skip-btn{font-family:Oswald,Segoe UI,sans-serif;font-size:10px;letter-spacing:.08em;padding:5px 12px;border-radius:5px;border:1px solid var(--parchment-border);background:var(--parchment-mid);color:var(--parchment-dim);cursor:pointer}.st-skip-btn:hover{background:var(--parchment-light)}.st-lessons{display:flex;flex-direction:column;gap:16px;max-width:640px;margin:0 auto}.st-lessons-header{display:flex;flex-direction:column}.st-lessons-status{font-family:Oswald,Segoe UI,sans-serif;font-size:13px;color:var(--parchment-dim);padding:10px 0}.st-lessons-error{color:#d98a78}.st-lesson-list{display:flex;flex-direction:column;gap:10px}.st-lesson-card{background:linear-gradient(180deg,var(--parchment-light),var(--parchment-dark));border:1px solid var(--parchment-border);border-radius:8px;padding:14px 16px;cursor:pointer;transition:box-shadow .12s ease}.st-lesson-card:hover{box-shadow:0 2px 8px #00000040}.st-lesson-card-expanded{box-shadow:0 2px 10px #0000004d}.st-lesson-card-title{font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:18px;letter-spacing:.02em;color:var(--parchment-ink)}.st-lesson-card-summary{font-family:Oswald,Segoe UI,sans-serif;font-size:12px;color:var(--parchment-dim);margin-top:2px}.st-lesson-card-body{margin-top:12px;border-top:1px solid var(--parchment-border);padding-top:10px}.st-lesson-steps{font-family:Oswald,Segoe UI,sans-serif;font-size:13px;color:var(--parchment-ink);padding-left:20px;margin:0 0 10px}.st-lesson-steps li{margin-bottom:4px}.st-lesson-exercise{background:#b8923a2e;border:1px solid rgba(184,146,58,.5);border-radius:6px;padding:8px 12px;font-family:Oswald,Segoe UI,sans-serif;font-size:12px;color:var(--parchment-ink)}.st-lesson-exercise-label{display:block;font-size:9px;letter-spacing:.1em;color:var(--parchment-dim);margin-bottom:3px}.st-progress{display:flex;flex-direction:column;gap:20px;max-width:560px;margin:0 auto}.st-streak{display:flex;flex-direction:column;align-items:center;padding:16px 0}.st-streak-number{font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:56px;color:#b8923a;line-height:1}.st-streak-label{font-family:Oswald,Segoe UI,sans-serif;font-size:12px;letter-spacing:.08em;color:var(--parchment-dim)}.st-chart-wrap{background:#ece3d00f;border:1px solid rgba(168,154,120,.3);border-radius:8px;padding:12px}.st-chart-svg{display:block}.st-session-list{background:#ece3d00f;border:1px solid rgba(168,154,120,.3);border-radius:8px;padding:12px}.st-session-items{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.st-session-item{display:flex;justify-content:space-between;font-family:Oswald,Segoe UI,sans-serif;font-size:12px;color:var(--parchment-dim);padding:4px 0;border-bottom:1px solid rgba(168,154,120,.15)}.st-session-date{flex:1 1 auto}.st-session-acc{color:var(--parchment-ink);font-weight:600;margin:0 10px}.st-dev-log-btn{align-self:flex-start;font-family:Oswald,Segoe UI,sans-serif;font-size:11px;letter-spacing:.05em;padding:6px 14px;border-radius:5px;border:1px solid var(--parchment-border);background:var(--parchment-mid);color:var(--parchment-dim);cursor:pointer}.st-dev-log-btn:hover{background:var(--parchment-light)}.st-settings{display:flex;flex-direction:column;gap:24px;max-width:520px;margin:0 auto}.st-settings-section{display:flex;flex-direction:column;gap:10px;background:#ece3d00f;border:1px solid rgba(168,154,120,.3);border-radius:8px;padding:14px 16px}.st-settings-version{font-family:Oswald,Segoe UI,sans-serif;font-size:13px;color:var(--parchment-ink);letter-spacing:.04em}.st-settings-update-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.st-settings-btn{font-family:Oswald,Segoe UI,sans-serif;font-size:11px;letter-spacing:.1em;padding:9px 16px;min-height:38px;border-radius:6px;border:1px solid var(--parchment-border);background:#b8923a;color:#2a2317;font-weight:600;cursor:pointer;transition:filter .12s ease}.st-settings-btn:hover:not(:disabled){filter:brightness(1.06)}.st-settings-btn:disabled{opacity:.6;cursor:progress}.st-settings-btn-secondary{background:var(--parchment-mid);color:var(--parchment-dim);font-weight:500;margin-top:4px;align-self:flex-start}.st-settings-btn-secondary:hover:not(:disabled){background:var(--parchment-light)}.st-settings-status{font-family:Oswald,Segoe UI,sans-serif;font-size:12px;color:var(--parchment-dim)}.st-settings-status-error{color:#d98a78}.st-settings-hint{font-family:Oswald,Segoe UI,sans-serif;font-size:11px;color:var(--parchment-dim);opacity:.85}@media(max-width:600px){.st-nav{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right));gap:6px}.st-nav-brand-name{font-size:17px}.st-nav-tab{padding:8px 12px;font-size:11px}.st-main{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}.st-note-display{font-size:48px}.st-streak-number{font-size:44px}.st-select{min-width:0;width:100%}.st-practice-controls-row{gap:12px}}