@layer theme,base,theory-ui,chord-practice-ui,guitar-ui;@layer page{:root[data-page=worksheets] .visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root[data-page=worksheets] .controls-card{border-radius:var(--radius-lg);margin-bottom:24px;padding:26px}:root[data-page=worksheets] .controls-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;display:grid}:root[data-page=worksheets] .control-field{flex-direction:column;gap:8px;display:flex}:root[data-page=worksheets] .field-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.72rem}:root[data-page=worksheets] .control-field input[type=text],:root[data-page=worksheets] .control-field select{background:var(--surface-soft);border-radius:var(--radius-sm);color:var(--text);border:1px solid #ffffff24;padding:12px 16px;font-size:1rem}:root[data-page=worksheets] .control-field input[type=text]:focus,:root[data-page=worksheets] .control-field select:focus{border-color:var(--accent);outline:none}:root[data-page=worksheets] .control-field-checkbox{justify-content:flex-end}:root[data-page=worksheets] .checkbox-label{color:var(--text);cursor:pointer;align-items:center;gap:10px;font-size:.92rem;display:flex}:root[data-page=worksheets] .checkbox-label input{width:18px;height:18px;accent-color:var(--accent)}:root[data-page=worksheets] .control-actions{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}:root[data-page=worksheets] .worksheet-sheet{color:#1a1a2e;border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fdfcf8;padding:36px 40px}:root[data-page=worksheets] .sheet-header{border-bottom:2px solid #1a1a2e;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px;padding-bottom:14px;display:flex}:root[data-page=worksheets] .sheet-header h2{margin:0;font-size:1.6rem}:root[data-page=worksheets] .sheet-fields{flex-wrap:wrap;gap:28px;font-size:.95rem;display:flex}:root[data-page=worksheets] .fill-line{border-bottom:1px solid #1a1a2e;min-width:140px;margin-left:6px;display:inline-block}:root[data-page=worksheets] .sheet-instructions{color:#4a4a5e;margin:14px 0 22px;font-size:.92rem}:root[data-page=worksheets] .exercise-grid{grid-template-columns:repeat(var(--worksheet-columns,2), 1fr);gap:22px 18px;display:grid}:root[data-page=worksheets] .exercise-item{break-inside:avoid;border:1px solid #d8d4c8;border-radius:12px;padding:10px 12px 14px}:root[data-page=worksheets] .exercise-number{color:#6a6a80;margin-bottom:2px;font-size:.85rem;font-weight:800}:root[data-page=worksheets] .exercise-staff{justify-content:center;display:flex}:root[data-page=worksheets] .exercise-staff svg{max-width:100%;height:auto}:root[data-page=worksheets] .exercise-answer-line{border-bottom:1px solid #8a8698;height:1.4em;margin-top:4px}:root[data-page=worksheets] .answer-key{border-top:2px dashed #8a8698;margin-top:40px;padding-top:20px}:root[data-page=worksheets] .answer-key h3{margin:0 0 12px}:root[data-page=worksheets] .answer-key-list{grid-template-columns:repeat(6,1fr);gap:8px 12px;padding-left:0;font-weight:700;list-style:none;display:grid}:root[data-page=worksheets] .answer-key-list li{gap:6px;display:flex}:root[data-page=worksheets] .answer-key-list .answer-index{color:#6a6a80;font-weight:600}@media (width<=760px){:root[data-page=worksheets] .worksheet-sheet{padding:24px 18px}:root[data-page=worksheets] .exercise-grid{grid-template-columns:repeat(2,1fr)}:root[data-page=worksheets] .answer-key-list{grid-template-columns:repeat(3,1fr)}}@media print{:root[data-page=worksheets] .topbar,:root[data-page=worksheets] .no-print{display:none!important}:root[data-page=worksheets] body{background:#fff!important}:root[data-page=worksheets] .app-shell{width:100%;padding:0}:root[data-page=worksheets] .worksheet-sheet{color:#000;box-shadow:none!important}:root[data-page=worksheets] .exercise-item{border-color:#999}:root[data-page=worksheets] .answer-key{page-break-before:always;border-top:none;padding-top:0}}}