.practice-shell[data-astro-cid-4227vtql]{flex-direction:column;gap:.75rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.practice-title[data-astro-cid-4227vtql]{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-main);text-align:center;margin:0;font-size:1.4rem;font-weight:600}.practice-toolbar[data-astro-cid-4227vtql]{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-organic);flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex;box-shadow:0 8px 32px #0000000f}.practice-main[data-astro-cid-4227vtql]{align-items:end;gap:.6rem;display:flex}.practice-main[data-astro-cid-4227vtql] .field--rhythm[data-astro-cid-4227vtql],.practice-main[data-astro-cid-4227vtql] .field--pattern[data-astro-cid-4227vtql]{flex:1 1 0;min-width:0}.practice-main[data-astro-cid-4227vtql] .field--notes[data-astro-cid-4227vtql]{flex:1.6 1 0;min-width:0}.practice-main[data-astro-cid-4227vtql] .practice-toggle[data-astro-cid-4227vtql],.practice-main[data-astro-cid-4227vtql] .practice-check[data-astro-cid-4227vtql]{flex:none}.practice-advanced[data-astro-cid-4227vtql]{border-top:1px solid var(--glass-border);grid-template-columns:repeat(3,1fr);align-items:end;gap:.6rem;padding-top:.6rem;display:grid}.field[data-astro-cid-4227vtql]{flex-direction:column;gap:.25rem;min-width:0;display:flex}.practice-label[data-astro-cid-4227vtql]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.72rem;font-weight:600;display:block}.practice-toolbar[data-astro-cid-4227vtql] select[data-astro-cid-4227vtql],.practice-toolbar[data-astro-cid-4227vtql] input[data-astro-cid-4227vtql]:not([type=checkbox]):not([type=range]){border:1px solid var(--glass-border);width:100%;height:2.35rem;color:var(--text-main);font-family:var(--font-main);background:#00000008;border-radius:10px;padding:.35rem .7rem;font-size:.95rem;transition:all .3s}.practice-toolbar[data-astro-cid-4227vtql] select[data-astro-cid-4227vtql]:focus,.practice-toolbar[data-astro-cid-4227vtql] input[data-astro-cid-4227vtql]:not([type=checkbox]):not([type=range]):focus{border-color:#6a9e5a73;outline:none;box-shadow:0 0 0 3px #6a9e5a1a}.practice-toolbar[data-astro-cid-4227vtql] input[data-astro-cid-4227vtql][type=range]{width:100%;height:2.35rem;accent-color:var(--accent-primary);cursor:pointer;margin:0}.practice-toggle[data-astro-cid-4227vtql]{border:1px solid var(--glass-border);height:2.35rem;color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:#0000000a;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.85rem;font-weight:600;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.practice-toggle[data-astro-cid-4227vtql]:hover{color:var(--text-main);background:#6a9e5a1a;border-color:#6a9e5a80}.practice-toggle[data-astro-cid-4227vtql]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.practice-check[data-astro-cid-4227vtql]{border:1px solid var(--glass-border);height:2.35rem;color:var(--text-muted);cursor:pointer;white-space:nowrap;user-select:none;background:#0000000a;border-radius:999px;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.85rem;font-weight:600;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.practice-check[data-astro-cid-4227vtql]:hover{color:var(--text-main);border-color:#6a9e5a80}.practice-check[data-astro-cid-4227vtql] input[data-astro-cid-4227vtql]{width:1rem;height:1rem;accent-color:var(--accent-primary);cursor:pointer;margin:0}.practice-check[data-astro-cid-4227vtql]:has(input:checked){color:var(--text-main);background:#6a9e5a1a;border-color:#6a9e5a80}.practice-check[data-astro-cid-4227vtql]:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.practice-chevron[data-astro-cid-4227vtql]{transition:transform .16s}.practice-toggle[data-astro-cid-4227vtql][aria-expanded=true] .practice-chevron[data-astro-cid-4227vtql]{transform:rotate(180deg)}.practice-select[data-astro-cid-4227vtql]{border:1px solid var(--glass-border);width:100%;height:2.35rem;color:var(--text-main);font-family:var(--font-main);cursor:pointer;text-align:left;background:#00000008;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .7rem;font-size:.95rem;transition:border-color .16s;display:flex}.practice-select[data-astro-cid-4227vtql]:hover,.practice-select[data-astro-cid-4227vtql][aria-expanded=true]{border-color:#6a9e5a73}.practice-select[data-astro-cid-4227vtql]:focus-visible{border-color:#6a9e5a73;outline:none;box-shadow:0 0 0 3px #6a9e5a1a}.practice-select[data-astro-cid-4227vtql] .practice-chevron[data-astro-cid-4227vtql]{color:var(--text-muted);flex:none;transition:transform .16s}.practice-select[data-astro-cid-4227vtql][aria-expanded=true] .practice-chevron[data-astro-cid-4227vtql]{transform:rotate(180deg)}.field--rhythm[data-astro-cid-4227vtql]{position:relative}.rhythm-menu[data-astro-cid-4227vtql]{z-index:60;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;grid-template-columns:1fr 1fr;gap:.5rem;width:min(440px,88vw);max-height:62vh;padding:.75rem;display:grid;position:absolute;top:calc(100% + .4rem);left:0;overflow-y:auto;box-shadow:0 12px 40px #00000024}.rhythm-option[data-astro-cid-4227vtql]{border:1px solid var(--glass-border);color:var(--text-main);font:inherit;cursor:pointer;background:#00000005;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;transition:border-color .16s,background .16s;display:flex}.rhythm-option[data-astro-cid-4227vtql]:hover{background:#6a9e5a14;border-color:#6a9e5a80}.rhythm-option[data-astro-cid-4227vtql].is-selected{border-color:var(--accent-primary);background:#6a9e5a24}.rhythm-option[data-astro-cid-4227vtql]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.rhythm-option-thumb[data-astro-cid-4227vtql]{width:100%;line-height:0;display:block;overflow:hidden}.rhythm-option-thumb[data-astro-cid-4227vtql] svg[data-astro-cid-4227vtql]{width:100%;height:auto;display:block}.rhythm-option-label[data-astro-cid-4227vtql]{color:var(--text-muted);font-size:.78rem;font-weight:600}.rhythm-option[data-astro-cid-4227vtql].is-selected .rhythm-option-label[data-astro-cid-4227vtql]{color:var(--text-main)}.rhythm-option--custom[data-astro-cid-4227vtql]{justify-content:center;min-height:64px}.custom-builder[data-astro-cid-4227vtql]{border:1px solid var(--glass-border);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border-radius:16px;flex-direction:column;gap:.6rem;padding:.75rem 1rem;display:flex;box-shadow:0 8px 32px #0000000d}.palette-row[data-astro-cid-4227vtql]{align-items:center;gap:.6rem;display:flex}.palette-group-label[data-astro-cid-4227vtql]{min-width:3rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.palette[data-astro-cid-4227vtql]{flex-wrap:wrap;gap:.35rem;display:flex}.builder-bar[data-astro-cid-4227vtql]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.builder-preview[data-astro-cid-4227vtql]{align-items:baseline;gap:.75rem;min-width:0;display:flex}.builder-codes[data-astro-cid-4227vtql]{color:var(--text-main);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.builder-beats[data-astro-cid-4227vtql]{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.builder-beats[data-astro-cid-4227vtql][data-kind=success]{color:var(--color-success)}.builder-beats[data-astro-cid-4227vtql][data-kind=error]{color:var(--color-error)}.practice-status[data-astro-cid-4227vtql]{color:var(--color-error);text-align:left;margin:0;font-size:.9rem}.practice-status[data-astro-cid-4227vtql]:empty{display:none}.practice-output-wrap[data-astro-cid-4227vtql]{position:relative}.practice-output[data-astro-cid-4227vtql]{flex-direction:column;gap:.75rem;padding-bottom:1rem;display:flex;overflow-x:auto}.practice-playhead[data-astro-cid-4227vtql]{background:var(--accent-primary);pointer-events:none;will-change:transform;width:2px;position:absolute;top:0;left:0;box-shadow:0 0 6px #6a9e5ab3}.practice-system{flex:none}.practice-palette-btn{border:1px solid var(--glass-border);color:var(--text-main);font:inherit;cursor:pointer;background:#0000000d;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.85rem;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.practice-palette-btn:hover{background:#6a9e5a1f;border-color:#6a9e5a80;transform:translateY(-1px)}.practice-palette-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (width<=768px){.practice-main[data-astro-cid-4227vtql]{flex-wrap:wrap}.practice-main[data-astro-cid-4227vtql] .field--rhythm[data-astro-cid-4227vtql],.practice-main[data-astro-cid-4227vtql] .field--pattern[data-astro-cid-4227vtql]{flex:45%}.practice-main[data-astro-cid-4227vtql] .field--notes[data-astro-cid-4227vtql]{flex:100%}.practice-main[data-astro-cid-4227vtql] .practice-toggle[data-astro-cid-4227vtql],.practice-main[data-astro-cid-4227vtql] .practice-check[data-astro-cid-4227vtql]{flex:45%}.practice-advanced[data-astro-cid-4227vtql]{grid-template-columns:1fr 1fr}.rhythm-menu[data-astro-cid-4227vtql]{grid-template-columns:1fr}.palette-row[data-astro-cid-4227vtql]{flex-direction:column;align-items:stretch;gap:.35rem}.palette-group-label[data-astro-cid-4227vtql]{min-width:0}}