.song-view-toolbar{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.35rem;padding:.35rem 0;display:flex;position:relative}.song-view-toolbar__desktop{display:block}.song-view-toolbar__mobile{display:none}@media (max-width:900px){.song-view-toolbar__desktop{display:none}.song-view-toolbar__mobile{flex-flow:row;align-items:center;gap:.4rem;padding-bottom:2px;display:flex;overflow:visible}.song-view-toolbar__mobile .toolbar-popover{flex:none;position:relative}.song-view-toolbar__mobile .mobile-toolbar-popover{-webkit-overflow-scrolling:touch;overflow-x:auto}.song-view-toolbar__mobile .dropdown-trigger{height:var(--control-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--text-primary);white-space:nowrap;border-radius:8px;justify-content:center;padding:0 .75rem;font-size:.82rem}.song-view-toolbar__mobile .dropdown-trigger[aria-expanded=true]{border-color:rgba(var(--accent-primary-rgb),.45);background:var(--interactive-active,var(--color-overlay-strong))}.song-view-toolbar__mobile .dropdown-menu{min-width:220px;max-height:calc(100vh - var(--bottom-navbar-offset) - 16px)}@supports not (position-anchor:--a){.song-view-toolbar__mobile .dropdown-menu:not(.floating){top:auto;bottom:calc(100% + 8px)}}.song-view-toolbar__mobile .toolbar-popover-controls{flex-direction:column;gap:.65rem;padding:.25rem .25rem .35rem;display:flex}.song-view-toolbar__mobile .toolbar-popover-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.song-view-toolbar__mobile .toolbar-popover-row .toolbar-label{min-width:52px}.screen--song-editor .song-editor-bottom-toolbar .tuning-save-popover{max-height:calc(100vh - var(--bottom-navbar-offset) - 16px);top:auto;bottom:calc(100% + .45rem)}.mobile-toolbar-popover{flex-shrink:0;position:relative}.mobile-toolbar-popover--tuning{flex:auto;min-width:0}.mobile-toolbar-popover--capo{flex:none;margin-left:auto}.mobile-toolbar-popover--scroll{flex:none}.mobile-toolbar-popover--tuning .mobile-pill-btn{justify-content:flex-start;width:100%;min-width:0}.mobile-toolbar-popover--tuning .mobile-pill-value{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:none;overflow:hidden}.mobile-toolbar-popover--tuning .mobile-pill-content{flex:auto;min-width:0;overflow:hidden}.mobile-popover-panel{background:var(--surface-2);border:1px solid var(--color-border);z-index:20;border-radius:12px;flex-direction:column;gap:.5rem;min-width:220px;max-width:min(90vw,320px);padding:.75rem;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000002e}.mobile-popover-panel--buttons{flex-direction:row;justify-content:space-between;align-items:center;gap:.4rem;padding:.6rem .75rem}.mobile-popover-panel.dropdown-menu{padding:.6rem .75rem}.mobile-popover-panel--scroll{min-width:240px}.mobile-icon-btn{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.mobile-icon-btn:hover{background:var(--color-surface-hover);border-color:rgba(var(--accent-primary-rgb),.4)}.mobile-icon-btn svg{width:20px;height:20px}.mobile-badge{background:var(--color-surface);min-width:28px;height:28px;color:var(--text-primary);border:1px solid var(--color-border);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:.85rem;font-weight:600;display:inline-flex}.mobile-save-popover{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.mobile-popover-panel.floating,.mobile-save-popover.floating{will-change:top,left;max-width:calc(100vw - 24px);transform:none!important}@media (max-width:480px){.screen--song-editor .song-view-toolbar__mobile .mobile-popover-panel{bottom:calc(var(--song-editor-bottom-toolbar-offset,92px) + 8px);width:min(320px,100vw - 24px);max-width:none;position:fixed;top:auto;left:50%;right:auto;transform:translate(-50%)}.screen--song-editor .song-editor-bottom-toolbar .tuning-save-popover.mobile-save-popover{bottom:calc(var(--song-editor-bottom-toolbar-offset,92px) + 8px);width:min(360px,100vw - 24px);max-width:none;position:fixed;top:auto;left:50%;right:auto;transform:translate(-50%)}}}@media (min-width:901px){.screen--song-editor .song-editor-bottom-toolbar .tuning-save-popover{top:auto;bottom:calc(100% + .45rem)}}.song-view-toolbar .toolbar-row{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.song-view-toolbar .toolbar-group{align-items:center;gap:.35rem;display:inline-flex}.song-view-toolbar .toolbar-group--tuning{flex:260px;min-width:220px}.song-view-toolbar .toolbar-label{color:var(--text-muted);font-size:.8rem}.song-view-toolbar .toolbar-group.compact{gap:.3rem}.song-view-toolbar .toolbar-group--autoscroll{gap:.25rem}.link-btn{color:var(--accent-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:.15rem .35rem;font-size:.82rem}.link-btn:hover,.link-btn:focus-visible{color:var(--accent-secondary);background:var(--color-surface-hover);text-decoration:none}.pill-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);height:var(--control-sm);border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .85rem;font-size:.78rem;display:inline-flex}.pill-btn:hover{background:var(--color-surface-hover)}.pill-btn.ghost{background:0 0}.pill-btn.accent{border-color:var(--accent-primary);color:var(--accent-primary)}.song-view-toolbar .icon-btn{width:var(--control-sm);height:var(--control-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.song-view-toolbar .icon-btn:hover{background:var(--color-surface-hover)}.song-view-toolbar .icon-btn.active{outline:2px solid var(--accent-primary)}.song-view-toolbar .btn-reset{padding:.2rem .5rem;font-size:.8rem}.song-view-toolbar .select{height:var(--control-sm);background:var(--color-surface);color:var(--text-primary);border:1px solid var(--color-border);border-radius:6px;padding:0 .4rem}.autoscroll-compact{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.autoscroll-compact-btn{border:0;border-right:1px solid var(--color-border);color:var(--text-primary);width:var(--control-sm);min-width:var(--control-sm);height:var(--control-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.autoscroll-compact-btn:last-child{border-right:0}.autoscroll-compact-btn:hover:not(:disabled){background:var(--color-surface-hover)}.autoscroll-compact-btn:disabled{opacity:.45;cursor:not-allowed}.autoscroll-compact-btn.is-running{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.11)}.autoscroll-compact-btn svg{width:14px;height:14px}.toolbar-pill{border:1px solid var(--color-border);height:22px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:0 .6rem;font-size:.72rem;display:inline-flex}.toolbar-pill.warning{border-color:var(--accent-warning);color:var(--accent-warning)}.toolbar-secondary-panel{background:var(--color-surface);border:1px solid var(--color-border);z-index:15;border-radius:12px;width:min(420px,90vw);padding:.75rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 32px #0000002e}.toolbar-secondary-panel .panel-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.toolbar-secondary-panel .panel-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;display:grid}.toolbar-secondary-panel .panel-item{flex-direction:column;gap:.3rem;display:flex}.toolbar-secondary-panel .panel-item.full{grid-column:1/-1}.toolbar-secondary-panel .panel-inline{align-items:center;gap:.35rem;display:inline-flex}.toolbar-secondary-panel .panel-footer{justify-content:flex-end;margin-top:.75rem;display:flex}.tuning-save-popover{background:var(--color-surface);border:1px solid var(--color-border);z-index:20;border-radius:12px;flex-direction:column;gap:.55rem;width:min(360px,92vw);padding:.9rem;display:flex;position:absolute;top:calc(100% + .45rem);left:0;box-shadow:0 12px 32px #0000002e}.tuning-save-popover .popover-title{font-size:.9rem;font-weight:600}.tuning-save-popover .popover-input{border:1px solid var(--color-border);background:var(--surface-2);width:100%;color:var(--text-primary);border-radius:8px;padding:.45rem .6rem;font-size:.85rem}.template-chips{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.template-chips .chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:.1rem .65rem;font-size:.72rem}.template-chips .chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.tuning-save-popover .popover-actions{justify-content:flex-end;gap:.5rem;display:flex}.badge{background:var(--color-surface);min-width:20px;height:20px;color:var(--text-secondary);border:1px solid var(--color-border);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;display:inline-flex}.chord-pro-content.no-wrap{white-space:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto}.chord-pro-content.no-wrap .chord-pairs,.chord-pro-content.no-wrap .lyric-row{flex-wrap:nowrap}.chord-pro-content.no-wrap .lyric-row,.chord-pro-content.no-wrap .lyric,.chord-pro-content.no-wrap .chord,.chord-pro-content.no-wrap .chord-only-row,.chord-pro-content.no-wrap .chord-gap{white-space:pre;word-break:normal}.chord-pro-content.no-wrap .chord-lyric-pair{flex-shrink:0}.chord-pro-viewer{background:var(--color-background);height:100%;padding:1rem;overflow-y:auto}.chord-pro-header{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:.75rem}.song-title{color:var(--color-text);margin-bottom:.5rem;font-size:2rem;font-weight:700}.song-subtitle{color:var(--color-text-muted);margin-bottom:.5rem;font-size:1.3rem}.song-artist{color:var(--color-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:500}.song-info{color:var(--color-text-muted);justify-content:center;gap:2rem;font-size:.9rem;display:flex}.song-info span{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.3rem .8rem}.chord-pro-content{--chord-pro-lyric-line-height:var(--line-height-normal,1.45);--chord-pro-chord-line-height:var(--line-height-tight,1.15);--chord-pro-chord-min-height:1.05em;--chord-pro-chord-gap:.04em;--chord-pro-chord-only-gap:.06em;--chord-pro-line-gap:.18em;--chord-pro-line-gap-with-chords:.45em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;line-height:var(--chord-pro-lyric-line-height);max-width:800px;margin:0 auto}.chord-line{margin-bottom:var(--chord-pro-line-gap);flex-direction:column;display:flex}.chord-line.has-chords{margin-bottom:var(--chord-pro-line-gap-with-chords)}.chord-pairs{flex-wrap:wrap;align-items:flex-start;display:flex}.chord-pair-wrap{flex:none;align-items:flex-start;display:inline-flex}.chord-only-row{line-height:var(--chord-pro-chord-line-height);white-space:pre-wrap;word-break:break-word;display:block}@supports (white-space:break-spaces){.chord-only-row{white-space:break-spaces}}.chord-only-row .chord{min-height:var(--chord-pro-chord-min-height);margin-bottom:var(--chord-pro-chord-only-gap);align-items:flex-end;display:inline-flex}.chord-gap{white-space:pre-wrap}@supports (white-space:break-spaces){.chord-gap{white-space:break-spaces}}.chord-lyric-pair{flex-direction:column;flex:none;align-items:flex-start;min-width:0;max-width:100%;display:inline-flex;overflow:visible}.chord-lyric-pair .chord{min-height:var(--chord-pro-chord-min-height);margin-bottom:var(--chord-pro-chord-gap);align-items:flex-end;display:inline-flex}.chord-lyric-pair .lyric{max-width:100%}.chord-lyric-pair .chord.chord--empty{visibility:hidden}.chord{color:var(--color-primary);font-size:.9rem;font-weight:600;line-height:var(--chord-pro-chord-line-height);white-space:nowrap;position:relative}.chord .chord-note{color:var(--color-text-muted);letter-spacing:0;margin-left:.25em;font-size:.85em;font-style:italic;font-weight:500}.chord .chord-optional{color:var(--color-primary);letter-spacing:0;margin-left:.25em;font-size:.85em;font-style:normal;font-weight:600}.chord.chord--numbers{align-items:baseline}.chord .chord-root,.chord .chord-quality,.chord .chord-bass{display:inline-block}.chord--numbers .chord-quality{font-size:.78em;line-height:1;transform:translateY(-.42em)}.lyric-row{white-space:pre-wrap;word-break:break-word;flex-wrap:wrap;display:flex}.lyric{color:var(--color-text);white-space:pre-wrap;word-break:break-word}@supports (white-space:break-spaces){.lyric-row,.lyric,.chord-lyric-pair .lyric{white-space:break-spaces}}.chord-clickable{cursor:pointer;color:var(--color-primary);transition:color var(--transition-fast);border-radius:4px;text-decoration:none;position:relative}.chord-clickable:before{content:"";border-radius:inherit;transition:background-color var(--transition-fast);background-color:#0000;position:absolute;inset:-2px}.song-view-toolbar .toolbar-group--notation{gap:0}.song-view-toolbar .notation-mode-toggle{height:var(--control-sm);border:1px solid var(--color-border);background:var(--color-surface);min-width:72px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;padding:2px;display:grid;position:relative;overflow:hidden}.song-view-toolbar .notation-mode-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.song-view-toolbar .notation-mode-toggle:hover:not([aria-disabled=true]){background:var(--color-surface-hover)}.song-view-toolbar .notation-mode-toggle:before{content:"";border:1px solid rgba(var(--accent-primary-rgb),.45);background:rgba(var(--accent-primary-rgb),.22);z-index:1;border-radius:999px;width:calc(50% - 4px);transition:transform .18s;position:absolute;top:2px;bottom:2px;left:2px}.song-view-toolbar .notation-mode-toggle[data-active=numbers]:before{transform:translate(100%)}.song-view-toolbar .notation-mode-toggle__option{z-index:2;text-align:center;color:var(--text-secondary);font-size:.72rem;font-weight:600;line-height:1;transition:color .18s;position:relative}.song-view-toolbar .notation-mode-toggle__option.active{color:var(--text-primary)}.song-view-toolbar .notation-mode-toggle[aria-disabled=true]{opacity:.72;cursor:not-allowed}.song-view-toolbar .notation-mode-toggle[aria-disabled=true]:before{border-color:var(--color-border);background:rgba(var(--accent-primary-rgb),.12)}.song-view-toolbar__mobile .mobile-toolbar-popover--notation{flex:none}.toggle-label,.mobile-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:inline-flex}.toggle-label input[type=checkbox],.mobile-toggle-label input[type=checkbox]{cursor:pointer}.toggle-label input[type=checkbox]:disabled,.mobile-toggle-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.chord-clickable:hover,.chord-clickable:focus-visible{color:var(--accent-secondary)}.chord-clickable:hover:before,.chord-clickable:focus-visible:before{background-color:rgba(var(--accent-primary-rgb),.12)}.chord-clickable:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.15);border-radius:4px}.chord-comment{color:var(--color-text-muted);text-align:center;margin:1rem 0;font-style:italic}.key-change-marker{color:var(--color-primary);letter-spacing:.02em;text-transform:uppercase;margin:.95rem 0 .35rem;font-size:.82rem;font-weight:600}.section-marker{text-align:center;border-radius:6px;margin:1.5rem 0;padding:.5rem;scroll-margin-top:100px;font-weight:700}.section-start{text-align:left;color:var(--color-primary);text-transform:uppercase;letter-spacing:.035em;border-radius:0;justify-content:flex-start;align-items:center;gap:.65rem;margin-top:1rem;margin-bottom:.4rem;padding:.25rem 0;font-size:.9rem;font-weight:600;display:flex;position:relative}.section-start:after{content:"";background:var(--color-border);opacity:.75;flex:1;height:1px}.section-start__label{white-space:normal;flex-wrap:wrap;align-items:baseline;gap:.35rem;display:inline-flex}.section-start__base{white-space:nowrap}.section-start .section-repeat{letter-spacing:0;opacity:.9;font-variant-numeric:tabular-nums;white-space:nowrap;text-transform:none;font-size:.85em;font-style:italic;font-weight:500;line-height:1;display:inline}.section-start .section-note{letter-spacing:0;color:var(--color-text-muted);opacity:.95;white-space:normal;text-transform:none;font-size:.85em;font-style:italic;font-weight:500;line-height:1;display:inline}.section-end{display:none}.no-singing{text-align:center;color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:6px;margin:1rem 0;padding:.5rem;font-style:italic}.plain-text{color:var(--color-text)}.inline-italic{font-style:italic}.empty-content{text-align:center;color:var(--color-text-muted);padding:3rem}.chord-voicing-modal-content{gap:var(--spacing-md);--diagram-min-width:148px;--diagram-gap:10px;--diagram-card-padding:6px;flex-direction:column;min-width:min(420px,92vw);max-height:60vh;display:flex;overflow-y:auto}.chord-voicing-modal .modal-content{max-width:580px;box-shadow:var(--shadow-xl);border-radius:var(--border-radius-xl);background:#242c38;border:1px solid #ffffff29}.chord-voicing-modal .modal-header{padding:var(--spacing-sm)var(--spacing-lg);box-shadow:none;background:0 0;border-bottom:1px solid #ffffff14;align-items:center;min-height:auto}.chord-voicing-modal .modal-header h2{color:#f8fbff;font-size:var(--font-size-lg);letter-spacing:.01em;font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);text-shadow:none;margin:0}.chord-voicing-modal .modal-content h2{-webkit-text-fill-color:currentColor;color:#f8fbff;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.chord-voicing-modal .modal-close-btn{color:#f8fbff;width:var(--control-sm);height:var(--control-sm);background:#ffffff0d;border:1px solid #ffffff24}.chord-voicing-modal .modal-close-btn:hover{background:rgba(var(--accent-primary-rgb),.22);color:#fff}.chord-voicing-modal .modal-body{gap:var(--spacing-sm);background:#242c38;flex-direction:column;padding:12px;display:flex}