/* Reversible visual trial: daily practice equipment, September 2026. */
body:has(#recordTime.recording) #globalRecording{color:#ed8475}
.home-grid .primary-link{border:0;text-decoration:underline;text-underline-offset:5px}
.home-grid .primary-link:hover{background:none}
:root{--ink:#e5e5e5;--muted:#9c9c9c;--line:#3b3c3c;--panel:#242525}
body{background:#222323;color:var(--ink);font-family:"Yu Gothic UI","Meiryo",sans-serif}
.shell{width:min(1280px,calc(100% - 48px));padding-top:16px}
header{padding-bottom:12px;gap:22px;border-color:#444545}
.brand{font-size:15px;gap:10px;font-family:inherit}
.brand-mark{background:#333536;border:1px solid #686b6c;color:#e2e2e2;border-radius:2px;width:30px;height:30px;font:600 12px monospace}
.main-nav{justify-content:flex-start;margin-left:28px;gap:12px}
.main-nav a{border-radius:0;padding:10px 4px 8px;font-size:12px;color:#a9a9a9;border-bottom:2px solid transparent}
.main-nav a[aria-current=page]{background:transparent;border-color:#d6d6d6;color:#efefef}
.help-button{border:0;background:transparent;padding:0 4px;color:#bbbbbb;min-height:32px}
.help-button span{font-size:11px}.global-state{padding:8px 0;gap:20px;border-color:#343636;font-size:10px;color:#a6a6a6}
.global-state #globalDisconnect{border:0;background:none;min-height:24px;padding:0;font-size:10px;text-decoration:underline}
.page{padding-top:22px}.page-heading{margin-bottom:22px;gap:16px}.page h1{font-size:24px;font-weight:600;letter-spacing:.02em;margin:0 0 8px}
.page h2{font-size:17px;font-weight:600;margin:0 0 10px}.page p{font-size:12px;line-height:1.7;color:#afafaf;margin:8px 0 12px}
.eyebrow,.tool-heading>div>span{display:none}
.panel{border:0;border-radius:0;background:none;padding:20px 0;margin:0;border-top:1px solid #3e4040}
.home-grid{grid-template-columns:1.25fr 1fr;gap:36px;margin:0}
.home-grid .panel{padding:22px 0 24px}.home-grid .panel+ .panel{border-left:1px solid #3e4040;padding-left:30px}
.home-grid .primary-link{margin:10px 0 0;padding:0;min-height:32px;background:none;color:#e1e1e1;justify-content:start}
.home-grid button{margin-left:16px;background:none;border:0;color:#b6b6b6;text-decoration:underline;text-underline-offset:4px}
a{color:#c9c9c9;font-size:12px;text-decoration-color:#696969}a:hover{color:#fff}
button{border-radius:2px;min-height:34px;font-size:12px;font-weight:500}
button:hover:not(:disabled){filter:none;background-color:#414545}
button:disabled{opacity:.36}
.primary-link,#practiceStart,#startButton{background:#dadada;color:#222222;box-shadow:none;border:1px solid #dadada;border-radius:2px;min-height:40px;padding:10px 18px}
.primary-link:hover,#practiceStart:hover:not(:disabled),#startButton:hover:not(:disabled){background:#f0f0f0;color:#191919}
.secondary-button,.text-button,.history-row button,.equipment-grid button{background:none;color:#c0c0c0;border:0;box-shadow:none}
.text-button{font-size:11px;padding:3px 0}.secondary-button{border:1px solid #535353}
.notice{background:#302d25;border-color:#ac9364;font-size:12px;padding:10px 14px}
.badges{gap:0;align-items:center;margin:12px 0}
.badges span{border:0;border-radius:0;border-right:1px solid #4d4d4d;color:#d1d1d1;padding:0 12px;font-size:12px}
.badges span:first-child{padding-left:0}.badges span:last-child{border:0}
.history-row{border-color:#3c3c3c;padding:13px 0}.history-row strong{font-weight:500}.history-row button{padding:5px 0;text-decoration:underline}
.subtle{color:#939393!important;font-size:10px!important}.home-grid .subtle{max-width:400px}
footer{font-size:10px;border-color:#3d3d3d;margin-top:24px;color:#878787}footer a{font-size:10px}
/* Compact selector above an unobstructed practice surface. */
#practicePage .page-heading{margin-bottom:14px}
.practice-cards{gap:0;border-bottom:1px solid #525252;margin-bottom:20px}
.practice-card{background:none;border:0;border-radius:0;border-bottom:3px solid transparent;padding:12px 18px 12px 0;color:#e1e1e1}
.practice-card+.practice-card{padding-left:24px;border-left:1px solid #434343}
.practice-card.selected{border-bottom-color:#d7d7d7;background:#2b2b2b;box-shadow:none}
.practice-card.selected:first-child{padding-left:12px}
.practice-card h2{font-size:16px;margin:5px 0}.practice-card span,.practice-card small{font-size:10px;color:#9c9c9c}.practice-card p{font-size:11px;margin:5px 0}
.practice-workspace{border:0;padding:0}
.practice-header{align-items:center}.practice-header>span{color:#adadad;font-size:10px}.practice-header h2{margin-bottom:5px}
.practice-header p{font-size:11px;margin:0}.practice-settings{gap:24px;margin:12px 0;padding:10px 0;border-color:#414141}
.practice-settings legend{font-size:10px}.practice-settings label{font-size:11px}
.practice-settings input[type=number]{font-size:20px;width:74px;padding:6px 10px;border-color:#545454;border-radius:2px;background:#1b1b1b}
.practice-settings select{background:#333333;padding:8px;font-size:11px;border-radius:2px}
.practice-controls{gap:14px;align-items:center;margin-bottom:16px}
.practice-controls #practiceStart{background:#dadada;color:#222222;min-height:38px;padding:9px 22px}
.practice-controls .secondary-button{border:0;background:none;padding:6px 4px;color:#b1b1b1;min-height:32px}
.practice-live{gap:0;grid-template-columns:minmax(0,1fr) 180px;background:#1d1d1d;border-top:1px solid #5d5d5d;border-bottom:1px solid #404040}
.fret-area{border:0;background:none;border-radius:0;padding:16px 20px 10px}.phase-line{margin-bottom:6px}.phase-line strong{font-size:13px;color:#dddddd}.phase-line span{font-size:18px}
#fretboard svg{max-height:238px}#fretboard .current-fret circle{fill:#e5e5e5}#fretboard .current-fret text{fill:#232323}
.position-label{gap:14px;margin-top:6px;font-size:11px}.position-label strong{font-weight:500}.position-label span{color:#a4a4a4}
.pitch-panel{background:none;border:0;border-left:1px solid #404040;border-radius:0;padding:16px 12px;justify-content:center}
.pitch-panel>strong{font-size:34px;margin:6px}.pitch-panel>span{font-size:10px;color:#acacac}.pitch-panel p{font-size:10px;line-height:1.6}
.practice-workspace progress{height:5px;margin-top:12px;accent-color:#c7c7c7}.practice-workspace progress::-webkit-progress-bar{background:#3d3d3d}.practice-workspace progress::-webkit-progress-value{background:#c7c7c7}
.bend-meter{background:#363636;border-color:#bbbbbb}.bend-meter div{background:#707070}
.result-panel{border-color:#535353;margin-top:20px;padding-top:18px}.result-metrics{gap:0}
.result-metrics>div{border:0;border-left:1px solid #4d4d4d;border-radius:0;background:none;padding:8px 20px}
.result-metrics>div:first-child{padding-left:0;border:0}.result-metrics strong{color:#e1e1e1;font-size:30px}.result-metrics span{color:#a9a9a9}
/* Recording controls and the fixed studio console. */
.hero{padding:0 0 12px;gap:20px}.hero h1{font-size:21px}.hero .intro{font-size:11px}
.note-stage{border:0;border-left:1px solid #4c4c4c;background:none;border-radius:0;padding:8px 16px;min-height:80px}
.control-panel{border-radius:0;background:#2a2a2a;border:0;border-top:1px solid #505050;border-bottom:1px solid #505050}
.control-panel button{min-height:58px;font-size:12px}.control-panel .monitor-button{background:none;border:0;color:#b1b1b1}
.device-field,.level-box{padding:10px 14px}.connection-options{margin:10px 0;font-size:11px;gap:20px}
.practice-tools{grid-template-columns:minmax(220px,.6fr) minmax(450px,1.4fr);gap:32px;margin-top:18px}
.tool-card{border:0;background:none;border-radius:0;padding:0}.tool-heading h2{font-size:16px;margin:0}.tool-action{background:#393939;color:#d8d8d8;border:1px solid #5e5e5e;min-height:30px;padding:0 12px;font-size:11px}
.bpm-control{margin:18px 0;gap:10px}.bpm-control button{background:none;border:1px solid #484848;color:#b2b2b2}.bpm-control input{font-size:36px;color:#e3e3e3}
.metro-options label,.metro-options>div{border:0;border-bottom:1px solid #404040;border-radius:0;padding:8px 0}.metro-options span{font-size:11px}.metro-options select{background:none}
.switch-button{background:#383838;color:#b1b1b1;border:1px solid #565656;border-radius:2px}.switch-button.active{background:#b2b2b2;color:#1e1e1e}
.source-statuses{border:0;border-bottom:1px solid #404040;margin-top:10px}.source-statuses>div{padding:9px 0}.source-statuses>div+div{border-left:0;padding-left:20px}.source-statuses strong{font-size:11px}.source-statuses span{font-size:10px}
.capture-actions{gap:10px;margin-top:12px}.capture-actions button{min-height:38px;font-size:12px}
.record-button,#recordButton{background:#a63d38;color:#fff;border:1px solid #bc534b}
.record-button:hover:not(:disabled),#recordButton:hover:not(:disabled){background:#bc4941}
#stopRecordButton{background:#a43c35;color:#fff;border:1px solid #d66a5b;font-weight:600}
#recordTime.recording,#recordTime.recording i{color:#ef8776}
.tab-signal{margin-top:10px}.tab-signal>span{font-size:10px}.meter{height:4px;background:#444444}.meter i{background:#b3b3b3}
.take-panel{border-color:#484848}.take-row button{border:0;border-bottom:1px solid #404040;background:none;border-radius:0;padding:9px 0;color:#c4c4c4}
.take-row.selected button:first-child{border-color:#848484;background:#2f2f2f;padding-left:8px}
.take-actions button,.playback-mode button{background:none;border:0;color:#aeaeae;font-size:10px;padding:6px 8px}
.playback-mode{border-bottom:1px solid #4c4c4c}.playback-mode button{border-radius:0;border-bottom:2px solid transparent}
.playback-mode button[aria-pressed=true]{background:none;color:#dcdcdc;border-bottom-color:#a3a3a3}
.monitor-setting{border:0;border-bottom:1px solid #474747;padding:10px 0}.playback-actions button{font-size:11px;min-height:34px}
.play-button:not(:disabled){background:#d9d9d9;color:#262626}
.mixer-title{margin-top:18px;background:#181818;border:1px solid #5d584b;border-bottom:0;color:#d6c49c;border-radius:3px 3px 0 0;padding:10px 12px}
.mixer-title strong{font-size:12px;font-weight:500}.mixer-title strong::before{display:none}.mixer-title span{font-size:9px;color:#8e8d7f}
.mixer{background:#1b1b1b;border-color:#5d584b;box-shadow:inset 0 1px #313131;border-radius:0 0 3px 3px;padding:8px}
.mixer-channel{--channel-accent:#beab7d!important;border-color:#444444;padding:10px 12px;gap:9px}
.mixer-channel.master-channel{background:#272727;margin-left:3px;border-radius:1px}
.mixer-channel .channel-number{color:#797979;font-size:9px}.mixer-channel .channel-led{width:4px;height:4px;box-shadow:none;background:#c1af7d}
.strip-name{font-size:11px;color:#d2d2d2}.strip-name small{display:none}
.mixer-channel .fader-readout{color:#c1ae7f;text-shadow:none;background:none;border:0;font:16px monospace;padding:3px}
.mixer-channel .fader-scale span{color:#989898;font-size:9px}
.fader-well::before{background:repeating-linear-gradient(to top,transparent 0,transparent calc(12.5% - 1px),#55555566 calc(12.5% - 1px),#55555566 12.5%)}
.mixer-channel .fader-well input[type=range]::-webkit-slider-runnable-track{background:#0b0b0b;box-shadow:0 0 0 1px #434343;border:1px solid #030303;width:5px}
.mixer-channel .fader-well input[type=range]::-webkit-slider-thumb{width:34px;height:20px;margin-left:-15px;border:1px solid #919191;border-radius:2px;background:linear-gradient(#7c7c7c 0%,#aeaeae 40%,#181818 44%,#181818 55%,#696969 59%,#454545 100%);box-shadow:0 2px 3px #0008}
.mixer-channel .fader-well input[type=range]::-moz-range-track{background:#0b0b0b;box-shadow:0 0 0 1px #434343;border:1px solid #030303;width:5px}
.mixer-channel .fader-well input[type=range]::-moz-range-thumb{width:34px;height:20px;border:1px solid #919191;border-radius:2px;background:#888888;box-shadow:0 2px 3px #0008}
.mixer-channel .mute-button{border:1px solid #4f4f4f;border-radius:2px;box-shadow:none;background:#2b2b2b;color:#a3a3a3;min-height:29px;font-size:10px}
.mixer-channel .mute-button.active{background:#482723;border-color:#a45547;color:#efb2a3;box-shadow:none}
.mixer-channel .mute-button:hover:not(:disabled){background:#383838;color:#dfddc4;border-color:#9a8b62}
.mixer-channel .master-label{color:#969696;font-size:9px!important}.mixer-channel.is-muted .fader-readout{color:#777777}
/* The practice console uses the same calibrated travel and mute states. */
.compact-mixer,#practicePage.is-active .compact-mixer{max-width:600px;margin:16px 0 0;padding:10px 8px;background:#1b1b1b;border:1px solid #5d584b;border-radius:3px;gap:0}
.compact-channel{gap:7px;border-color:#454545;padding:4px 12px;position:relative}.compact-channel label{font:9px monospace;letter-spacing:.03em;color:#a7a7a7}
.compact-channel output{font:15px monospace;color:#beab7d}
.compact-fader{height:112px;display:flex;align-items:center;gap:12px;position:relative;padding:0 6px}
.compact-scale{display:flex;flex-direction:column;justify-content:space-between;height:100px;text-align:right;width:19px}
.compact-channel .compact-scale span{display:block;min-height:0;color:#909090;font:8px monospace}
.compact-fader::before{content:"";position:absolute;right:2px;top:7px;bottom:7px;width:30px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#54545466 calc(25% - 1px),#54545466 25%);pointer-events:none}
.compact-channel input,#practicePage.is-active .compact-channel input{appearance:none;-webkit-appearance:none;height:112px;width:30px;background:none;cursor:ns-resize;position:relative;z-index:1}
.compact-channel input::-webkit-slider-runnable-track{width:5px;background:#0b0b0b;border:1px solid #030303;box-shadow:0 0 0 1px #434343;border-radius:3px}
.compact-channel input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:16px;margin-left:-12px;background:linear-gradient(#a7a7a7,#767676 42%,#131313 44%,#131313 55%,#939393 58%,#656565);border:1px solid #a4a4a4;border-radius:2px;box-shadow:0 2px 3px #0009}
.compact-channel input::-moz-range-track{width:5px;background:#0b0b0b;border:1px solid #434343;border-radius:3px}.compact-channel input::-moz-range-thumb{width:28px;height:16px;background:#8f8f8f;border:1px solid #a4a4a4;border-radius:2px}
.compact-channel button{min-height:26px;padding:4px 14px;background:#2b2b2b;color:#a3a3a3;border:1px solid #4f4f4f;font-size:10px;border-radius:2px}
.compact-channel button[aria-pressed=true]{background:#482723;color:#efb2a3;border-color:#a45547}.compact-channel>span{color:#969696;font-size:9px;min-height:26px}
@media(max-width:1000px){.main-nav{margin-left:0;gap:12px}.practice-tools{grid-template-columns:1fr;gap:22px}.practice-tools>article:first-child{padding-bottom:16px;border-bottom:1px solid #474747}.practice-live{grid-template-columns:minmax(0,1fr) 160px}.pitch-panel{display:flex;border-left:1px solid #404040}.tool-card{padding:0}}
@media(max-width:640px){.shell{width:calc(100% - 28px);padding-top:12px}.page{padding-top:16px}.page h1{font-size:21px}.page-heading{gap:12px;margin-bottom:16px}.home-grid{grid-template-columns:1fr;gap:0}.home-grid .panel+.panel{padding-left:0;border-left:0}.home-grid .panel{padding:18px 0}.panel{padding:18px 0}.main-nav{gap:12px}.main-nav a{font-size:11px;padding:7px 0}.global-state{gap:12px}.practice-cards{grid-template-columns:1fr 1fr;margin-bottom:16px}.practice-card,.practice-card+.practice-card{padding:10px 8px}.practice-card h2{font-size:13px}.practice-card p{display:none}.practice-card small{font-size:9px;line-height:1.6}.practice-card span{font-size:9px}.practice-settings{gap:14px}.practice-settings label{font-size:10px}.practice-controls{gap:8px}.practice-controls button{font-size:11px}.practice-live{grid-template-columns:1fr}.fret-area{padding:12px 8px 8px}.pitch-panel{border-left:0;border-top:1px solid #404040;display:grid;grid-template-columns:1fr 1fr;padding:10px}.pitch-panel strong{font-size:27px}.position-label{gap:8px;font-size:10px}.compact-channel{padding:4px}.compact-channel label{font-size:8px}.compact-fader{gap:6px;padding:0}.compact-scale{width:14px}.compact-channel button{padding:4px 8px}.note-stage{border-left:0;border-top:1px solid #454545}.source-statuses>div+div{padding-left:0}.mixer-channel{padding:8px 5px}.mixer-channel .fader-well input[type=range]::-webkit-slider-thumb{width:26px;margin-left:-11px}.mixer-channel .fader-well input[type=range]::-moz-range-thumb{width:26px}.result-metrics strong{font-size:24px}.result-metrics>div{padding:8px 12px}.result-metrics>div:nth-child(3){border-left:0;padding-left:0}.home-grid button{margin-left:12px}}