/* Lostmaybe local test workspace. Existing audio controls retain their ids. */
.practicePage.is-active .practice-cards{display:none}
#practicePage.is-active>.page-heading,#practicePage.is-active>.practice-cards{display:none}
#practicePage.is-active .practice-settings{margin:8px 0;padding:8px 0}
#practicePage.is-active .practice-header p{margin:4px 0}
#practicePage.is-active .compact-mixer{margin-top:12px;padding:6px}
#practicePage.is-active .compact-channel input{height:66px}
a{color:#e7cca0;text-underline-offset:4px}button,input,select{font-family:inherit}button{min-height:38px}button:hover:not(:disabled){filter:brightness(1.12)}.brand{text-decoration:none;color:#f1f1f1;letter-spacing:.02em}.brand-mark{background:#d5bd8d}.shell{width:min(1320px,calc(100% - 48px))}header{flex-wrap:wrap;gap:16px}.main-nav{display:flex;gap:5px;flex:1;justify-content:center}.main-nav a{font-size:12px;text-decoration:none;color:#bcbcbc;padding:10px 12px;border-radius:4px}.main-nav a[aria-current=page]{color:#fff;background:#383838}.global-state{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:12px 0;border-bottom:1px solid #414141;font-size:11px;color:#bcbcbc}.global-state #globalDisconnect{margin-left:auto;min-height:28px;background:#353535;color:#ddd;font-size:11px;padding:4px 12px}.global-state #globalTuner{font-family:monospace}.page{padding-top:24px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page h1{font-size:28px;margin:7px 0 10px}.page p{font-size:13px;line-height:1.8;color:#bcbcbc}.page h2{font-size:19px;margin:0 0 12px}.page h3{font-size:15px}.eyebrow{font:10px monospace;letter-spacing:.14em;color:#bda576}.panel{padding:24px;border:1px solid #454545;background:#272727;border-radius:8px;margin-bottom:20px;min-width:0}.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;background:#e2c896;color:#211d16;text-decoration:none;border-radius:4px;font-size:13px;font-weight:600}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-grid .primary-link{margin-top:14px}.home-grid button{margin-left:12px;padding:10px}.notice{border-left:3px solid #d4b174;background:#393226;padding:14px;font-size:13px}.subtle{font-size:11px!important;line-height:1.8;color:#aaa}.connection-options{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;margin:15px 0}.connection-options input{accent-color:#d8c091}.text-button{background:transparent;color:#d8c091;padding:0 4px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.take-actions,.playback-mode{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.take-actions button,.playback-mode button{padding:8px;font-size:11px;background:#3b3b3b;color:#ddd}.playback-mode button[aria-pressed=true]{background:#dac49a;color:#201c16}.mixer-title{border-color:#8a764f;background:#191713;color:#eee0bf}.mixer-title strong::before{background:#e2c489;box-shadow:none}.mixer-title span{color:#b9aa8e}.mixer{background:linear-gradient(125deg,#28241c,#131311);border-color:#8a764f}.mixer-channel{--channel-accent:#e4ca8d!important;border-color:#554c3b}.mixer-channel.master-channel{background:#49402a33}.mixer-channel .mute-button{background:#28251d;border-color:#746347;color:#d9c49a}.mixer-channel .channel-led{box-shadow:0 0 6px #ceb27855}.practice-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.practice-card{background:#272727;color:#eee;text-align:left;border:1px solid #484848;padding:22px;min-width:0}.practice-card.selected{border-color:#d0b984;box-shadow:inset 3px 0 #d0b984}.practice-card span,.practice-card small{color:#bdaa85;font-size:11px}.practice-card h2{margin:10px 0}.practice-card p{font-weight:400}.practice-header{display:flex;gap:16px;justify-content:space-between;align-items:start}.practice-header>span{font-size:11px;white-space:nowrap;color:#d4bd8a}.practice-settings{display:flex;flex-wrap:wrap;align-items:center;gap:24px;border:0;border-top:1px solid #414141;margin:18px 0;padding:16px 0}.practice-settings legend{font-size:11px;color:#aaa;padding-right:10px}.practice-settings label{display:flex;align-items:center;gap:10px;font-size:12px}.practice-settings input[type=number]{width:85px;padding:10px;background:#181818;color:#eee;border:1px solid #666;border-radius:4px;font:22px monospace}.practice-settings select{width:auto;margin:0;padding:10px;background:#343434}.practice-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.practice-controls button{padding:10px 18px;font-size:12px}.practice-controls #practiceStart{background:#e0c694;color:#211c14}.practice-live{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px}.fret-area{min-width:0;background:#1d1f20;padding:16px;border:1px solid #454849;border-radius:6px}.phase-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.phase-line strong{font-size:15px;color:#e9d6af}.phase-line span{font:20px monospace;color:#eee}#fretboard svg{width:100%;display:block;max-height:300px}.position-label{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px;font-size:12px}.position-label span{color:#bcbcbc}.pitch-panel{display:flex;align-items:center;flex-direction:column;padding:18px 14px;background:#202020;border:1px solid #454545;border-radius:6px;min-width:0}.pitch-panel>span{font-size:11px;color:#bbb}.pitch-panel>strong{font:36px monospace;margin:8px}.pitch-panel p{font-size:11px;text-align:center;margin:8px 0}.bend-meter{width:100%;height:24px;background:#343434;position:relative;margin-top:10px;border-right:2px solid #daca9f;border-radius:3px}.bend-meter div{position:absolute;left:0;height:100%;background:#8b784c;width:0;transition:width .1s}.bend-meter i{position:absolute;height:28px;top:-2px;border-left:2px solid #fff;transition:left .1s}.bend-meter span{position:absolute;right:4px;top:4px;font-size:10px;color:#fff}.practice-workspace progress{display:block;width:100%;height:8px;accent-color:#d6bd86;margin:20px 0 8px}.compact-mixer{display:grid;grid-template-columns:repeat(4,1fr);max-width:560px;gap:1px;margin:22px auto 0;padding:12px;background:#1b1915;border:1px solid #796744;border-radius:6px}.compact-channel{display:flex;align-items:center;flex-direction:column;gap:9px;border-right:1px solid #4e4535;min-width:0;padding:8px}.compact-channel:last-child{border:0}.compact-channel label{font:10px monospace;color:#d3bd90}.compact-channel output{font:16px monospace;color:#e1c891}.compact-channel input{writing-mode:vertical-lr;direction:rtl;height:96px;width:28px;accent-color:#d6bd86}.compact-channel button{background:#363027;color:#d8c39b;font-size:11px;padding:3px 15px;min-height:30px}.compact-channel button[aria-pressed=true]{background:#754237;color:#fff}.compact-channel span{font-size:10px;color:#aaa;min-height:30px;display:flex;align-items:center}.result-panel{border-top:1px solid #57503e;padding-top:24px;margin-top:24px}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.result-metrics>div{padding:16px;background:#1c1c1c;border:1px solid #454545;border-radius:4px}.result-metrics span{display:block;font-size:10px;color:#bbb}.result-metrics strong{display:block;font:28px monospace;color:#e5cd9e;margin-top:10px}.result-actions{display:flex;align-items:center;gap:18px;margin-top:18px}.result-actions button{padding:10px 20px}.results-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:12px;text-align:left;border-bottom:1px solid #444}summary{cursor:pointer;padding:12px 0;font-size:13px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badges span{border:1px solid #64583e;padding:8px 12px;color:#e3cfa5;border-radius:4px;font-size:12px}.history-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #444;padding:14px 0}.history-row strong{font-size:12px}.history-row p{font-size:11px;margin:5px 0}.history-row button{background:#454035;color:#eadabd;font-size:11px;padding:8px 12px}.history-list{margin-bottom:24px;max-height:650px;overflow:auto}.ab-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.ab-controls label{font-size:12px;min-width:180px;flex:1}.ab-controls select{width:100%;max-width:100%;padding:9px;font-size:11px}.ab-controls button{padding:10px;font-size:12px}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.equipment-grid button{padding:10px;font-size:12px;background:#d9c396;color:#211d15}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #414141;font-size:10px}.restart-dialog{max-width:min(520px,calc(100vw - 30px));padding:28px;background:#292929;color:#eee;border:1px solid #8a7857;border-radius:8px}.restart-dialog h2{font-size:20px}.restart-dialog p{font-size:13px;line-height:1.8}.restart-dialog button{padding:10px;margin:5px;background:#d8c29b}.restart-dialog::backdrop{background:#000a}
@media(max-width:1000px){.main-nav{order:3;flex-basis:100%;justify-content:start;overflow:auto}.main-nav a{white-space:nowrap}.help-button{margin-left:auto}.practice-live{grid-template-columns:1fr}.pitch-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center}.pitch-panel>strong{font-size:28px}.pitch-panel .bend-meter,.pitch-panel p{grid-column:1/-1}.result-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.shell{width:calc(100% - 28px)}.page-heading{align-items:start;flex-direction:column}.page h1{font-size:24px}.home-grid,.practice-cards,.equipment-grid{grid-template-columns:1fr}.panel{padding:16px}.practice-header{flex-direction:column}.practice-settings{gap:15px}.fret-area{padding:10px}.position-label{font-size:11px;gap:8px}.compact-mixer{padding:6px}.compact-channel{padding:5px}.compact-channel label{font-size:8px}.compact-channel button{padding:3px 8px}.main-nav{gap:0}.main-nav a{padding:8px;font-size:11px}.history-row{align-items:start;flex-direction:column}.result-metrics>div{padding:12px}.result-metrics strong{font-size:24px}.home-grid button{margin:12px 0 0}.ab-controls label{min-width:0;flex-basis:100%}.global-state{gap:10px}.page{padding-top:18px}}