*,*:before,*:after{box-sizing:border-box}html{--bg: #101216;--fg: #e6e8ec;--chord-fg: #7cc4ff;--lyric-fg: #e6e8ec;--section-verse-fg: #9ca3af;--section-chorus-fg: #f59e0b;--section-bridge-fg: #c084fc;--section-tab-fg: #94a3b8;--section-intro-fg: #34d399;--section-outro-fg: #34d399;--section-pre_chorus-fg: #fb7185;--accent: #3b82f6;--font-lyrics: "Inter", "Segoe UI", system-ui, sans-serif;--font-chords: "JetBrains Mono", "Consolas", monospace;--font-weight-lyrics: 400;--font-weight-chords: 600;--column-gap: 2rem;--line-height: 1.55;--user-scale: 1;background-color:var(--bg);color:var(--fg);font-family:var(--font-lyrics);font-size:16px;line-height:var(--line-height)}body{margin:0;padding:0;background-color:var(--bg);color:var(--fg);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg) 30%,transparent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--fg) 50%,transparent)}.sync-indicator.svelte-15e08h8{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:999px}.sync-dot.svelte-15e08h8{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sync-connected.svelte-15e08h8{color:#22c55e;background:color-mix(in srgb,#22c55e 12%,transparent)}.sync-connected.svelte-15e08h8 .sync-dot:where(.svelte-15e08h8){background:#22c55e}.sync-reconnecting.svelte-15e08h8{color:#f59e0b;background:color-mix(in srgb,#f59e0b 12%,transparent)}.sync-reconnecting.svelte-15e08h8 .sync-dot:where(.svelte-15e08h8){background:#f59e0b;animation:svelte-15e08h8-pulse 1s ease-in-out infinite}.sync-offline.svelte-15e08h8{color:#ef4444;background:color-mix(in srgb,#ef4444 12%,transparent)}.sync-offline.svelte-15e08h8 .sync-dot:where(.svelte-15e08h8){background:#ef4444}.sync-label.svelte-15e08h8{white-space:nowrap}@keyframes svelte-15e08h8-pulse{0%,to{opacity:.4}50%{opacity:1}}.app-shell.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.top-bar.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--fg) 10%,transparent);flex-shrink:0;height:48px}.brand.svelte-12qhfyh{font-weight:700;font-size:1rem;color:var(--fg);text-decoration:none}.brand.svelte-12qhfyh:hover{color:var(--accent);text-decoration:none}.top-bar-right.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem}.main-content.svelte-12qhfyh{flex:1;display:flex;flex-direction:column}