.notation-outer.svelte-1ya6bf6{position:relative;margin-top:.75rem}.notation-outer.fullscreen.svelte-1ya6bf6{position:fixed;inset:0;z-index:100;background:#f5f0e8;overflow-y:auto;padding:2rem 1.5rem;margin-top:0;display:flex;flex-direction:column;align-items:center}.notation-outer.fullscreen.svelte-1ya6bf6 .notation:where(.svelte-1ya6bf6){width:100%;max-width:1100px}.notation.svelte-1ya6bf6{width:100%;background:#f5f0e8;border-radius:6px;padding:4px 4px 8px;overflow:hidden}.notation.clickable.svelte-1ya6bf6{cursor:zoom-in}.notation svg{display:block;width:100%;height:auto}.fs-btn.svelte-1ya6bf6{background:#333;color:#f5f0e8;border:none;border-radius:50%;width:2.2rem;height:2.2rem;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.fs-close.svelte-1ya6bf6{position:fixed;top:1rem;right:1rem;z-index:101}.timer.svelte-1he4d7p{display:flex;flex-direction:column;gap:.5rem}.time-row.svelte-1he4d7p{display:flex;align-items:center;gap:.75rem}.time.svelte-1he4d7p{font-size:1.6rem;font-variant-numeric:tabular-nums;font-weight:600;color:#e8e8e8;letter-spacing:.05em}.done.svelte-1he4d7p .time:where(.svelte-1he4d7p){color:#4caf50}.controls.svelte-1he4d7p{display:flex;gap:.4rem}.ctrl-btn.svelte-1he4d7p{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#aaa;padding:.3rem .8rem;font-size:.82rem}.ctrl-btn.start.svelte-1he4d7p{background:#1e3a5f;border-color:#4a9eff;color:#e8e8e8}.ctrl-btn.reset.svelte-1he4d7p{color:#555}.ctrl-btn.svelte-1he4d7p:disabled{opacity:.4}.bar-track.svelte-1he4d7p{height:3px;background:#2a2a2a;border-radius:2px;overflow:hidden}.bar-fill.svelte-1he4d7p{height:100%;background:#4a9eff;border-radius:2px;transition:width 1s linear}.done.svelte-1he4d7p .bar-fill:where(.svelte-1he4d7p){background:#4caf50}.page.svelte-1uha8ag{display:flex;flex-direction:column;gap:1.25rem}h1.svelte-1uha8ag{font-size:1.4rem;font-weight:600}h2.svelte-1uha8ag{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#555;margin-bottom:.75rem}.card.svelte-1uha8ag{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:1.1rem 1.25rem}.timer-card.svelte-1uha8ag{padding:.9rem 1.25rem}.key-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;margin-bottom:.75rem}.key-btn.svelte-1uha8ag{background:#222;border:1px solid #333;border-radius:6px;color:#aaa;padding:.4rem .2rem;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:2px}.key-btn.selected.svelte-1uha8ag{background:#1e3a5f;border-color:#4a9eff;color:#e8e8e8}.key-btn.stale.svelte-1uha8ag{color:#e8a020}.key-btn.stale.selected.svelte-1uha8ag{color:#e8e8e8}.days.svelte-1uha8ag{font-size:.65rem;color:#555}.key-btn.stale.svelte-1uha8ag .days:where(.svelte-1uha8ag){color:#e8a020}.mode-toggle.svelte-1uha8ag{display:flex;gap:.5rem}.mode-toggle.svelte-1uha8ag button:where(.svelte-1uha8ag){background:#222;border:1px solid #333;border-radius:6px;color:#666;padding:.35rem .9rem;font-size:.85rem}.mode-toggle.svelte-1uha8ag button.selected:where(.svelte-1uha8ag){background:#1e3a5f;border-color:#4a9eff;color:#e8e8e8}.last-session.svelte-1uha8ag{font-size:.82rem;color:#555;margin-top:-.5rem}.section-tabs.svelte-1uha8ag{display:flex;gap:0;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden}.sec-tab.svelte-1uha8ag{flex:1;background:none;border:none;color:#555;padding:.65rem .5rem;font-size:.9rem;font-weight:500;border-right:1px solid #2a2a2a}.sec-tab.svelte-1uha8ag:last-child{border-right:none}.sec-tab.active.svelte-1uha8ag{background:#1e3a5f;color:#e8e8e8}.notes-row.svelte-1uha8ag{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.note.svelte-1uha8ag{background:#222;border:1px solid #333;border-radius:4px;padding:.25rem .6rem;font-size:.9rem;font-family:monospace}.notation-config.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.75rem 0 0;padding:.65rem .75rem;background:#161616;border:1px solid #252525;border-radius:7px}.cfg-group.svelte-1uha8ag{display:flex;align-items:center;gap:.3rem}.cfg-label.svelte-1uha8ag{font-size:.72rem;color:#444;margin-right:.15rem;white-space:nowrap}.cfg-btn.svelte-1uha8ag{background:#222;border:1px solid #333;border-radius:4px;color:#555;padding:.2rem .5rem;font-size:.75rem}.cfg-btn.on.svelte-1uha8ag{background:#1e3a5f;border-color:#4a9eff;color:#c8d8f0}.arp-types.svelte-1uha8ag{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.arp-btn.svelte-1uha8ag{background:#222;border:1px solid #333;border-radius:6px;color:#666;padding:.3rem .75rem;font-size:.82rem}.arp-btn.selected.svelte-1uha8ag{background:#1e3a5f;border-color:#4a9eff;color:#e8e8e8}.chord-notes-hint.svelte-1uha8ag{font-size:.82rem;color:#555;font-family:monospace;margin-bottom:.6rem}.prog-tabs.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.prog-tab.svelte-1uha8ag{background:#222;border:1px solid #333;border-radius:6px;color:#666;padding:.3rem .7rem;font-size:.8rem}.prog-tab.selected.svelte-1uha8ag{background:#1e3a5f;border-color:#4a9eff;color:#e8e8e8}.chords-row.svelte-1uha8ag{display:flex;gap:1rem;margin-bottom:.75rem}.chord.svelte-1uha8ag{display:flex;flex-direction:column;gap:2px}.degree.svelte-1uha8ag{font-size:.7rem;color:#555;text-transform:uppercase}.chord-root.svelte-1uha8ag{font-size:1.1rem;font-weight:600;color:#4a9eff}.chord-notes.svelte-1uha8ag{font-size:.75rem;color:#666;font-family:monospace}.voicing-table.svelte-1uha8ag{width:100%;border-collapse:collapse;font-size:.82rem}.voicing-table.svelte-1uha8ag th:where(.svelte-1uha8ag){text-align:center;color:#4a9eff;font-weight:600;padding:.3rem .4rem;border-bottom:1px solid #2a2a2a}.voicing-table.svelte-1uha8ag th:where(.svelte-1uha8ag):first-child{text-align:left;color:#444}.voicing-table.svelte-1uha8ag td:where(.svelte-1uha8ag){padding:.35rem .4rem;border-bottom:1px solid #1f1f1f}.inv-label.svelte-1uha8ag{color:#555;font-size:.78rem;white-space:nowrap}.inv-notes.svelte-1uha8ag{font-family:monospace;color:#aaa;text-align:center}.variation-list.svelte-1uha8ag{list-style:none;display:flex;flex-direction:column;gap:.5rem}.variation-list.svelte-1uha8ag label:where(.svelte-1uha8ag){display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;cursor:pointer}.variation-list.svelte-1uha8ag input[type=checkbox]:where(.svelte-1uha8ag){margin-top:2px;width:16px;height:16px;accent-color:#4a9eff;flex-shrink:0}.variation-list.svelte-1uha8ag span:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:1px}.variation-list.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#ccc}.variation-list.svelte-1uha8ag em:where(.svelte-1uha8ag){font-size:.78rem;color:#555;font-style:normal}.log-card.svelte-1uha8ag{display:flex;flex-direction:column;gap:1rem}.log-row.svelte-1uha8ag{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.log-row.svelte-1uha8ag label:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:#666}.log-row.svelte-1uha8ag input:where(.svelte-1uha8ag){background:#222;border:1px solid #333;border-radius:6px;padding:.5rem .75rem;color:#e8e8e8;font-size:1rem;width:90px}.feel-group.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.feel-btn.svelte-1uha8ag{background:#222;border:1px solid #333;border-radius:6px;color:#666;padding:.4rem .75rem;font-size:.82rem}.feel-btn.selected.svelte-1uha8ag{background:#1e3a5f;border-color:#4a9eff;color:#e8e8e8}.save-btn.svelte-1uha8ag{background:#4a9eff;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;width:100%}.save-btn.svelte-1uha8ag:disabled{opacity:.4}.rep-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rep-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:0}.add-btn.svelte-1uha8ag{background:#222;border:1px solid #333;border-radius:6px;color:#888;padding:.3rem .8rem;font-size:.82rem}.add-form.svelte-1uha8ag{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.text-input.svelte-1uha8ag{background:#222;border:1px solid #333;border-radius:6px;padding:.55rem .8rem;color:#e8e8e8;font-size:.95rem;width:100%}.text-input.svelte-1uha8ag:focus{outline:none;border-color:#4a9eff}.piece-group.svelte-1uha8ag{margin-bottom:1rem}.piece-group.svelte-1uha8ag:last-child{margin-bottom:0}.group-label.svelte-1uha8ag{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#444;display:block;margin-bottom:.4rem}.piece-list.svelte-1uha8ag{list-style:none;display:flex;flex-direction:column;gap:.4rem}.piece-row.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #222}.piece-info.svelte-1uha8ag{display:flex;flex-direction:column;gap:2px}.piece-info.svelte-1uha8ag strong:where(.svelte-1uha8ag){font-size:.92rem;color:#ddd}.composer.svelte-1uha8ag{font-size:.78rem;color:#555}.piece-actions.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem}.status-badge.svelte-1uha8ag{border:none;border-radius:4px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;cursor:pointer}.status-new.svelte-1uha8ag{background:#1e3a5f;color:#4a9eff}.status-working.svelte-1uha8ag{background:#3a2a00;color:#e8a020}.status-polishing.svelte-1uha8ag{background:#1a3a1a;color:#4caf50}.status-done.svelte-1uha8ag{background:#2a2a2a;color:#555}.del-btn.svelte-1uha8ag{background:none;border:none;color:#3a3a3a;font-size:1.1rem;line-height:1;padding:.1rem .3rem}.del-btn.svelte-1uha8ag:hover{color:#ff6b6b}.muted.svelte-1uha8ag{color:#444;font-size:.85rem}.hidden.svelte-1uha8ag{display:none}.guest-prompt.svelte-1uha8ag{font-size:.85rem;color:#555;text-align:center;padding:.75rem}.guest-prompt.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#4a9eff;text-decoration:none}