.practice{width:min(1800px,100%);margin:0 auto;padding:2rem 2rem 0}.room-nav,.eyebrow,.controls label,button,.exercise-top,.tab-meta,.legend,.study-grid h3,.challenge h3,.tab-player,.room-signoff{font-family:var(--font-mono)}.room-nav{display:flex;justify-content:space-between;gap:1rem;font-size:.62rem;letter-spacing:.07em;color:var(--color-text-muted)}.room-nav a{text-decoration:none}.eyebrow{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem;color:#775d42}.controls{display:grid;grid-template-columns:1fr 1.1fr 1fr 1.2fr;align-items:end;gap:1rem;padding:.85rem 0;border-top:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);margin:1rem 0}.controls label{display:grid;gap:.5rem;font-size:.59rem;color:var(--color-text-secondary)}select{width:100%;min-height:44px;background:transparent;border:1px solid var(--color-border-strong);border-radius:0;padding:.5rem;font:.68rem var(--font-mono);color:var(--color-text)}button{min-height:44px;cursor:pointer;font-size:.66rem;border:1px solid var(--color-border-strong);color:var(--color-text);background:transparent;padding:.6rem .8rem}button:hover{background:var(--color-surface)}.shuffle{background:#334c3c;color:#fff5e6;border-color:#334c3c;display:flex;justify-content:space-between;align-items:center;gap:.4rem}.shuffle:hover{background:#22372a}.exercise{border:1px solid var(--color-border-strong);background:#fff3e2;padding:1rem 2rem 0;box-shadow:5px 5px #ead2b3}.exercise-top{display:flex;justify-content:space-between;gap:1rem;font-size:.59rem;color:var(--color-text-muted)}.exercise-top .eyebrow{margin:0;color:#8d432d}.title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.6rem 0 1rem}.title-row h2{margin:0;font-size:2rem}.harmony{color:#334c3c;font-size:1rem;text-align:right}.tab-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.53rem;letter-spacing:.05em;color:#bdbca5;padding:.55rem .8rem;background:#24382e}.tablature{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;background:#24382e;color:#f9e9cd;padding:.75rem .8rem}.tab-bar{min-width:0;margin:0}.tab-bar figcaption{font:.55rem/1.3 var(--font-mono);color:#bdbca5;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}.tab-bar pre{margin:0;border:0;padding:0;background:transparent;color:inherit;overflow-x:auto;line-height:1.35}.tab-bar code{font:12px/1.35 var(--font-mono);letter-spacing:0;color:inherit;white-space:pre}@media(min-width:960px){.tablature{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1700px){.tablature{grid-template-columns:repeat(4,minmax(0,1fr))}}.feel{color:var(--color-text-secondary);font-size:.91rem;margin:1rem 0 .6rem}.legend{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.57rem;color:var(--color-text-muted);padding-bottom:1.3rem;border-bottom:1px solid var(--color-border)}.legend b{color:#8d432d}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem 0}.study-grid h3,.challenge h3{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .7rem;color:#775d42}.study-grid .annotated{font-size:.96rem}.challenge{background:#f1dfc7;margin:0 -2rem;padding:1.2rem 2rem}.challenge .annotated{margin:0;font-size:.96rem}.transpose-note{padding:.75rem;background:#f1dfc7;font-size:.85rem;margin:1rem 0 0}.tab-player{padding:.5rem .8rem;background:#e9ddc9;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;font-size:.65rem}.tab-player label{display:flex;align-items:center;gap:.6rem}.tab-player input{width:65px;min-height:44px;border:1px solid var(--color-border-strong);background:transparent;font:inherit;color:inherit;padding:.4rem}.how-to{margin-top:1.8rem;border-top:1px solid var(--color-border-strong);padding:1rem 0;font-size:.88rem;color:var(--color-text-secondary)}.how-to summary{cursor:pointer}.how-to p{margin:1rem 0 0}.room-signoff{font-size:.58rem;text-transform:uppercase;letter-spacing:.15em;margin:2rem 0 0;color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.practice{padding:1.3rem 1rem 0}.room-nav span{display:none}.controls{grid-template-columns:1fr 1fr}.exercise{padding:1.2rem 1rem 0}.title-row{align-items:start;flex-direction:column;gap:.5rem}.title-row h2{font-size:1.7rem}.study-grid{grid-template-columns:1fr;gap:1.5rem}.challenge{margin:0 -1rem;padding:1.2rem 1rem}.tab-meta{padding:.7rem .7rem 0;font-size:.48rem}.tablature{padding:.8rem .7rem}.exercise-top{font-size:.52rem}.exercise-top .eyebrow{font-size:.55rem}}.playback-note{font-size:.76rem;color:var(--color-text-secondary);margin:.55rem 0 1rem}.tab-player progress{width:100%;height:4px;accent-color:#334c3c}#play-tab{background:#334c3c;color:#fff3e2;border-color:#334c3c;min-width:125px}#play-tab:hover{background:#22372a}#audio-status:empty{display:none}.annotation-hint{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .75rem}.annotated{line-height:1.8}.term{display:inline}.term>summary{display:inline;cursor:help;color:#8d432d;text-decoration:underline dotted;text-underline-offset:4px}.term>summary::-webkit-details-marker{display:none}.term[open]{display:block;background:#f1dfc7;border-left:2px solid #8d432d;margin:.6rem 0;padding:.6rem .8rem}.term[open]>summary{font-weight:600;cursor:pointer}.term-explanation{display:block;color:var(--color-text);font-size:.88rem;line-height:1.65;margin-top:.3rem}.term:not([open])>.term-explanation{display:none}.lesson{border-top:1px solid var(--color-border-strong);padding:.8rem 0}.lesson:first-child{margin-top:1.1rem}.lesson>summary{cursor:pointer;color:#334c3c;font-size:.96rem}.lesson>.annotated{margin-top:.7rem}