/* Palette and quiet concentric detail from Alex's original Tuning Partner artwork. */
:root{--paper:#f3f4eb;--card:#fffef9;--ink:#29341d;--muted:#626a52;--line:#cdd4bd;--accent:#53672f;--pale:#e7ecd9;--control-line:#858e70}
.brand-mark{display:block;width:34px;height:48px;padding:0;border:0;border-radius:0;flex:none;object-fit:contain}
.brand{color:var(--ink)}
.mode-switch button[aria-pressed=true]{background:var(--pale);border-radius:9px 9px 0 0;border-bottom-color:var(--accent)}
.practice-surface{background-color:var(--card);background-image:radial-gradient(circle at 100% 0,transparent 0 76px,#8c9e4809 77px 92px,transparent 93px 132px,#8c9e4808 133px 151px,transparent 152px 195px,#8c9e4806 196px 217px,transparent 218px);box-shadow:0 3px 18px #29341d05}
.audio-dock .play-button:hover,.lab-actions #check:not(:disabled):hover{background:#405124}
button:not(:disabled):hover{border-color:var(--control-line)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #405124;outline-offset:3px}
.audio-dock .secondary-button,.drone-octave button,.adjust-row button,.fine-row button,.lab-actions .secondary-button{border-color:var(--control-line)}
.adjust-row input{background:#b1bd92;box-shadow:inset 0 0 0 1px #849165}
.adjust-row input::-webkit-slider-thumb{background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 2px 5px #29341d20}
.adjust-row input::-moz-range-thumb{background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 2px 5px #29341d20}
.fine-row button[aria-pressed=true]{background:var(--pale)}
.lab-bottom{border-top:1px solid var(--line);padding-top:10px}
.acceptance-circle{border-color:var(--control-line)}
.acceptance-circle.within{background:var(--pale);border-color:var(--accent)}
.live-symbol{color:#8c9e48}
.status.sounding i{background:var(--accent)}
.toggle{background:#858e70;border-color:#707b58}.toggle:checked{background:var(--accent);border-color:var(--accent)}
#tool-content select,#tool-content input[type=number],.compare-buttons button{border-color:var(--control-line)}
#tool-content select{background:var(--card)}
@media(max-width:650px){.brand-mark{width:28px;height:40px}.brand{gap:7px}.lab-bottom{padding-top:8px}.practice-surface{background-size:auto}}
@media(max-height:450px){.brand-mark{display:none}.lab-bottom{padding-top:4px}}
@media(prefers-reduced-motion:reduce){.toggle:before{transition:none}}
/* Keep the decision controls close to the listening slider in roomy views. */
@media(min-height:681px){
 .lab-mode #practice-content:not(.paged){justify-content:center}
 .lab-mode #practice-content:not(.paged) .adjust-unit{flex:none;min-height:156px}
 .lab-mode.checked #practice-content:not(.paged) .adjust-unit{min-height:118px}
}