/* Practice keeps the existing dark/cyan palette and uses normal document flow. */
.practice-shell {margin:12px 0 8px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:12px 0;}
.practice-top {display:flex;align-items:center;gap:16px;}
.practice-top>span {font-size:12px;color:var(--muted,#89959b);}
.practice-shell button,.practice-shell select,.practice-shell input,.practice-shell textarea {font:inherit;}
.practice-shell button,.practice-download {border:1px solid #ffffff26;border-radius:10px;background:#ffffff08;color:inherit;padding:10px 13px;min-height:44px;cursor:pointer;line-height:1.2;}
.practice-top>button,.practice-shell button[type=submit],.practice-shell [data-record],.practice-shell [data-practice-play] {background:var(--accent,#46d8df);color:#071a1c;border-color:transparent;font-weight:650;}
.practice-shell button:disabled {opacity:.45;cursor:default;}
.practice-shell button:focus-visible,.practice-shell input:focus-visible,.practice-shell select:focus-visible,.practice-shell textarea:focus-visible {outline:2px solid #46d8df;outline-offset:3px;}
.practice-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:16px 0;}
.practice-tabs button {font-size:12px;padding:8px 4px;border:0;background:transparent;color:#9fa8ad;border-bottom:2px solid transparent;border-radius:0;}
.practice-tabs [aria-selected=true] {color:#46d8df;border-bottom-color:#46d8df;}
.practice-modes {display:flex;gap:6px;margin:10px 0;}
.practice-modes button {flex:1;font-size:12px;}
.practice-modes [aria-pressed=true] {color:#46d8df;background:#46d8df12;border-color:#46d8df70;}
.practice-shell label {display:flex;flex-direction:column;gap:7px;font-size:12px;color:#c5ced2;margin:10px 0;min-width:0;}
.practice-shell input:not([type=checkbox]),.practice-shell select,.practice-shell textarea {width:100%;box-sizing:border-box;border:1px solid #ffffff24;border-radius:8px;background:#111719;color:#f0f4f5;padding:10px;min-height:44px;max-width:100%;}
.practice-shell textarea {font-family:ui-monospace,monospace;line-height:1.65;resize:vertical;}
.practice-shell input[type=file] {font-size:11px;padding:8px;}
.practice-shell h3 {font-size:15px;letter-spacing:-.2px;margin:0 0 12px;color:#e6eef0;}
.practice-shell p {font-size:12px;line-height:1.6;color:#9aa8ae;margin:8px 0 12px;}
.practice-shell .practice-status {color:#d1e8e8;min-height:20px;padding:10px 0;margin:0;}
.practice-shell form {padding:18px 0;border-top:1px solid #ffffff12;margin-top:12px;}
.practice-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;}
.practice-control-row {display:flex;align-items:end;gap:12px;}.practice-control-row label {flex:1;margin:0;}.practice-control-row button{flex-shrink:0;}
.practice-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0;}
.practice-actions button {font-size:12px;}
.practice-check {flex-direction:row!important;align-items:center;gap:10px!important;line-height:1.5;}.practice-check input {width:20px;height:20px;accent-color:#46d8df;}
.practice-saved {display:flex;gap:8px;margin:8px 0;align-items:stretch;}.practice-saved>button:first-child {flex:1;text-align:left;display:flex;flex-direction:column;gap:5px;min-width:0;}.practice-saved strong {overflow-wrap:anywhere;}.practice-saved small {font-size:11px;color:#9caeb4;}.practice-saved>button:last-child {font-size:11px;color:#c9a7a7;}
.practice-tab-follow {overflow-x:auto;padding:10px 0;max-width:100%;}.practice-tab-grid {display:grid;grid-template-columns:25px repeat(var(--columns),minmax(40px,1fr));gap:1px;min-width:max-content;font-family:ui-monospace,monospace;align-items:center;}.practice-tab-grid>span {text-align:center;padding:5px 3px;font-size:12px;}.practice-tab-grid button {font-size:10px;padding:3px;min-height:35px;border:0;}.practice-tab-grid .active {background:#46d8df22;color:#46d8df;}
.practice-legend {font-size:10px;color:#7e949a;margin:6px 12px 10px;}.jam-fb-dot.chord-tone {background:#c7eeed;color:#142b2e;}.jam-fb-dot {display:inline-flex!important;align-items:center;justify-content:center;font-size:9px;line-height:1;color:#102023;}.jam-fb-dot.root {color:#102023;}.jam-fb-markers {font-size:10px;text-align:center;}
.practice-recorder audio {width:100%;margin:10px 0;}.practice-take {border-top:1px solid #ffffff18;padding:16px 0;}.practice-take h3{overflow-wrap:anywhere;}.practice-download{display:inline-flex;align-items:center;text-decoration:none;font-size:12px;box-sizing:border-box;}.practice-recorder [data-stop]{color:#f4b0ae;}.practice-recorder form{padding-top:8px;}
[hidden] {display:none!important;}
@media(min-width:700px){.practice-shell{max-width:620px;margin:16px auto;width:100%;}.practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.practice-tabs button{font-size:14px;}}
[data-practice-board] .jam-fb-string,[data-practice-board] .jam-fb-markers {display:grid;}
[data-practice-board] .jam-fb-dot {width:15px;height:15px;font-size:9px;}
.practice-shell {padding-left:16px;padding-right:16px;box-sizing:border-box;}
.practice-shell input,.practice-shell textarea {user-select:text;-webkit-user-select:text;}
.practice-recorder fieldset {border:0;padding:0;margin:0;min-width:0;}
.jam2 .jam-practice-launch {padding:8px 10px;min-height:40px;border-radius:8px;background:#46d8df16;color:#46d8df;font-size:12px;}
.practice-workspace {position:fixed;z-index:190;top:48px;bottom:64px;left:max(0px,calc((100vw - 620px)/2));right:max(0px,calc((100vw - 620px)/2));background:#171e24;border:1px solid #ffffff16;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 16px 100px #000b;overflow:hidden;}
.practice-workspace-head {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px 4px;}
.practice-workspace-head>div {display:flex;flex-direction:column;gap:4px;min-width:0;}.practice-workspace-head small {font-size:9px;color:#46d8df;letter-spacing:2px;}.practice-workspace-head strong {font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.practice-workspace-head button {font-size:12px;}
.practice-workspace>.practice-tabs {padding:4px 14px 8px;flex-shrink:0;}
.practice-scroll {overflow-y:auto;overscroll-behavior:contain;padding:0 18px 24px;min-height:0;}
.practice-sticky-controls {position:sticky;top:0;background:#171e24;z-index:2;padding-top:6px;}
.practice-sticky-controls .practice-status {font-size:11px;padding:3px 0 10px;}
.practice-inline-board {padding:12px 0 6px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;margin:10px 0;}
.practice-inline-board .jam-fb-string,.practice-inline-board .jam-fb-markers{display:grid;}
.practice-inline-board .jam-fb-dot{width:15px;height:15px;}
@media(max-width:600px){.practice-workspace{top:40px;bottom:62px;border-radius:12px 12px 0 0;}.practice-scroll{padding:0 14px 20px;}.practice-workspace-head{padding:12px 14px 4px;}.practice-tabs button{min-height:40px;}.practice-sticky-controls .practice-status{max-height:60px;overflow-y:auto;}}