.level-cell.svelte-17b7d42{appearance:none;border-radius:var(--radius-round);border:2px solid var(--inv-color);width:3.4rem;height:3.4rem;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;font-family:ui-monospace,monospace;font-size:.82rem;font-weight:600;transition:transform 80ms,border-width 80ms,background .12s,color .12s;display:inline-flex;position:relative}.level-cell.svelte-17b7d42:hover,.level-cell.svelte-17b7d42:focus-visible{color:var(--text);border-width:3px}.level-cell.svelte-17b7d42:focus-visible{outline:2px solid var(--inv-color);outline-offset:2px}.level-cell[data-completed=true].svelte-17b7d42{color:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 1px 4px #f59e0b66}.level-cell[data-progress=true].svelte-17b7d42:before{content:"";border-radius:var(--radius-round);background:conic-gradient(var(--inv-color) var(--progress-deg,0deg), transparent var(--progress-deg,0deg) 360deg);pointer-events:none;position:absolute;inset:-2px;-webkit-mask:radial-gradient(circle,#0000 56%,#000 60%);mask:radial-gradient(circle,#0000 56%,#000 60%)}.level-cell[data-selected=true].svelte-17b7d42{background:var(--inv-color);color:#fff;box-shadow:0 0 0 2px var(--bg,#fff), 0 0 0 4px var(--inv-color);z-index:1;border-width:3px;font-weight:800;transform:scale(1.12)}.level-cell-label.svelte-17b7d42{pointer-events:none;z-index:1;position:relative}@media (width<=720px){.level-cell.svelte-17b7d42{box-sizing:border-box;aspect-ratio:1;width:100%;max-width:3rem;height:auto;font-size:clamp(.5rem,2.1vw,.75rem)}}.level-side-panel.svelte-1knfxnx{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated,#f7f7f8);flex-direction:column;gap:.4rem;min-height:12rem;padding:1rem;display:flex;position:sticky;top:1rem}.side-header.svelte-1knfxnx{align-items:baseline;gap:.6rem;display:flex}.side-label.svelte-1knfxnx{background:var(--inv-color,#111);color:#fff;border-radius:var(--radius-lg);padding:.1rem .5rem;font-family:ui-monospace,monospace;font-size:1.4rem;font-weight:700}.side-short.svelte-1knfxnx{color:var(--text);font-size:1.4rem;font-weight:800}.side-badge.svelte-1knfxnx{border-radius:var(--radius-pill);color:#fff;align-self:flex-start;padding:.25rem .6rem;font-size:.85rem;font-weight:700}.side-badge--done.svelte-1knfxnx{background:#f59e0b}.side-progress.svelte-1knfxnx{flex-direction:column;gap:.1rem;display:flex}.side-acc.svelte-1knfxnx{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1.05}.side-practiced-note.svelte-1knfxnx{color:var(--text-muted);font-size:.82rem}.side-chord.svelte-1knfxnx{margin:0;font-weight:600}.side-desc.svelte-1knfxnx{color:var(--text-muted);margin:0;font-size:.85rem}.side-stat.svelte-1knfxnx{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.85rem}.side-stat--muted.svelte-1knfxnx{font-style:italic}.side-launch.svelte-1knfxnx{border:1px solid var(--accent,#2563eb);border-radius:var(--radius-pill);background:var(--accent,#2563eb);color:var(--accent-contrast,#fff);cursor:pointer;align-self:flex-start;margin-top:.6rem;padding:.5rem 1rem;font-weight:600}.side-launch.svelte-1knfxnx:disabled{opacity:.6;cursor:progress}.side-empty.svelte-1knfxnx{color:var(--text-muted);font-style:italic}.level-bar.svelte-1knfxnx{background:var(--bg-elevated,#f7f7f8);border-bottom:1px solid var(--border);border-radius:0 0 calc(var(--radius-lg) * 1.25) calc(var(--radius-lg) * 1.25);flex-wrap:wrap;align-items:center;gap:.5rem .6rem;padding:.5rem .75rem;display:flex;box-shadow:0 2px 6px #00000014}.bar-main.svelte-1knfxnx{text-align:left;cursor:pointer;min-width:0;color:inherit;background:0 0;border:none;flex:auto;align-items:center;gap:.6rem;padding:0;display:flex}.bar-names.svelte-1knfxnx{flex-direction:column;min-width:0;display:flex}.bar-chord.svelte-1knfxnx{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.bar-chevron.svelte-1knfxnx{color:var(--text-muted);margin-left:auto;transition:transform .15s}.bar-chevron[data-open=true].svelte-1knfxnx{transform:rotate(180deg)}.bar-launch.svelte-1knfxnx{margin-top:0}.bar-hint.svelte-1knfxnx{color:var(--text-muted);margin:0;font-style:italic}.bar-details.svelte-1knfxnx{border-top:1px solid var(--border);flex-direction:column;flex:100%;gap:.3rem;padding-top:.4rem;display:flex}.levels-page.svelte-1uj4py7{max-width:none;margin:0 auto;padding:1rem}.app-layout .app-main:has(.levels-page){max-width:none}.levels-header-row.svelte-1uj4py7{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.levels-header.svelte-1uj4py7 h1:where(.svelte-1uj4py7){margin:0 0 .25rem}.levels-show-intervals.svelte-1uj4py7{color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.levels-show-intervals.svelte-1uj4py7:hover{color:var(--text)}.levels-subtitle.svelte-1uj4py7{color:var(--text-muted);margin:0 0 1rem}.hand-tabs.svelte-1uj4py7{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex}.hand-tab.svelte-1uj4py7{appearance:none;cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .9rem;font-size:.95rem}.hand-tab--active.svelte-1uj4py7{color:var(--text);border-bottom-color:var(--accent,#2563eb);font-weight:600}.seed-btn.svelte-1uj4py7{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;margin-left:auto;padding:.3rem .7rem;font-size:.75rem}.seed-btn.svelte-1uj4py7:hover{color:var(--text);border-color:var(--text-muted)}.levels-layout.svelte-1uj4py7{grid-template-columns:max-content 195px;justify-content:start;align-items:start;gap:.85rem;display:grid}.levels-aside.svelte-1uj4py7{align-self:start;position:sticky;top:1rem}.levels-table.svelte-1uj4py7{border-collapse:separate;border-spacing:0}.levels-table.svelte-1uj4py7 th:where(.svelte-1uj4py7),.levels-table.svelte-1uj4py7 td:where(.svelte-1uj4py7){text-align:center;padding:.15rem}.inv-head.svelte-1uj4py7{background:var(--inv-color);color:var(--inv-ink);text-transform:uppercase;letter-spacing:.04em;z-index:3;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:.3rem .4rem;font-size:.72rem;font-weight:700;position:sticky;top:0}.blacks-head.svelte-1uj4py7{z-index:3;background:var(--bg,#fff);padding-bottom:.35rem;position:sticky;top:1.65rem}.blacks-dot.svelte-1uj4py7{border-radius:var(--radius-round);border:1.5px solid var(--text-muted,#888);width:.6rem;height:.6rem;display:inline-block}.blacks-dot[data-blacks="0"].svelte-1uj4py7{background:#fff}.blacks-dot[data-blacks="1"].svelte-1uj4py7{background:#333;border-color:#333}.blacks-dot[data-blacks="2"].svelte-1uj4py7{background:linear-gradient(135deg,#fff 0 50%,#333 50% 100%)}.corner.svelte-1uj4py7{z-index:4;background:var(--bg,#fff);position:sticky;top:0;left:0}.quality-head.svelte-1uj4py7{z-index:2;background:var(--bg,#fff);text-align:left;white-space:nowrap;border-right:1px solid var(--border);padding:.15rem .75rem .15rem .2rem;position:sticky;left:0}.quality-short.svelte-1uj4py7{color:var(--text);font-family:ui-monospace,monospace;font-size:.95rem;font-weight:800;display:block}.quality-long.svelte-1uj4py7,.levels-summary.svelte-1uj4py7,.levels-legend.svelte-1uj4py7{display:none}td.level-td.svelte-1uj4py7{width:3.6rem;padding:.3rem}@media (width<=720px){.levels-aside.svelte-1uj4py7{display:none}.levels-summary.svelte-1uj4py7{z-index:40;display:block;position:sticky;top:0}.levels-legend.svelte-1uj4py7{color:var(--text-muted);flex-direction:column;gap:.3rem;margin:.5rem 0 .75rem;font-size:.72rem;display:flex}.legend-row.svelte-1uj4py7{flex-wrap:wrap;gap:.35rem .75rem;display:flex}.legend-inv.svelte-1uj4py7{border-left:.35rem solid var(--inv-color);padding-left:.55rem}.levels-layout.svelte-1uj4py7{display:block}.levels-table-wrap.svelte-1uj4py7{padding-bottom:0;overflow:visible}.levels-table.svelte-1uj4py7,.levels-table.svelte-1uj4py7 tbody,.levels-table.svelte-1uj4py7 tr{display:block}.levels-table.svelte-1uj4py7 thead{display:none}.levels-table.svelte-1uj4py7 tbody tr{border-bottom:1px solid var(--border);grid-template-columns:repeat(12,1fr);align-items:center;gap:.25rem;padding:.3rem 0;display:grid}.quality-head.svelte-1uj4py7{white-space:normal;border-right:none;grid-column:1/-1;padding:0 0 .1rem;position:static}.quality-long.svelte-1uj4py7{color:var(--text-muted);font-size:.72rem;font-weight:400;display:block}td.level-td.svelte-1uj4py7{display:contents}td.level-td[data-empty].svelte-1uj4py7{display:none}}