@layer theme,base,theory-ui,chord-practice-ui,guitar-ui;@layer page{:root[data-page=note-splitting] .overview-card,:root[data-page=note-splitting] .split-card,:root[data-page=note-splitting] .reference-card,:root[data-page=note-splitting] .recap-card{border-radius:var(--radius-lg);margin-bottom:24px;padding:24px;line-height:1.7}:root[data-page=note-splitting] .overview-card p,:root[data-page=note-splitting] .split-card p,:root[data-page=note-splitting] .reference-card p{margin:10px 0 0}:root[data-page=note-splitting] .overview-jump{margin-top:16px!important}:root[data-page=note-splitting] .overview-jump a{color:var(--accent);font-weight:700;text-decoration:none}:root[data-page=note-splitting] .overview-jump a:hover,:root[data-page=note-splitting] .overview-jump a:focus-visible{text-decoration:underline}:root[data-page=note-splitting] .frac{vertical-align:middle;flex-direction:column;align-items:center;margin:0 2px;line-height:1.15;display:inline-flex}:root[data-page=note-splitting] .frac-num{border-bottom:2px solid;padding:0 6px 2px}:root[data-page=note-splitting] .frac-den{padding:2px 6px 0}:root[data-page=note-splitting] .split-equation{border-radius:var(--radius-md);color:var(--accent);background:#ffffff08;border:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:18px 0;padding:16px;font-size:1.15rem;font-weight:800;display:flex}:root[data-page=note-splitting] .split-equation-big{font-size:1.3rem}:root[data-page=note-splitting] .eq-op{color:var(--muted);font-size:1.1rem;font-weight:800}:root[data-page=note-splitting] .split-tree{margin-top:16px}:root[data-page=note-splitting] .tree-arrow{text-align:center;color:var(--muted);letter-spacing:.02em;margin:8px 0;font-size:.82rem;font-weight:600}:root[data-page=note-splitting] .level-row{align-items:stretch;gap:12px;margin-top:10px;display:flex}:root[data-page=note-splitting] .level-row-label{flex:0 0 168px;align-items:center;gap:8px;min-width:0;display:flex}:root[data-page=note-splitting] .level-row-icon{background:linear-gradient(180deg, #fffdf9 0%, var(--staff) 100%);border-radius:8px;flex-shrink:0;width:40px;height:50px;overflow:hidden}:root[data-page=note-splitting] .level-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}:root[data-page=note-splitting] .level-row-name{font-size:.84rem;font-weight:800}:root[data-page=note-splitting] .level-row-count{color:var(--muted);font-size:.72rem}:root[data-page=note-splitting] .level-row-bar{flex:1;gap:3px;min-width:0;display:flex}:root[data-page=note-splitting] .level-seg{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-strong) 100%);color:#0b1220;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;padding:12px 2px;font-size:.7rem;font-weight:700;display:flex}:root[data-page=note-splitting] .level-seg .frac-num,:root[data-page=note-splitting] .level-seg .frac-den{padding:0 3px}:root[data-page=note-splitting] .level-seg.is-alt{background:linear-gradient(#6facff 0%,#4a8ef0 100%)}:root[data-page=note-splitting] .level-seg.is-dense{border-radius:4px;padding:8px 1px}:root[data-page=note-splitting] .level-seg.is-dense .frac{display:none}:root[data-page=note-splitting] .split-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}:root[data-page=note-splitting] .split-kodaly{flex:320px;margin:0!important}:root[data-page=note-splitting] .split-play{flex-shrink:0}:root[data-page=note-splitting] .split-play.is-playing{background:#4ecca32e;border-color:#4ecca380}:root[data-page=note-splitting] .reference-tree{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;margin-top:18px;padding:18px}:root[data-page=note-splitting] .reference-tree .level-row{margin-top:16px}:root[data-page=note-splitting] .reference-tree .level-row:first-child{margin-top:0}:root[data-page=note-splitting] .reference-tree .level-row-label{flex-basis:190px}:root[data-page=note-splitting] .reference-row-play{color:var(--text);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:.85rem;transition:background .14s,transform .14s}:root[data-page=note-splitting] .reference-row-play:hover,:root[data-page=note-splitting] .reference-row-play:focus-visible{background:#4ecca338;outline:none;transform:translateY(-1px)}@media (width<=760px){:root[data-page=note-splitting] .level-row{flex-direction:column;align-items:stretch;gap:8px}:root[data-page=note-splitting] .level-row-label{flex-basis:auto}:root[data-page=note-splitting] .level-seg.is-dense{min-width:3px}:root[data-page=note-splitting] .split-footer{text-align:center;flex-direction:column;align-items:stretch}}}