@layer theme,base,theory-ui,chord-practice-ui,guitar-ui;@layer page{:root[data-page=workbook]{--paper:#faf6ec;--paper-edge:#efe8d6;--ink:#2b2620;--ink-muted:#6b6252;--rule:#d9d0b8;--paper-correct:#2f7a5c;--paper-correct-bg:#2f7a5c1a;--paper-off:#a8631f;--paper-off-bg:#a8631f1f}:root[data-page=workbook] .worksheet{background:var(--paper);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--paper-edge);padding:36px 40px 44px;font-family:Georgia,Times New Roman,serif}:root[data-page=workbook] .worksheet-header{border-bottom:3px double var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;padding-bottom:18px;display:flex}:root[data-page=workbook] .worksheet-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);margin:0 0 4px;font-family:Georgia,serif;font-size:.72rem}:root[data-page=workbook] .worksheet-title-block h2{color:var(--ink);margin:0;font-size:1.8rem}:root[data-page=workbook] .worksheet-fields{flex-wrap:wrap;gap:24px;display:flex}:root[data-page=workbook] .worksheet-field{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:4px;font-size:.8rem;display:flex}:root[data-page=workbook] .worksheet-field input{color:var(--ink);text-transform:none;letter-spacing:normal;border:none;border-bottom:1px solid var(--ink-muted);background:0 0;width:200px;padding:4px 2px;font-family:Georgia,serif;font-size:1rem}:root[data-page=workbook] .worksheet-field input:focus{border-bottom-color:var(--ink);outline:none}:root[data-page=workbook] .exercise{margin-bottom:40px}:root[data-page=workbook] .exercise h3{color:var(--ink);align-items:center;gap:12px;margin:0 0 10px;font-size:1.25rem;display:flex}:root[data-page=workbook] .ex-number{border:2px solid var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}:root[data-page=workbook] .ex-instructions{color:var(--ink-muted);max-width:70ch;margin:0 0 18px;line-height:1.65}:root[data-page=workbook] .ex-instructions em{color:var(--ink);font-style:italic}:root[data-page=workbook] .staff-holder{border:1px solid var(--rule);background:#fffdf7;border-radius:10px;padding:12px 8px;overflow-x:auto}:root[data-page=workbook] .staff-svg{width:100%;max-width:480px;height:auto;margin:0 auto;display:block}:root[data-page=workbook] .staff-line,:root[data-page=workbook] .staff-ledger{stroke:var(--ink);stroke-width:1.4px}:root[data-page=workbook] .staff-clef,:root[data-page=workbook] .staff-note{fill:var(--ink)}:root[data-page=workbook] .staff-note-number{fill:var(--paper-correct);text-anchor:middle;font-family:Georgia,serif;font-size:13px;font-weight:700}:root[data-page=workbook] .blank-row{flex-wrap:wrap;justify-content:center;gap:20px 28px;margin-top:16px;display:flex}:root[data-page=workbook] .blank-item{align-items:baseline;gap:6px;font-size:1rem;display:flex}:root[data-page=workbook] .blank-item .blank-number{color:var(--ink-muted);font-weight:700}:root[data-page=workbook] .blank-item input{text-align:center;width:46px;color:var(--ink);border:none;border-bottom:2px solid var(--ink);text-transform:uppercase;background:0 0;padding:2px 0;font-family:Georgia,serif;font-size:1.1rem}:root[data-page=workbook] .blank-item input:focus{border-bottom-color:var(--paper-correct);outline:none}:root[data-page=workbook] .blank-item .blank-feedback{min-width:1em;margin-left:2px;font-size:.82rem}:root[data-page=workbook] .blank-item.is-correct input{border-bottom-color:var(--paper-correct);background:var(--paper-correct-bg)}:root[data-page=workbook] .blank-item.is-correct .blank-feedback{color:var(--paper-correct)}:root[data-page=workbook] .blank-item.is-off input{border-bottom-color:var(--paper-off);background:var(--paper-off-bg)}:root[data-page=workbook] .blank-item.is-off .blank-feedback{color:var(--paper-off);font-style:italic}:root[data-page=workbook] .note-values{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}:root[data-page=workbook] .note-value-item{border:1px solid var(--rule);background:#fffdf7;border-radius:10px;flex-direction:column;align-items:center;gap:10px;min-width:130px;padding:16px 18px;display:flex}:root[data-page=workbook] .note-value-item svg{display:block}:root[data-page=workbook] .note-symbol-head{fill:none;stroke:var(--ink);stroke-width:2.4px}:root[data-page=workbook] .note-symbol-head.is-filled{fill:var(--ink)}:root[data-page=workbook] .note-symbol-stem{stroke:var(--ink);stroke-width:2.2px}:root[data-page=workbook] .note-symbol-flag{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round}:root[data-page=workbook] .note-value-item select{color:var(--ink);border:none;border-bottom:2px solid var(--ink);text-align:center;background:0 0;padding:4px 2px;font-family:Georgia,serif;font-size:.92rem}:root[data-page=workbook] .note-value-item.is-correct select{border-bottom-color:var(--paper-correct);background:var(--paper-correct-bg)}:root[data-page=workbook] .note-value-item.is-off select{border-bottom-color:var(--paper-off);background:var(--paper-off-bg)}:root[data-page=workbook] .note-value-item .blank-feedback{min-height:1.1em;font-size:.8rem}:root[data-page=workbook] .note-value-item.is-correct .blank-feedback{color:var(--paper-correct)}:root[data-page=workbook] .note-value-item.is-off .blank-feedback{color:var(--paper-off);font-style:italic}:root[data-page=workbook] .vocab-list{flex-direction:column;gap:14px;display:flex}:root[data-page=workbook] .vocab-row{border-bottom:1px dashed var(--rule);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 0;display:flex}:root[data-page=workbook] .vocab-definition{color:var(--ink);flex:320px;line-height:1.5}:root[data-page=workbook] .vocab-row select{color:var(--ink);border:none;border-bottom:2px solid var(--ink);background:0 0;min-width:170px;padding:4px 2px;font-family:Georgia,serif;font-size:.95rem}:root[data-page=workbook] .vocab-row.is-correct select{border-bottom-color:var(--paper-correct);background:var(--paper-correct-bg)}:root[data-page=workbook] .vocab-row.is-off select{border-bottom-color:var(--paper-off);background:var(--paper-off-bg)}:root[data-page=workbook] .vocab-row .blank-feedback{flex-basis:100%;font-size:.82rem}:root[data-page=workbook] .vocab-row.is-correct .blank-feedback{color:var(--paper-correct)}:root[data-page=workbook] .vocab-row.is-off .blank-feedback{color:var(--paper-off);font-style:italic}:root[data-page=workbook] .worksheet-actions{border-top:3px double var(--rule);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:12px;padding-top:24px;display:flex}:root[data-page=workbook] .check-btn{border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--paper-correct) 0%, #245f47 100%);color:#fff;cursor:pointer;border:none;padding:14px 30px;font-family:Georgia,serif;font-size:1.02rem;font-weight:700;transition:transform .14s,box-shadow .14s}:root[data-page=workbook] .check-btn:hover,:root[data-page=workbook] .check-btn:focus-visible{outline:none;transform:translateY(-2px)}:root[data-page=workbook] .secondary-btn{border:1px solid var(--ink-muted);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;background:0 0;padding:13px 24px;font-family:Georgia,serif;font-size:.95rem;font-weight:700;transition:background .14s,transform .14s}:root[data-page=workbook] .secondary-btn:hover,:root[data-page=workbook] .secondary-btn:focus-visible{background:#2b26200f;outline:none;transform:translateY(-1px)}:root[data-page=workbook] .results-summary{text-align:center;max-width:60ch;color:var(--ink);margin:22px auto 0;font-size:1.1rem;font-weight:700}@media (width<=760px){:root[data-page=workbook] .worksheet{padding:26px 18px 32px}:root[data-page=workbook] .worksheet-header{flex-direction:column;align-items:flex-start}:root[data-page=workbook] .worksheet-field input{width:100%}:root[data-page=workbook] .staff-svg{min-width:360px}}@media print{:root[data-page=workbook] .topbar,:root[data-page=workbook] .worksheet-actions,:root[data-page=workbook] .results-summary{display:none!important}:root[data-page=workbook] body{background:#fff}:root[data-page=workbook] .app-shell{width:100%;padding:0}:root[data-page=workbook] .worksheet{box-shadow:none;border:none;padding:0}:root[data-page=workbook] .blank-item.is-correct input,:root[data-page=workbook] .blank-item.is-off input,:root[data-page=workbook] .note-value-item.is-correct select,:root[data-page=workbook] .note-value-item.is-off select,:root[data-page=workbook] .vocab-row.is-correct select,:root[data-page=workbook] .vocab-row.is-off select{background:0 0}:root[data-page=workbook] .blank-feedback{display:none!important}}}