:root{--font-mono:"Roboto Mono", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293bd9;--bg-card-hover:#334155e6;--bg-input:#0f172a;--border-color:#334155;--border-focus:#6366f1;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-glow:#6366f159;--chord-color:#38bdf8;--chord-bg:#38bdf826;--chord-border:#38bdf859;--measure-border:#6366f1;--measure-bg:#6366f114;--badge-bg:#334155;--badge-text:#e2e8f0;--danger-color:#ef4444;--danger-bg:#ef444426;--success-color:#10b981;--warning-color:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 25px -5px #00000080;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fffffff2;--bg-card-hover:#f1f5f9;--bg-input:#fff;--border-color:#cbd5e1;--border-focus:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-glow:#4f46e533;--chord-color:#0284c7;--chord-bg:#0284c71f;--chord-border:#0284c759;--measure-border:#4f46e5;--measure-bg:#4f46e50f;--badge-bg:#e2e8f0;--badge-text:#1e293b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 25px -5px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sticky-navbar{z-index:100;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding:.6rem 1rem;position:sticky;top:0}.btn{border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;min-height:38px;padding:.5rem .85rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--text-secondary)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{filter:brightness(.9)}.btn-icon{border-radius:var(--radius-sm);min-width:38px;padding:.45rem}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.chord-sheet-container{font-family:var(--font-mono);letter-spacing:.02em;white-space:pre-wrap;word-break:break-word;font-size:1.05rem;line-height:1.6}.inline-lyric-line{flex-wrap:wrap;align-items:flex-end;row-gap:1.3rem;min-height:2.2rem;margin-bottom:.25rem;padding-top:1.15rem;display:flex;position:relative}.lyric-word{white-space:pre;flex-wrap:nowrap;display:inline-flex}.lyric-segment{box-sizing:content-box;flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.chord-badge{font-family:var(--font-mono);color:var(--chord-color);background:var(--chord-bg);border:1px solid var(--chord-border);white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:2;border-radius:4px;padding:.04em .35em;font-size:.82em;font-weight:700;line-height:1.1;position:absolute;bottom:100%;left:0;transform:translateY(2px);box-shadow:0 1px 3px #0000001f}.text-syllable{font-family:var(--font-mono);color:var(--text-primary);white-space:pre}.measure-block{background:var(--measure-bg);border:1.5px solid var(--measure-border);border-radius:var(--radius-md);font-family:var(--font-mono);align-items:center;gap:.4rem;max-width:100%;margin:.5rem 0;padding:.35rem .7rem;font-weight:600;display:inline-flex;overflow-x:auto;box-shadow:0 2px 5px #00000014}.measure-bar{border-right:1px solid var(--border-color);align-items:center;gap:.4rem;padding:0 .5rem;display:flex}.measure-bar:last-child{border-right:none}.measure-repeat-tag{background:var(--accent-primary);color:#fff;border-radius:4px;margin-left:.2rem;padding:.1rem .45rem;font-size:.82rem;font-weight:700}.live-sheet-scroll-container{padding:1.25rem 1rem 6.5rem}.live-autoscroll-control{position:fixed;top:50%;right:1rem;transform:translateY(-50%)}@media (width>=768px){#exportable-sheet,#live-exportable-sheet{max-width:880px!important;margin:0 auto!important;padding:1.75rem 2.5rem!important}}@media (width<=640px){.hide-mobile{display:none!important}.sticky-navbar{padding:.5rem .75rem}.btn{padding:.4rem .65rem;font-size:.8rem}.chord-sheet-container{font-size:.95rem}.chord-badge{padding:.05em .35em;font-size:.92em;font-weight:700}.inline-lyric-line{row-gap:1.4rem;margin-bottom:.25rem;padding-top:1.25rem}.mobile-stack-grid{grid-template-columns:1fr!important}.live-sheet-scroll-container{padding:.75rem .4rem 6.5rem!important}#live-exportable-sheet{padding:.25rem .4rem!important}.live-autoscroll-control{top:3.6rem!important;right:.4rem!important;transform:none!important}}