/* Generated by scripts/build-dark-theme.mjs. Native colors; no page inversion. */ @media screen{ html[data-theme="dark"]{--paper:#2b2e34;--bg:#383d45;--ink:#e0e4ea;--muted:#c1c7d0;--line:#484e57;--green:#e0e4ea;--gold:#e0e4ea;--sidebar:224px}html[data-theme="dark"] body{color:var(--ink);background:var(--bg)}html[data-theme="dark"] button{border:1px solid var(--line);border-radius:7px;background:#2b2e34;color:var(--ink)}html[data-theme="dark"] button:hover{background:#24272c}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color:var(--ink);border:1px solid var(--line);border-radius:6px;background:#2b2e34}html[data-theme="dark"] input[type=range]{accent-color:var(--green)}html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] input:focus-visible,html[data-theme="dark"] textarea:focus-visible,html[data-theme="dark"] select:focus-visible,html[data-theme="dark"] summary:focus-visible,html[data-theme="dark"] [tabindex]:focus-visible{outline:2px solid #484e57;outline-offset:3px}html[data-theme="dark"] .primary,html[data-theme="dark"] .primary:hover{background:var(--green);border-color:var(--green);color:#26292e}html[data-theme="dark"] .primary:hover{background:#d4d8df}html[data-theme="dark"] .danger{color:#c1c7d0}html[data-theme="dark"] .text-button{border:0;background:transparent}html[data-theme="dark"] .icon-button{border:0;background:transparent}html[data-theme="dark"] .toggle{background:transparent;border-color:transparent}html[data-theme="dark"] .toggle.active{background:#383d45;color:var(--green);border-color:#484e57}html[data-theme="dark"] #library{background:#24272c;border-right:1px solid var(--line)}html[data-theme="dark"] .mark{color:var(--green)}html[data-theme="dark"] .search{background:#383d4555;border-bottom:1px solid var(--line);color:var(--muted)}html[data-theme="dark"] .search input{border:0;background:transparent}html[data-theme="dark"] .song-card{border-color:transparent;background:transparent;border-radius:9px}html[data-theme="dark"] .song-card.active{background:#383d45;color:var(--green)}html[data-theme="dark"] .song-card span{color:#aab1bc}html[data-theme="dark"] .song-card .restore{color:var(--green)}html[data-theme="dark"] .library-bottom{border-top:1px solid var(--line);color:var(--muted)}html[data-theme="dark"] .topbar{border-bottom:1px solid var(--line);background:#24272c}html[data-theme="dark"] #save-state{color:#aab1bc}html[data-theme="dark"] #save-state.error{color:#c1c7d0}html[data-theme="dark"] .mode-switch{background:#383d45;border-radius:8px}html[data-theme="dark"] .mode-switch button{border:0;background:transparent}html[data-theme="dark"] .mode-switch .active{background:#2b2e34;box-shadow:0 1px 4px #00000017;color:var(--green)}html[data-theme="dark"] .menu{background:#2b2e34;box-shadow:0 6px 30px #0000001a;border:1px solid var(--line);border-radius:9px}html[data-theme="dark"] .menu button{border:0}html[data-theme="dark"] .transport{border-bottom:1px solid var(--line);background:#24272c}html[data-theme="dark"] .play-button{border-radius:50%;background:var(--green);border:0;color:#26292e}html[data-theme="dark"] .play-button:hover{background:#d4d8df}html[data-theme="dark"] #position{color:#c1c7d0}html[data-theme="dark"] .tempo-label{color:var(--muted)}html[data-theme="dark"] .tempo-label input{border:0;background:transparent}html[data-theme="dark"] .volume-label{color:#aab1bc}html[data-theme="dark"] .chord-display-label{color:#c1c7d0}html[data-theme="dark"] .chord-display-label select{border:0;background:transparent}html[data-theme="dark"] .scroll-control label{color:var(--muted)}html[data-theme="dark"] .scroll-control input{border:0;background:transparent}html[data-theme="dark"] #score-paper{background:var(--paper);border:1px solid #484e57;box-shadow:0 5px 28px #00000006}html[data-theme="dark"] #score-meta{color:#aab1bc}html[data-theme="dark"] .info-dot{border:1px solid #484e57;border-radius:50%}html[data-theme="dark"] .score-section{color:#aab1bc}html[data-theme="dark"] .measure{border-radius:5px;outline:1px solid transparent}html[data-theme="dark"] .measure.selected{background:#24272c70;outline-color:#484e57}html[data-theme="dark"] .measure .bar-number{color:#aab1bc}html[data-theme="dark"] .candidate-dot{border-radius:50%;background:#848c98}html[data-theme="dark"] .tab-hit{fill:transparent;stroke:none}html[data-theme="dark"] .tab-hit:hover{fill:#e0e4ea}html[data-theme="dark"] .chord-hit{fill:transparent;stroke:none}html[data-theme="dark"] .chord-hit:hover{fill:#e0e4ea}html[data-theme="dark"] .playhead{stroke:#a1a8b3}html[data-theme="dark"] .playhead-dot{fill:#aab1bc}html[data-theme="dark"] .bar-lyrics{color:#c1c7d0}html[data-theme="dark"] .bar-lyrics.empty{color:#8c95a2}html[data-theme="dark"] .add-bar{border-style:dashed;background:transparent;color:#aab1bc}html[data-theme="dark"] #editor{border-left:1px solid var(--line);background:#24272c}html[data-theme="dark"] .editor-tabs{border-bottom:1px solid var(--line)}html[data-theme="dark"] .editor-tabs button{border:0;border-radius:0;background:transparent}html[data-theme="dark"] .editor-tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}html[data-theme="dark"] #editor section>label,html[data-theme="dark"] .score-settings label,html[data-theme="dark"] .pattern-actions label{color:#aab1bc}html[data-theme="dark"] #chord-edit-tools button{background:transparent;border-color:transparent}html[data-theme="dark"] #chord-edit-tools button.active{background:#383d45;color:var(--green)}html[data-theme="dark"] #fret-range{color:#aab1bc}html[data-theme="dark"] .finger-hit{fill:transparent;stroke:transparent}html[data-theme="dark"] .finger-hit:hover,html[data-theme="dark"] .finger-hit:focus-visible{fill:#e0e4ea;stroke:#11155;outline:0}html[data-theme="dark"] .preset-button{border-color:#484e57;background:#2b2e34}html[data-theme="dark"] .score-settings{border-top:1px solid var(--line)}html[data-theme="dark"] .score-settings summary{color:#aab1bc}html[data-theme="dark"] .string-picks{border:0}html[data-theme="dark"] .string-picks legend{color:#aab1bc}html[data-theme="dark"] #string-picks label{border:1px solid var(--line);border-radius:6px}html[data-theme="dark"] #string-picks label:has(input:checked){background:#383d45;color:var(--green);border-color:#484e57}html[data-theme="dark"] #string-picks label:has(input:focus-visible){outline:2px solid var(--green)}html[data-theme="dark"] .pattern-actions{border-top:1px solid var(--line)}html[data-theme="dark"] .message{background:#24272c;color:#c1c7d0}html[data-theme="dark"] .message a{color:inherit}html[data-theme="dark"] .menu .danger:hover{background:#24272c}html[data-theme="dark"] dialog{border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 80px #00000029}html[data-theme="dark"] dialog::backdrop{background:#d4d8df5c}html[data-theme="dark"] dialog label{color:#aab1bc}html[data-theme="dark"] dialog p{color:#aab1bc}html[data-theme="dark"] #toast{background:#d4d8df;color:#26292e;border-radius:8px}html[data-theme="dark"] #empty-state h2{color:#aab1bc}html[data-theme="dark"] .edit-mode .bar-lyrics.empty:hover{color:var(--green)}html[data-theme="dark"] .playing #play{background:#d4d8df} @media(max-width:1150px){html[data-theme="dark"]{--sidebar:195px}} @media(max-width:850px){html[data-theme="dark"] #library{box-shadow:8px 0 30px #00000015}html[data-theme="dark"] body:not(.library-hidden)::after{background:#d4d8df35}html[data-theme="dark"] .edit-mode #editor{box-shadow:-5px 0 20px #00000010}} @media(max-width:520px){html[data-theme="dark"] .scroll-control{border-top:1px solid var(--line)}html[data-theme="dark"] .edit-mode #editor{border-left:0;border-top:1px solid var(--line);box-shadow:none}} html[data-theme="dark"]{--paper:#2b2e34;--bg:#383d45;--ink:#e0e4ea;--muted:#c1c7d0;--line:#484e57;--green:#e0e4ea;--gold:#e0e4ea}html[data-theme="dark"] .measure.selected{background:#2b2e34;outline-color:#484e57}html[data-theme="dark"] .measure .bar-number{color:#e0e4ea}html[data-theme="dark"] .score-section,html[data-theme="dark"] #score-meta,html[data-theme="dark"] #save-state{color:#c1c7d0}html[data-theme="dark"] .playhead{stroke:#c8cdd5}html[data-theme="dark"] .playhead-dot{fill:#e0e4ea}html[data-theme="dark"] .candidate-dot{background:#d4d8df}html[data-theme="dark"] .bar-lyrics{fill:#e0e4ea}html[data-theme="dark"] .time-hit,html[data-theme="dark"] .string-hit,html[data-theme="dark"] .lyric-hit,html[data-theme="dark"] .chord-hit{fill:transparent;stroke:none}html[data-theme="dark"] .time-hit:hover{fill:#e0e4ea}html[data-theme="dark"] .string-hit:hover{fill:#e0e4ea}html[data-theme="dark"] .lyric-hit:hover{fill:#e0e4ea}html[data-theme="dark"] .chord-hit:hover{fill:#e0e4ea}html[data-theme="dark"] .range-shade{fill:#e0e4ea}html[data-theme="dark"] .lyric-snap-target{fill:#e0e4ea}html[data-theme="dark"] .lyric-snap-line{stroke:#c8cdd5}html[data-theme="dark"] .snap-note rect{fill:#e0e4ea}html[data-theme="dark"] .snap-note text{fill:#26292e}html[data-theme="dark"] .in-range{outline-color:#9ba2ad}html[data-theme="dark"] .score-popover{background:#2b2e34;border:1px solid #9ba2ad;border-radius:10px;box-shadow:0 8px 32px #00000033}html[data-theme="dark"] .picker-tabs .active{color:#26292e;background:#d4d8df}html[data-theme="dark"] .picker-empty{color:#c1c7d0}html[data-theme="dark"] #range-tools{border-bottom:1px solid #484e57;background:#2b2e34}html[data-theme="dark"] #range-loop.active{background:#d4d8df;color:#26292e}html[data-theme="dark"] #fret-drag-value{background:#d4d8df;color:#26292e;border-radius:5px}html[data-theme="dark"] .score-row .measure{border-radius:0;outline:0}html[data-theme="dark"] .measure .bar-number{color:#c1c7d0}html[data-theme="dark"] .measure.selected{background:#2b2e34;outline:none}html[data-theme="dark"] .measure.in-range{outline:none}html[data-theme="dark"] .time-hit:hover,html[data-theme="dark"] .string-hit:hover,html[data-theme="dark"] .lyric-hit:hover{fill:transparent}html[data-theme="dark"] .range-shade,html[data-theme="dark"] .hover-segment{fill:#e0e4ea;stroke:none}html[data-theme="dark"] .hover-segment[data-level=bar],html[data-theme="dark"] .hover-segment[data-level=quarter]{stroke:#c8cdd5}html[data-theme="dark"] .pointer-cursor{stroke:#c8cdd5}html[data-theme="dark"] .pointer-dot{fill:#e0e4ea}html[data-theme="dark"] .pointer-time{fill:#e0e4ea;stroke:#2b2e34}html[data-theme="dark"] .row-count-label select{border:0;background:transparent}html[data-theme="dark"] .row-count-label span{color:#c1c7d0}html[data-theme="dark"] #range-tools{background:#2b2e34;border:1px solid #484e57;border-radius:8px;box-shadow:0 4px 18px #00000022}html[data-theme="dark"] #range-tools .range-icon{border:0;background:transparent;border-radius:5px}html[data-theme="dark"] #range-tools .range-icon:hover{background:#383d45}html[data-theme="dark"] #range-tools .range-icon.active{background:#d4d8df;color:#26292e}html[data-theme="dark"] .range-icon:focus-visible{outline:2px solid #9ba2ad;outline-offset:1px} @media(max-width:850px){html[data-theme="dark"] .edit-mode #editor{box-shadow:none}} html[data-theme="dark"] .sr-only{border:0}html[data-theme="dark"] .section-name-button,html[data-theme="dark"] .score-title-button,html[data-theme="dark"] .meta-text-button{color:inherit;border:0;border-radius:4px;background:transparent}html[data-theme="dark"] .section-name-button:hover,html[data-theme="dark"] .score-title-button:hover,html[data-theme="dark"] .meta-text-button:hover{background:#383d45;box-shadow:0 0 0 4px #000000}html[data-theme="dark"] .bar-info-button{color:inherit;background:transparent;border:0;border-radius:3px}html[data-theme="dark"] .bar-info-button:hover{background:#383d45}html[data-theme="dark"] .review-note-button{border:0;background:transparent;border-radius:4px}html[data-theme="dark"] .review-note-button:hover{background:#383d45}html[data-theme="dark"] .metadata-note-button{background:transparent;color:inherit}html[data-theme="dark"] .metadata-note-button:hover{background:#383d45}html[data-theme="dark"] #metadata-form>label{color:#c1c7d0}html[data-theme="dark"] #metadata-form .range-icon{border:0;background:transparent}html[data-theme="dark"] #metadata-form .range-icon:hover{background:#383d45} html[data-theme="dark"] #mobile-scrim{border:0;border-radius:0;background:#d4d8df55} @media screen and (max-width:760px){html[data-theme="dark"] #score-paper,html[data-theme="dark"] .edit-mode #score-paper{border:0;box-shadow:none}html[data-theme="dark"] .score-section{color:#e0e4ea} html[data-theme="dark"] #editor,html[data-theme="dark"] .edit-mode #editor{border:1px solid #484e57;border-radius:18px 18px 0 0;background:#2b2e34;box-shadow:0 -8px 40px #00000022}html[data-theme="dark"] .editor-heading{background:#2b2e34;border-bottom:1px solid #484e57} html[data-theme="dark"] .score-popover{border-radius:15px} } @media screen and (max-width:760px){html[data-theme="dark"] .scroll-control{border:0} } html[data-theme="dark"] #fret-wheel{background:linear-gradient(90deg,#383d45,#2b2e34 28%,#2b2e34 72%,#383d45);border:1px solid #484e57;border-radius:14px;box-shadow:0 10px 32px #00000022,inset 0 1px 0 #000000}html[data-theme="dark"] .fret-tooth{color:#c1c7d0}html[data-theme="dark"] .fret-tooth.active-fret{color:#e0e4ea}html[data-theme="dark"] .fret-tooth.default-fret{color:#e0e4ea}html[data-theme="dark"] .fret-tooth.default-fret:after{background:#d4d8df;border-radius:50%}html[data-theme="dark"] .fret-center{border:1px solid #9ba2ad;border-radius:7px;background:#d4d8df04}html[data-theme="dark"] .fret-default-pin{border:1px solid #9ba2ad;border-radius:9px;background:#2b2e34}html[data-theme="dark"] .fret-wheel-tip{background:#2b2e34;border-right:1px solid #484e57;border-bottom:1px solid #484e57}html[data-theme="dark"] #fret-wheel.cancelled{border-color:#df3636;box-shadow:0 0 0 3px #ee494935,0 0 26px 9px #e4363655,inset 0 0 12px #e4363626}html[data-theme="dark"] .cancelled .fret-center{border-color:#da3030}html[data-theme="dark"] .cancelled .fret-tooth.active-fret{color:#b82020} html[data-theme="dark"] .score-popover[data-kind=lyric]{border-color:#484e57;border-radius:16px;box-shadow:0 10px 40px #00000022}html[data-theme="dark"] .lyric-action{border:0;border-radius:50%;background:#24272c}html[data-theme="dark"] .lyric-action:hover{background:#383d45}html[data-theme="dark"] #lyric-confirm{color:#26292e;background:#d4d8df}html[data-theme="dark"] #lyric-confirm:hover{background:#d4d8df}html[data-theme="dark"] #lyric-speed{background:#24272c;border-radius:22px}html[data-theme="dark"] .lyric-speed-thumb{border-radius:50%;background:#2b2e34;box-shadow:0 1px 4px #00000022}html[data-theme="dark"] #lyric-speed button{border:0;border-radius:50%;background:transparent;color:#c1c7d0}html[data-theme="dark"] #lyric-speed button[aria-checked=true]{color:#e0e4ea} html[data-theme="dark"] .lyric-grid-input{border:1px solid #484e57;border-radius:10px;background:#2b2e34;outline:none;--lyric-cell:22px}html[data-theme="dark"] .lyric-grid-input:focus{border-color:#9ba2ad;box-shadow:0 0 0 1px #000000}html[data-theme="dark"] .lyric-grid-input[aria-invalid=true]{border-color:#bb2626}html[data-theme="dark"] .lyric-space{background:#24272c;border-radius:3px;box-shadow:inset 0 0 0 1px #000000}html[data-theme="dark"] .lyric-space:after{color:#aab1bc}html[data-theme="dark"] .lyric-preview-new{fill:#aab1bc}html[data-theme="dark"] .lyric-preview-old{fill:#aab1bc} html[data-theme="dark"] .lyric-input-wrap{border-radius:10px;background:#2b2e34}html[data-theme="dark"] .lyric-grid-input,html[data-theme="dark"] #lyric-whitespace{border:1px solid transparent}html[data-theme="dark"] .lyric-grid-input{background:transparent!important;border-color:#484e57!important;color:#e0e4ea}html[data-theme="dark"] #lyric-whitespace{color:transparent}html[data-theme="dark"] .lyric-space-mark{background:#383d45;border-radius:2px}html[data-theme="dark"] .lyric-space-mark:after{color:#aab1bc}html[data-theme="dark"] .lyric-grid-input:focus{border-color:#9ba2ad!important}html[data-theme="dark"] .lyric-grid-input[aria-invalid=true]{border-color:#b22!important} html[data-theme="dark"] .danger,html[data-theme="dark"] #lyric-delete,html[data-theme="dark"] #picker-remove,html[data-theme="dark"] #remove-event{color:#b52b2b!important}html[data-theme="dark"] .danger:hover,html[data-theme="dark"] #lyric-delete:hover,html[data-theme="dark"] #picker-remove:hover,html[data-theme="dark"] #remove-event:hover{background:#fff0f0!important}html[data-theme="dark"] .danger:focus-visible{outline-color:#b52b2b} html[data-theme="dark"] .range-shade[data-level]{stroke:#c8cdd5}html[data-theme="dark"] .range-start-marker,html[data-theme="dark"] .range-end-marker{color:#e0e4ea}html[data-theme="dark"] .range-start-marker line,html[data-theme="dark"] .range-end-marker line{stroke:currentColor}html[data-theme="dark"] .range-start-marker path{fill:#26292e;stroke:currentColor}html[data-theme="dark"] .range-end-marker circle{fill:#e0e4ea} html[data-theme="dark"] .measure.hovering-measure{background:#383d45}html[data-theme="dark"] .measure-select-hit{fill:transparent}html[data-theme="dark"] .chord-add-strip{fill:transparent}html[data-theme="dark"] .chord-insert-guide line{stroke:#c8cdd5}html[data-theme="dark"] .chord-insert-guide circle{fill:#26292e;stroke:#c8cdd5}html[data-theme="dark"] .chord-insert-guide path{stroke:#c8cdd5;fill:none}html[data-theme="dark"] .end-hit{fill:transparent} html[data-theme="dark"] .row-divider{outline-offset:0}html[data-theme="dark"] .row-divider:before{border-top:1px solid #484e57}html[data-theme="dark"] .row-divider:hover:before,html[data-theme="dark"] .row-divider:focus-visible:before{border-color:#9ba2ad}html[data-theme="dark"] .score-section{color:#c1c7d0}html[data-theme="dark"] .section-add-button{border:1px solid #484e57;border-radius:50%;background:#2b2e34}html[data-theme="dark"] .section-add-button:hover{background:#d4d8df;color:#26292e}html[data-theme="dark"] .compact-symbol{color:#c1c7d0}html[data-theme="dark"] .compact-toolbar .range-icon{border-radius:50%;border:0;background:#24272c!important}html[data-theme="dark"] .compact-toolbar #section-confirm,html[data-theme="dark"] .compact-toolbar #annotation-confirm{background:#d4d8df!important;color:#26292e}html[data-theme="dark"] .score-popover[data-kind=section]{border-color:#484e57;border-radius:14px} html[data-theme="dark"] #section-nav{border-top:1px solid #484e57}html[data-theme="dark"] .section-nav-heading{color:#c1c7d0}html[data-theme="dark"] #section-nav button{border:0;background:transparent}html[data-theme="dark"] #section-nav button:hover{background:#383d45}html[data-theme="dark"] .annotation-endpoint{fill:#26292e}html[data-theme="dark"] .annotation-hit{fill:transparent;stroke:none}html[data-theme="dark"] .annotation-cluster-ring{fill:none;stroke:#a1a8b3}html[data-theme="dark"] .annotation-point:focus-visible{outline:none}html[data-theme="dark"] .annotation-point:focus-visible .annotation-hit{stroke:#c8cdd5;fill:#e0e4ea08} html[data-theme="dark"] #annotation-stack{background:#2b2e34;border:1px solid #484e57;border-radius:18px;box-shadow:0 4px 15px #00000022}html[data-theme="dark"] .annotation-stack-dot{border:0;border-radius:50%;background:transparent}html[data-theme="dark"] .annotation-stack-dot span,html[data-theme="dark"] .annotation-color-dot{border:2px solid var(--note-color);border-radius:50%;background:#2b2e34}html[data-theme="dark"] .annotation-stack-dot:hover{background:#383d45}html[data-theme="dark"] .annotation-stack-dot:hover span{box-shadow:0 0 0 3px color-mix(in srgb,var(--note-color),transparent 80%)} html[data-theme="dark"] .score-popover[data-kind^=annotation]{border-radius:13px;border-color:#484e57}html[data-theme="dark"] .annotation-view-head button{border:0;background:transparent}html[data-theme="dark"] .annotation-tail{background:#2b2e34;border:1px solid #484e57}html[data-theme="dark"] [data-side=below] .annotation-tail{border-right:0;border-bottom:0}html[data-theme="dark"] [data-side=above] .annotation-tail{border-left:0;border-top:0}html[data-theme="dark"] .annotation-colors button{border:3px solid #484e57;background:var(--note-color);border-radius:50%;outline:1px solid transparent}html[data-theme="dark"] .annotation-colors button[aria-pressed=true]{outline-color:var(--note-color)}html[data-theme="dark"] #annotation-color{border:0;background:none} html[data-theme="dark"] .annotation-line-hit{fill:transparent}html[data-theme="dark"] .annotation-point:focus,html[data-theme="dark"] .annotation-line-target:focus{outline:none}html[data-theme="dark"] .annotation-line-target:focus-visible .annotation-line-hit{fill:#e0e4ea08;stroke:#a1a8b3} html[data-theme="dark"] .pointer-string{fill:none;stroke:#c8cdd5} html[data-theme="dark"] button.bar-boundary-insert{border:0;border-radius:0;background:transparent;box-shadow:none;color:#e0e4ea} html[data-theme="dark"] button.bar-boundary-insert:not(:disabled):hover,html[data-theme="dark"] button.bar-boundary-insert:not(:disabled):active{background:transparent;box-shadow:none} html[data-theme="dark"] button.bar-boundary-insert span{border:1px solid #484e57;border-radius:50%;background:#2b2e34;box-shadow:0 2px 6px #00000010} html[data-theme="dark"] button.bar-boundary-insert:active span{background:#383d45;border-color:#9ba2ad} html[data-theme="dark"]{--control-border:#484e57;--control-hover:#26292e;--surface-border:#484e57;--surface-shadow:0 8px 32px #00000014,0 2px 6px #00000006;--line:#484e57} html[data-theme="dark"] button{border-color:var(--control-border);border-radius:10px} html[data-theme="dark"] button:not(:disabled):hover{border-color:#484e57;background-color:var(--control-hover);box-shadow:0 2px 7px #00000009} html[data-theme="dark"] button:not(:disabled):active{box-shadow:none} html[data-theme="dark"] button:disabled{box-shadow:none} html[data-theme="dark"] button:focus-visible{outline:2px solid #9ba2ad;outline-offset:3px;box-shadow:0 0 0 4px #000000} html[data-theme="dark"] button.primary,html[data-theme="dark"] .play-button{background:#d4d8df;border-color:#9ba2ad;color:#26292e} html[data-theme="dark"] button.primary:not(:disabled):hover,html[data-theme="dark"] .play-button:not(:disabled):hover{background:#d4d8df;border-color:#9ba2ad;box-shadow:0 3px 10px #00000022} html[data-theme="dark"] button.danger,html[data-theme="dark"] #lyric-delete,html[data-theme="dark"] #picker-remove,html[data-theme="dark"] #remove-event{color:#b52b2b!important} html[data-theme="dark"] button.danger:not(:disabled):hover,html[data-theme="dark"] #lyric-delete:not(:disabled):hover,html[data-theme="dark"] #picker-remove:not(:disabled):hover,html[data-theme="dark"] #remove-event:not(:disabled):hover{background:#fff0f0!important;border-color:#f0caca} html[data-theme="dark"] input:not([type=range]):not([type=checkbox]):not([type=color]),html[data-theme="dark"] select,html[data-theme="dark"] textarea{border-color:#484e57;border-radius:10px;background:#2b2e34} html[data-theme="dark"] input:not([type=range]):not([type=checkbox]):not([type=color]):focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{border-color:#9ba2ad;outline:none;box-shadow:0 0 0 3px #00000009} html[data-theme="dark"] .icon-button,html[data-theme="dark"] .surface-action{border:0;border-radius:50%;background:#24272c} html[data-theme="dark"] .mode-switch,html[data-theme="dark"] .picker-tabs,html[data-theme="dark"] #chord-edit-tools{background:#24272c;border-radius:12px} html[data-theme="dark"] .mode-switch button,html[data-theme="dark"] .picker-tabs button,html[data-theme="dark"] #chord-edit-tools button{border:0;border-radius:9px;background:transparent;box-shadow:none} html[data-theme="dark"] .mode-switch button.active,html[data-theme="dark"] .picker-tabs button.active,html[data-theme="dark"] #chord-edit-tools button.active{background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 5px #00000017} html[data-theme="dark"] .toggle{border:1px solid transparent;border-radius:10px}html[data-theme="dark"] .toggle.active{border-color:#484e57;background:#383d45;color:#e0e4ea}html[data-theme="dark"] .editor-tabs button{border-radius:9px;border:0}html[data-theme="dark"] .editor-tabs button.active{background:#383d45;border:0;color:#e0e4ea} html[data-theme="dark"] .song-card{border-radius:12px}html[data-theme="dark"] .song-card.active{background:#383d45}html[data-theme="dark"] .song-card:not(:disabled):hover{border-color:transparent} html[data-theme="dark"] .section-name-button,html[data-theme="dark"] .score-title-button,html[data-theme="dark"] .meta-text-button{border-radius:5px}html[data-theme="dark"] .section-name-button:not(:disabled):hover,html[data-theme="dark"] .score-title-button:not(:disabled):hover,html[data-theme="dark"] .meta-text-button:not(:disabled):hover{box-shadow:0 0 0 4px #000000} html[data-theme="dark"] .score-popover,html[data-theme="dark"] .score-popover[data-kind],html[data-theme="dark"] #song-menu,html[data-theme="dark"] #annotation-stack,html[data-theme="dark"] dialog{border:1px solid var(--surface-border);border-radius:16px;background:#2b2e34;box-shadow:var(--surface-shadow)} html[data-theme="dark"] .score-popover :is(input,textarea,select){border-radius:10px} html[data-theme="dark"] .compact-symbol{color:#c1c7d0} html[data-theme="dark"] .score-popover .compact-toolbar .range-icon,html[data-theme="dark"] .score-popover .annotation-view-head .range-icon,html[data-theme="dark"] .lyric-action{border:0;border-radius:50%;background:#24272c!important;box-shadow:none} html[data-theme="dark"] .score-popover .compact-toolbar .range-icon:not(:disabled):hover,html[data-theme="dark"] .score-popover .annotation-view-head .range-icon:not(:disabled):hover,html[data-theme="dark"] .lyric-action:not(:disabled):hover{background:#383d45!important;box-shadow:0 2px 7px #0000000b} html[data-theme="dark"] .score-popover :is(#section-confirm,#annotation-confirm,#metadata-confirm),html[data-theme="dark"] #lyric-confirm{background:#d4d8df!important;color:#26292e} html[data-theme="dark"] .score-popover :is(#section-confirm,#annotation-confirm,#metadata-confirm):hover,html[data-theme="dark"] #lyric-confirm:hover{background:#d4d8df!important} html[data-theme="dark"] .score-popover :is(.compact-toolbar,.annotation-view-head) .danger:not(:disabled):hover,html[data-theme="dark"] #lyric-delete:not(:disabled):hover{background:#ffeaea!important}html[data-theme="dark"] #metadata-form>label{color:#c1c7d0}html[data-theme="dark"] #picker-chords button{border-color:#484e57;border-radius:11px}html[data-theme="dark"] #picker-chords button:hover{border-color:#484e57;background:#2b2e34;box-shadow:0 3px 9px #0000000b}html[data-theme="dark"] .annotation-tail{border-color:var(--surface-border)} html[data-theme="dark"] #range-tools{border:1px solid var(--surface-border);border-radius:23px;box-shadow:var(--surface-shadow)} html[data-theme="dark"] #range-tools .range-icon{border-radius:50%;background:#24272c} html[data-theme="dark"] #range-tools .range-icon:hover{background:#383d45}html[data-theme="dark"] #range-tools .range-icon.active{background:#d4d8df;color:#26292e} html[data-theme="dark"] #song-menu{border-radius:14px}html[data-theme="dark"] #song-menu button{border:0;border-radius:9px;background:transparent}html[data-theme="dark"] #song-menu button:hover{background:#24272c;box-shadow:none} html[data-theme="dark"] dialog::backdrop{background:#d4d8df36} html[data-theme="dark"] dialog #dialog-message{color:#c1c7d0}html[data-theme="dark"] dialog #dialog-input-label{color:#c1c7d0} html[data-theme="dark"] dialog .surface-action.danger{background:#fff0f0;border:0}html[data-theme="dark"] dialog .surface-action.danger:hover{background:#ffe2e2!important} html[data-theme="dark"] #library .search{border:1px solid #484e57;border-radius:12px;background:#2b2e34} html[data-theme="dark"] #library .search:hover{border-color:#484e57}html[data-theme="dark"] #library .search:focus-within{border-color:#484e57;box-shadow:0 0 0 3px #00000008} html[data-theme="dark"] #library .search-icon{color:#aab1bc} html[data-theme="dark"] #library .search input{border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;color:#e0e4ea} html[data-theme="dark"] #library .search input::placeholder{color:#aab1bc} html[data-theme="dark"]{--sidebar:272px;--workspace-bg:#26292e} html[data-theme="dark"] body{background:var(--workspace-bg)} html[data-theme="dark"] #workspace{background:var(--workspace-bg)} html[data-theme="dark"] #library{background:#2b2e34;border-right:1px solid #484e57} html[data-theme="dark"] .library-brand #collapse-library{background:transparent;color:#c1c7d0} html[data-theme="dark"] .library-brand #collapse-library:hover{background:#383d45} html[data-theme="dark"] .library-tabs{background:#383d45;border-radius:13px} html[data-theme="dark"] .library-tabs button{border:0;border-radius:10px;background:transparent;color:#c1c7d0;box-shadow:none} html[data-theme="dark"] .library-tabs button.active{background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 5px #0000000d} html[data-theme="dark"] .library-tabs button:not(.active):hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .library-actions #new-song{border-radius:11px} html[data-theme="dark"] .library-actions :is(#import-song,#demo-song){border:1px solid #484e57;background:#2b2e34;border-radius:11px} html[data-theme="dark"] #library .search{border-radius:11px} html[data-theme="dark"] #song-list{scrollbar-color:#484e57 transparent} html[data-theme="dark"] .song-entry{border-radius:12px} html[data-theme="dark"] .song-entry:has(.song-card.active){background:#383d45} html[data-theme="dark"] .song-entry:hover{background:#383d45} html[data-theme="dark"] .song-card{border:0;border-radius:12px;background:transparent} html[data-theme="dark"] .song-card.active,html[data-theme="dark"] .song-card:not(:disabled):hover{background:#383d45;box-shadow:none;border-color:transparent} html[data-theme="dark"] .song-entry .song-card.active,html[data-theme="dark"] .song-entry .song-card:not(:disabled):hover{background:transparent} html[data-theme="dark"] .song-card span{color:#aab1bc} html[data-theme="dark"] .song-entry .song-manage{border:0;border-radius:50%;background:transparent;color:#aab1bc} html[data-theme="dark"] .song-entry .song-manage:hover{background:#2b2e34;color:#e0e4ea} html[data-theme="dark"] .song-entry .song-manage[aria-expanded="true"]{background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 5px #0000000d} html[data-theme="dark"] .library-bottom{border-top:1px solid #484e57;color:#aab1bc} html[data-theme="dark"] .library-bottom .text-button{border-radius:7px;color:#c1c7d0} html[data-theme="dark"] .sidebar-footer{border-top:1px solid #484e57} html[data-theme="dark"] .sidebar-footer .mode-switch{border-radius:12px} html[data-theme="dark"] .sidebar-footer .mode-switch button{border-radius:9px} html[data-theme="dark"] #song-panel{scrollbar-color:#484e57 transparent} html[data-theme="dark"] .song-settings-heading #save-state{color:#aab1bc} html[data-theme="dark"] .song-settings-heading #save-state.error{color:#b52b2b} html[data-theme="dark"] #song-menu-button{background:transparent;color:#c1c7d0} html[data-theme="dark"] #song-menu{border-radius:15px} html[data-theme="dark"] .settings-block{border-top:1px solid #484e57} html[data-theme="dark"] .setting-label{color:#c1c7d0} html[data-theme="dark"] .setting-label output{color:#e0e4ea} html[data-theme="dark"] .setting-label output small{color:#aab1bc} html[data-theme="dark"] #scroll-toggle{background:#383d45;color:#c1c7d0;border:0} html[data-theme="dark"] #scroll-toggle.active{background:#d4d8df;color:#26292e} html[data-theme="dark"] .setting-slider,html[data-theme="dark"] #volume{border:0;background:transparent;border-radius:10px} html[data-theme="dark"] .setting-slider::-webkit-slider-runnable-track,html[data-theme="dark"] #volume::-webkit-slider-runnable-track{background:linear-gradient(to right,#d4d8df 0 var(--range-fill,0%),#383d45 var(--range-fill,0%) 100%);border-radius:10px} html[data-theme="dark"] .setting-slider::-moz-range-track,html[data-theme="dark"] #volume::-moz-range-track{background:#383d45;border-radius:10px} html[data-theme="dark"] .setting-slider::-moz-range-progress,html[data-theme="dark"] #volume::-moz-range-progress{background:#d4d8df;border-radius:10px} html[data-theme="dark"] .setting-slider::-webkit-slider-thumb,html[data-theme="dark"] #volume::-webkit-slider-thumb{border:1px solid #484e57;border-radius:50%;background:#2b2e34;box-shadow:0 1px 4px #00000022} html[data-theme="dark"] .setting-slider::-moz-range-thumb,html[data-theme="dark"] #volume::-moz-range-thumb{border:1px solid #484e57;border-radius:50%;background:#2b2e34;box-shadow:0 1px 4px #00000022} html[data-theme="dark"] .setting-slider:hover::-webkit-slider-thumb,html[data-theme="dark"] #volume:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #00000008,0 1px 4px #00000022} html[data-theme="dark"] .setting-slider:active::-webkit-slider-thumb,html[data-theme="dark"] #volume:active::-webkit-slider-thumb{box-shadow:0 0 0 6px #0000000c} html[data-theme="dark"] .setting-segments{border:1px solid #484e57;border-radius:11px;background:#24272c} html[data-theme="dark"] .setting-segments button{border:0;border-radius:8px;background:transparent;color:#aab1bc;box-shadow:none} html[data-theme="dark"] .setting-segments button.active{background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 4px #00000012} html[data-theme="dark"] .setting-segments button:not(.active):hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .setting-switch{border:0;border-radius:9px;background:transparent;color:#c1c7d0} html[data-theme="dark"] .setting-switch:not(:disabled):hover{background:transparent;box-shadow:none} html[data-theme="dark"] .switch-track{border:1px solid #484e57;border-radius:11px;background:#383d45} html[data-theme="dark"] .switch-track:after{border-radius:50%;background:#2b2e34;box-shadow:0 1px 3px #00000022} html[data-theme="dark"] .setting-switch.active .switch-track{background:#d4d8df;border-color:#9ba2ad} html[data-theme="dark"] .setting-select{color:#c1c7d0} html[data-theme="dark"] .setting-select select{border-color:#484e57;border-radius:9px;background:#2b2e34} html[data-theme="dark"] #section-nav{border-top:1px solid #484e57} html[data-theme="dark"] .section-nav-heading{color:#c1c7d0} html[data-theme="dark"] #section-nav button{border-radius:9px;color:#c1c7d0} html[data-theme="dark"] #section-nav button small{color:#aab1bc} html[data-theme="dark"] #section-nav button:hover{background:#383d45;color:#e0e4ea;box-shadow:none} html[data-theme="dark"] #section-nav button.active{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .topbar{background:transparent;border:0} html[data-theme="dark"] .transport{border:1px solid #484e57;border-radius:999px;background:#2b2e34ed;box-shadow:0 5px 22px #00000008,0 1px 3px #00000005} html[data-theme="dark"] .transport .play-button{border-radius:50%} html[data-theme="dark"] #row-position{color:#e0e4ea} html[data-theme="dark"] #row-position span{color:#aab1bc} html[data-theme="dark"] #progress-segments{border-radius:4px} html[data-theme="dark"] .progress-segment{background:#383d45;border-radius:1px} html[data-theme="dark"] .progress-segment.passed{background:#848c98} html[data-theme="dark"] .progress-segment.current{background:#d4d8df} html[data-theme="dark"] #score-progress{border:0;border-radius:8px;background:transparent;outline-offset:0} html[data-theme="dark"] #progress-thumb{border:3px solid #484e57;border-radius:50%;background:#d4d8df;box-shadow:0 1px 4px #00000033} html[data-theme="dark"] #progress-thumb:hover,html[data-theme="dark"] #score-progress:focus-visible~#progress-thumb{box-shadow:0 0 0 4px #0000000b,0 1px 4px #00000033} html[data-theme="dark"] #progress-thumb:active{box-shadow:0 0 0 5px #00000012} html[data-theme="dark"] #progress-selection{border:0;border-radius:5px;background:transparent;box-shadow:none} html[data-theme="dark"] #progress-selection:before{border-top:1.5px dashed #9ba2ad} html[data-theme="dark"] #progress-selection:after{border-left:1.5px solid #9ba2ad;border-right:1.5px solid #9ba2ad;border-radius:1px} html[data-theme="dark"] #progress-selection:hover,html[data-theme="dark"] #progress-selection:focus-visible{background:#d4d8df08;box-shadow:none} html[data-theme="dark"] #progress-selection:hover:before,html[data-theme="dark"] #progress-selection[aria-pressed="true"]:before{border-color:#9ba2ad} html[data-theme="dark"] .progress-section{border:0;background:transparent;border-radius:50%;box-shadow:none} html[data-theme="dark"] .progress-section:before{border:1.5px solid #9ba2ad;border-radius:50%;background:#2b2e34} html[data-theme="dark"] .progress-section:not(:disabled):hover{background:transparent;box-shadow:none} html[data-theme="dark"] .progress-section:not(:disabled):hover:before,html[data-theme="dark"] .progress-section:focus-visible:before{border-color:#9ba2ad;box-shadow:0 0 0 3px #0000000b} html[data-theme="dark"] #progress-tip{background:#2b2e34;border:1px solid #484e57;border-radius:8px;box-shadow:0 3px 15px #0000000c;color:#e0e4ea} html[data-theme="dark"] #volume-button{background:transparent;color:#c1c7d0} html[data-theme="dark"] #volume-button:hover,html[data-theme="dark"] #volume-button[aria-expanded=true]{background:#24272c;color:#e0e4ea} html[data-theme="dark"] #volume-popover{border:1px solid #484e57;border-radius:17px;background:#2b2e34;box-shadow:0 8px 32px #00000014,0 2px 6px #00000006} html[data-theme="dark"] #volume-popover>span{color:#aab1bc} html[data-theme="dark"] #volume-value{color:#c1c7d0} html[data-theme="dark"] #show-library.sidebar-peek{border:1px solid #484e57;background:#2b2e34;box-shadow:0 2px 8px #00000005} html[data-theme="dark"] #score-paper{border-color:#484e57;box-shadow:0 2px 16px #00000003} @media screen and (min-width:761px) and (max-width:1050px){ html[data-theme="dark"]{--sidebar:244px} } @media screen and (max-width:760px){ html[data-theme="dark"] .transport{border-radius:29px} html[data-theme="dark"] .edit-mode #mobile-tools{border:1px solid #484e57;background:#2b2e34;box-shadow:0 3px 15px #00000022} }html[data-theme="dark"] .score-mode-switch,html[data-theme="dark"] .score-mode-switch:hover{border:0;border-radius:16px;background:#383d45}html[data-theme="dark"] .score-mode-switch>span{border:0;border-radius:13px;background:transparent;color:#aab1bc}html[data-theme="dark"] .score-mode-switch>span[data-active=true]{background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 4px #00000011} html[data-theme="dark"] #editor{background:#2b2e34;border-left:1px solid #484e57;scrollbar-color:#484e57 transparent} html[data-theme="dark"] .editor-heading strong{color:#c1c7d0} html[data-theme="dark"] .editor-heading .info-dot{color:#aab1bc;border-color:#484e57;background:#2b2e34} html[data-theme="dark"] #editor #close-editor{background:#24272c;border-radius:50%} html[data-theme="dark"] #editor .editor-tabs{border:1px solid #484e57;border-radius:13px;background:#383d45} html[data-theme="dark"] #editor .editor-tabs button{border:0;border-radius:9px;background:transparent;color:#aab1bc;box-shadow:none} html[data-theme="dark"] #editor .editor-tabs button.active{background:#2b2e34;color:#e0e4ea;border:0;box-shadow:0 1px 5px #0000000e} html[data-theme="dark"] #editor .editor-tabs button:not(.active):hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] #editor section>label{color:#c1c7d0} html[data-theme="dark"] #editor :is(input:not([type=range]):not([type=checkbox]),select,textarea){border:1px solid #484e57;border-radius:11px;background:#2b2e34;color:#e0e4ea} html[data-theme="dark"] #editor :is(input:not([type=range]):not([type=checkbox]),select,textarea):focus{border-color:#484e57;box-shadow:0 0 0 3px #00000007} html[data-theme="dark"] #editor #chord-edit-tools{border:1px solid #484e57;border-radius:12px;background:#383d45} html[data-theme="dark"] #chord-edit-tools #finger-mode,html[data-theme="dark"] #chord-edit-tools #barre-mode{border-radius:8px} html[data-theme="dark"] #chord-edit-tools .icon-button{border-radius:50%;background:transparent} html[data-theme="dark"] #chord-edit-tools .icon-button:hover{background:#2b2e34;box-shadow:none} html[data-theme="dark"] #chord-edit-tools #fret-range{color:#c1c7d0} html[data-theme="dark"] #chord-editor-svg{background:#2b2e34;border:1px solid #484e57;border-radius:15px} html[data-theme="dark"] #editor .chord-actions button{border-radius:11px} html[data-theme="dark"] #editor #remove-chord{border-radius:50%;background:#fff1f1} html[data-theme="dark"] #editor .preset-heading{border-top:1px solid #484e57} html[data-theme="dark"] #editor .preset-heading strong{color:#c1c7d0} html[data-theme="dark"] #editor #new-preset{border:0;border-radius:9px;background:#383d45;color:#c1c7d0} html[data-theme="dark"] #editor .preset-button{border:1px solid #484e57;border-radius:12px;background:#2b2e34} html[data-theme="dark"] #editor .preset-button:hover{border-color:#484e57;box-shadow:0 3px 12px #00000009} html[data-theme="dark"] #editor .preset-button strong{color:#e0e4ea} html[data-theme="dark"] #editor .string-picks{border:0} html[data-theme="dark"] #editor .string-picks legend{color:#c1c7d0} html[data-theme="dark"] #editor #string-picks label{border:1px solid #484e57;border-radius:50%;background:#2b2e34;color:#aab1bc} html[data-theme="dark"] #editor #string-picks label:hover{border-color:#484e57} html[data-theme="dark"] #editor #string-picks label:has(input:checked){background:#d4d8df;color:#26292e;border-color:#9ba2ad;box-shadow:0 2px 5px #0000000e} html[data-theme="dark"] #editor #string-picks label:has(input:focus-visible){outline:2px solid #9ba2ad;outline-offset:3px} html[data-theme="dark"] #editor #strength{border:0;background:transparent} html[data-theme="dark"] #strength::-webkit-slider-runnable-track{border-radius:10px;background:linear-gradient(to right,#d4d8df 0 var(--range-fill,83.33%),#383d45 var(--range-fill,83.33%) 100%)} html[data-theme="dark"] #strength::-moz-range-track{background:#383d45;border-radius:10px} html[data-theme="dark"] #strength::-moz-range-progress{background:#d4d8df;border-radius:10px} html[data-theme="dark"] #strength::-webkit-slider-thumb{border:1px solid #484e57;border-radius:50%;background:#2b2e34;box-shadow:0 1px 4px #00000022} html[data-theme="dark"] #strength::-moz-range-thumb{border:1px solid #484e57;border-radius:50%;background:#2b2e34;box-shadow:0 1px 4px #00000022} html[data-theme="dark"] #strength:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #00000008,0 1px 4px #00000022} html[data-theme="dark"] #strength-value{color:#e0e4ea} html[data-theme="dark"] #editor .inline-controls button{border-radius:11px} html[data-theme="dark"] #editor #remove-event{border:1px solid #f0dede;background:#fff6f6} html[data-theme="dark"] #editor .pattern-actions{border-top:1px solid #484e57} html[data-theme="dark"] #editor .pattern-actions label{color:#c1c7d0} html[data-theme="dark"] #editor #apply-pattern{border-color:#484e57;border-radius:11px;background:#2b2e34} html[data-theme="dark"] #editor #apply-pattern:hover{border-color:#484e57;background:#24272c} html[data-theme="dark"] #editor #delete-bar{border-radius:10px} html[data-theme="dark"] #song-menu .menu-history{border-bottom:1px solid #484e57} html[data-theme="dark"] #song-menu .menu-history button{border-radius:11px;background:#24272c} html[data-theme="dark"] #song-menu .menu-history button:hover{background:#383d45} html[data-theme="dark"] .transport .scroll-control{border:0} html[data-theme="dark"] .transport #scroll-toggle{border:0;border-radius:50%;background:transparent;color:#c1c7d0} html[data-theme="dark"] .transport #scroll-toggle:hover,html[data-theme="dark"] .transport #scroll-toggle[aria-expanded=true]{background:#24272c;color:#e0e4ea} html[data-theme="dark"] .transport #scroll-toggle.active{background:#d4d8df;color:#26292e} html[data-theme="dark"] .transport #scroll-toggle.holding{box-shadow:0 0 0 4px #00000008} html[data-theme="dark"] #scroll-popover{border:1px solid #484e57;border-radius:17px;background:#2b2e34;box-shadow:0 8px 32px #00000014,0 2px 6px #00000006} html[data-theme="dark"] #scroll-popover .setting-label{color:#c1c7d0} html[data-theme="dark"] #scroll-popover label{color:#c1c7d0} html[data-theme="dark"] #scroll-popover output{color:#e0e4ea} @media screen and (max-width:760px){ html[data-theme="dark"] #editor,html[data-theme="dark"] .edit-mode #editor{border:1px solid #484e57;border-radius:21px 21px 0 0;background:#2b2e34;box-shadow:0 -8px 40px #0000001c} html[data-theme="dark"] #editor .editor-heading{background:#2b2e34;border-bottom:1px solid #484e57} html[data-theme="dark"] #editor #close-editor{border:0} html[data-theme="dark"] #editor #string-picks label{border-radius:12px} } html[data-theme="dark"] .custom-select-trigger{border:1px solid #484e57;border-radius:11px;background:#2b2e34;color:#e0e4ea;box-shadow:none} html[data-theme="dark"] .custom-select-trigger>svg{color:#aab1bc} html[data-theme="dark"] .custom-select-trigger:not(:disabled):hover{border-color:#484e57;background:#2b2e34;box-shadow:0 2px 7px #00000005} html[data-theme="dark"] .custom-select-trigger[aria-expanded=true]{border-color:#484e57;background:#2b2e34;box-shadow:0 0 0 3px #00000006} html[data-theme="dark"] .custom-select-trigger:focus-visible{outline:2px solid #9ba2ad;outline-offset:3px} html[data-theme="dark"] .custom-select-popover{border:1px solid #484e57;border-radius:15px;background:#2b2e34;box-shadow:0 8px 32px #00000014,0 2px 6px #00000006} html[data-theme="dark"] .custom-select-options{scrollbar-color:#484e57 transparent} html[data-theme="dark"] .custom-select-option{border-radius:9px;color:#c1c7d0;outline:none} html[data-theme="dark"] .custom-select-option>svg{color:#e0e4ea} html[data-theme="dark"] .custom-select-option.selected{color:#e0e4ea} html[data-theme="dark"] .custom-select-option.active{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .custom-select-option[aria-disabled=true]{background:transparent} html[data-theme="dark"] .custom-select-popover .custom-select-search{border:1px solid #484e57;border-radius:10px;background:#2b2e34;color:#e0e4ea;outline:none} html[data-theme="dark"] .custom-select-popover .custom-select-search:focus{border-color:#484e57;box-shadow:none;background:#2b2e34} html[data-theme="dark"] .custom-select-group{color:#aab1bc} html[data-theme="dark"] .custom-select-empty{color:#aab1bc} @media screen and (max-width:760px){ html[data-theme="dark"] .custom-select-popover{border-radius:16px} } html[data-theme="dark"] .annotation-colors button[data-color]{box-shadow:none} html[data-theme="dark"] .annotation-colors button[data-color]:hover{background:var(--note-color);border-color:#484e57;box-shadow:0 0 0 2px #00000012} html[data-theme="dark"] .annotation-colors .annotation-custom-color{border:1px solid #484e57;border-radius:50%;background:#2b2e34;outline:none;color:#c1c7d0} html[data-theme="dark"] .annotation-custom-color:before{border-radius:50%;border:1px solid #9ba2ad22;background:var(--picker-color,#848c98)} html[data-theme="dark"] .annotation-custom-color:after{border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor} html[data-theme="dark"] .annotation-colors .annotation-custom-color[aria-expanded=true]{background:#24272c;border-color:#484e57} html[data-theme="dark"] .annotation-colors .annotation-custom-color[aria-invalid=true]{border-color:#bd3b3b;box-shadow:0 0 0 2px #bd3b3b12} html[data-theme="dark"] .annotation-colors .annotation-custom-color:focus-visible{outline:2px solid #9ba2ad;outline-offset:3px} html[data-theme="dark"] .color-picker{border:1px solid #484e57;border-radius:12px;background:#2b2e34} html[data-theme="dark"] .color-preview{border:1px solid #9ba2ad22;border-radius:10px;background:var(--picker-color)} html[data-theme="dark"] .color-hex-label{color:#aab1bc} html[data-theme="dark"] .color-picker #annotation-color.color-hex{border:1px solid #484e57;border-radius:9px;background:#2b2e34;color:#e0e4ea;box-shadow:none} html[data-theme="dark"] .color-picker #annotation-color.color-hex:focus{border-color:#484e57;outline:none;box-shadow:0 0 0 3px #00000009} html[data-theme="dark"] .color-picker #annotation-color.color-hex[aria-invalid=true]{border-color:#bd3b3b;box-shadow:0 0 0 2px #bd3b3b12} html[data-theme="dark"] .color-picker-error,html[data-theme="dark"] .annotation-form-error{color:#b52b2b} html[data-theme="dark"] .color-slider-label{color:#c1c7d0} html[data-theme="dark"] .color-slider-label output{color:#aab1bc} html[data-theme="dark"] .color-picker .color-slider{border:0;background:transparent} html[data-theme="dark"] .color-slider::-webkit-slider-runnable-track{border-radius:8px;background:var(--channel-track)} html[data-theme="dark"] .color-slider::-moz-range-track{border-radius:8px;background:var(--channel-track)} html[data-theme="dark"] .color-slider[data-color-channel=h]{--channel-track:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)} html[data-theme="dark"] .color-slider[data-color-channel=s]{--channel-track:var(--saturation-track)} html[data-theme="dark"] .color-slider[data-color-channel=l]{--channel-track:var(--lightness-track)} html[data-theme="dark"] .color-slider::-webkit-slider-thumb{border:2px solid #484e57;border-radius:50%;background:#d4d8df;box-shadow:0 0 0 1px #000000,0 1px 4px #00000022} html[data-theme="dark"] .color-slider::-moz-range-thumb{border:2px solid #484e57;border-radius:50%;background:#d4d8df;box-shadow:0 0 0 1px #000000,0 1px 4px #00000022} html[data-theme="dark"] #annotation-input[aria-invalid=true]{border-color:#bd3b3b!important} html[data-theme="dark"] .number-stepper{border:1px solid #484e57;border-radius:14px;background:#24272c} html[data-theme="dark"] .number-stepper #metadata-value{border:0;background:transparent;box-shadow:none} html[data-theme="dark"] .number-stepper .surface-action{background:#2b2e34;box-shadow:0 1px 4px #0000000a} html[data-theme="dark"] #app-tooltip{border:1px solid #484e57;border-radius:10px;background:#2b2e34;color:#e0e4ea;box-shadow:0 5px 22px #00000012} html[data-theme="dark"] .chord-library-subtabs,html[data-theme="dark"] .chord-picker-tabs{background:#383d45;border-radius:13px} html[data-theme="dark"] .chord-library-subtabs button,html[data-theme="dark"] .chord-picker-tabs button{border:1px solid transparent;border-radius:10px;background:transparent;color:#aab1bc;box-shadow:none} html[data-theme="dark"] .chord-library-subtabs button.active,html[data-theme="dark"] .chord-picker-tabs button.active{background:#2b2e34;color:#e0e4ea;box-shadow:0 2px 7px #00000008;border-color:#484e57} html[data-theme="dark"] .chord-design-card{border:1px solid #484e57;border-radius:18px;background:#2b2e34;box-shadow:0 3px 12px #00000003} html[data-theme="dark"] .chord-design{--chord-action-size:35px;--chord-actions-width:var(--chord-action-size)} html[data-theme="dark"] .chord-design.has-confirm{--chord-actions-width:calc(var(--chord-action-size)*2 + 6px)} html[data-theme="dark"] .chord-design .chord-confirm:not(:disabled){background:#d4d8df;color:#26292e;border-color:#9ba2ad} html[data-theme="dark"] .chord-design .chord-confirm:not(:disabled):hover{background:#d4d8df;border-color:#9ba2ad} html[data-theme="dark"] .chord-design .chord-design-name{border:1px solid transparent;border-radius:9px;background:transparent;color:#e0e4ea;box-shadow:none} html[data-theme="dark"] .chord-design .chord-design-name:hover{background:#2b2e34;border-color:#484e57} html[data-theme="dark"] .chord-design .chord-design-name:focus{border-color:#484e57;background:#2b2e34;box-shadow:0 0 0 3px #00000005;outline:none} html[data-theme="dark"] .chord-design-name::placeholder{color:#8c95a2} html[data-theme="dark"] .chord-design .chord-design-name[aria-invalid=true]{border-color:#bc3b37!important;box-shadow:0 0 0 3px #bc3b370d!important} html[data-theme="dark"] .chord-name-error{color:#b32e2a} html[data-theme="dark"] .chord-add-feedback{color:#c1c7d0}html[data-theme="dark"] .chord-add-feedback.error{color:#b32e2a} html[data-theme="dark"] .chord-grid-line{stroke:#a1a8b3}html[data-theme="dark"] .chord-grid-line.chord-nut{stroke:#c8cdd5} html[data-theme="dark"] .chord-fret-number{fill:#e0e4ea}html[data-theme="dark"] .chord-string-number{fill:#aab1bc}html[data-theme="dark"] .chord-offscreen-fret{fill:#aab1bc} html[data-theme="dark"] .chord-finger{fill:#e0e4ea}html[data-theme="dark"] .chord-barre{stroke:#c8cdd5}html[data-theme="dark"] .chord-barre-preview{stroke:#a1a8b3} html[data-theme="dark"] .chord-fret-target{fill:transparent;outline:none}html[data-theme="dark"] .chord-fret-target:hover{fill:#e0e4ea06}html[data-theme="dark"] .chord-fret-target:focus-visible{stroke:#a1a8b3;fill:#e0e4ea08} html[data-theme="dark"] .chord-mute-target{outline:none}html[data-theme="dark"] .chord-mute-target rect{fill:transparent;stroke:transparent}html[data-theme="dark"] .chord-mute-target text{fill:#e0e4ea}html[data-theme="dark"] .chord-mute-target:hover rect{fill:#26292e}html[data-theme="dark"] .chord-mute-target:focus-visible rect{stroke:#a1a8b3} html[data-theme="dark"] .chord-view-step{outline:none}html[data-theme="dark"] .chord-view-step rect{fill:transparent;stroke:transparent}html[data-theme="dark"] .chord-view-step path{fill:none;stroke:#c8cdd5}html[data-theme="dark"] .chord-view-step:hover rect{fill:#26292e;stroke:#737c88}html[data-theme="dark"] .chord-view-step:focus-visible rect{stroke:#a1a8b3} html[data-theme="dark"] .chord-circle{border:1px solid #484e57;border-radius:50%;background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 4px #00000004}html[data-theme="dark"] .chord-circle:hover:not(:disabled){background:#383d45;border-color:#484e57} html[data-theme="dark"] .chord-design .chord-add-library{background:#d4d8df;color:#26292e;border-color:#9ba2ad;box-shadow:0 2px 6px #00000010} html[data-theme="dark"] .chord-design .chord-add-library:hover{background:#d4d8df;border-color:#9ba2ad} html[data-theme="dark"] .chord-design .chord-add-library:focus-visible{outline:2px solid #9ba2ad;outline-offset:3px} html[data-theme="dark"] .chord-design .chord-add-library .chord-add-plus{background:#d4d8df;box-shadow:0 0 0 1px #000000} html[data-theme="dark"] .chord-design .chord-add-library[aria-disabled=true],html[data-theme="dark"] .chord-design .chord-add-library[aria-disabled=true]:hover,html[data-theme="dark"] .chord-design .chord-add-library[aria-disabled=true]:active{background:#24272c;color:#8c95a2;border-color:#484e57;box-shadow:none} html[data-theme="dark"] .chord-design .chord-add-library[aria-disabled=true] .chord-add-plus{background:#24272c;box-shadow:0 0 0 1px #000000} html[data-theme="dark"] .chord-add-plus{background:#2b2e34;border-radius:50%;box-shadow:0 0 0 1px #000000} html[data-theme="dark"] .chord-match{border:1px solid #484e57;border-radius:10px;background:#2b2e34;color:#e0e4ea;box-shadow:none} html[data-theme="dark"] .chord-match:hover{border-color:#484e57;background:#24272c}html[data-theme="dark"] .chord-match small{color:#aab1bc}html[data-theme="dark"] .chord-match-exact{color:#aab1bc} html[data-theme="dark"] .chord-library-search{border:1px solid #484e57;border-radius:12px;background:#2b2e34;box-shadow:none} html[data-theme="dark"] .chord-library-search>svg{color:#aab1bc} html[data-theme="dark"] .chord-library-search input{border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;background:transparent!important} html[data-theme="dark"] .chord-library-search:focus-within{border-color:#484e57;box-shadow:0 0 0 3px #00000004} html[data-theme="dark"] .chord-category-tabs button{border:1px solid #484e57;border-radius:20px;background:#2b2e34;color:#aab1bc;box-shadow:none} html[data-theme="dark"] .chord-category-tabs button.active{background:#d4d8df;border-color:#9ba2ad;color:#26292e}html[data-theme="dark"] .chord-category-tabs button:hover:not(.active){border-color:#484e57;color:#e0e4ea} html[data-theme="dark"] .chord-library-grid{scrollbar-color:#484e57 transparent} html[data-theme="dark"] .chord-library-grid .chord-library-item{border:1px solid #484e57;border-radius:12px;background:#2b2e34;color:#e0e4ea;box-shadow:0 2px 6px #00000002} html[data-theme="dark"] .chord-library-item:hover{border-color:#484e57!important;background:#2b2e34!important} html[data-theme="dark"] .chord-library-empty{color:#aab1bc} html[data-theme="dark"] #score-popover .chord-design-card{box-shadow:none} @media(max-width:760px){html[data-theme="dark"] .chord-design{--chord-action-size:39px}} html[data-theme="dark"] .rhythm-library .rhythm-round,html[data-theme="dark"] .rhythm-chooser .rhythm-round{border:1px solid #484e57;border-radius:50%;background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 3px #00000005} html[data-theme="dark"] .rhythm-library .rhythm-round:hover{background:#383d45;border-color:#484e57} html[data-theme="dark"] .rhythm-library [data-rhythm-action=new],html[data-theme="dark"] .rhythm-library [data-rhythm-action=save]{background:#d4d8df;border-color:#9ba2ad;color:#26292e} html[data-theme="dark"] .rhythm-library [data-rhythm-action=new]:hover,html[data-theme="dark"] .rhythm-library [data-rhythm-action=save]:hover{background:#d4d8df;border-color:#9ba2ad} html[data-theme="dark"] .rhythm-library [data-rhythm-action=clear],html[data-theme="dark"] .rhythm-library [data-rhythm-action=delete]{color:#bd3b3b;background:#2b2e34;border-color:#f0dddd} html[data-theme="dark"] .rhythm-library [data-rhythm-action=clear]:hover,html[data-theme="dark"] .rhythm-library [data-rhythm-action=delete]:hover{background:#ffeded;border-color:#e7bcbc} html[data-theme="dark"] .rhythm-search{border:1px solid #484e57;border-radius:11px;background:#2b2e34} html[data-theme="dark"] .rhythm-search svg{color:#aab1bc} html[data-theme="dark"] :is(#editor,#score-popover) .rhythm-search input[type=search],html[data-theme="dark"] :is(#editor,#score-popover) .rhythm-search input[type=search]:is(:focus,:focus-visible){border:0;border-radius:0;background:transparent;box-shadow:none;outline:none} html[data-theme="dark"] .rhythm-search:focus-within{border-color:#484e57;box-shadow:0 0 0 3px #00000006} html[data-theme="dark"] .rhythm-card{border:1px solid #484e57;border-radius:14px;background:#2b2e34} html[data-theme="dark"] .rhythm-card:hover{border-color:#484e57;background:#2b2e34;box-shadow:0 3px 13px #00000009} html[data-theme="dark"] .rhythm-card-heading strong{color:#e0e4ea} html[data-theme="dark"] .rhythm-card-heading>span{color:#aab1bc} html[data-theme="dark"] .rhythm-continuation{color:#8c95a2} html[data-theme="dark"] .rhythm-staff{stroke:#737c88} html[data-theme="dark"] .rhythm-barline{stroke:#a1a8b3} html[data-theme="dark"] .rhythm-attack{stroke:#c8cdd5;fill:none} html[data-theme="dark"] .rhythm-stem{stroke:#c8cdd5} html[data-theme="dark"] .rhythm-beam{stroke:#c8cdd5} html[data-theme="dark"] .rhythm-dynamic-line{stroke:#737c88} html[data-theme="dark"] .rhythm-dynamic-attack{fill:#26292e;stroke:#c8cdd5} html[data-theme="dark"] .rhythm-string-label,html[data-theme="dark"] .rhythm-target-label,html[data-theme="dark"] .rhythm-beat{fill:#aab1bc} html[data-theme="dark"] .rhythm-target-label{fill:#c1c7d0} html[data-theme="dark"] .rhythm-empty{color:#aab1bc} html[data-theme="dark"] .rhythm-editor-card{border:1px solid #484e57;border-radius:15px;background:#2b2e34} html[data-theme="dark"] #editor .rhythm-name{border:1px solid transparent;background:transparent;border-radius:9px} html[data-theme="dark"] #editor .rhythm-name:hover{border-color:#484e57} html[data-theme="dark"] #editor .rhythm-name:focus{border-color:#484e57;box-shadow:none} html[data-theme="dark"] .rhythm-bar-count{color:#c1c7d0} html[data-theme="dark"] .rhythm-bar-controls .rhythm-round{border-color:transparent;box-shadow:none;background:transparent} html[data-theme="dark"] .rhythm-bar-tabs button{border:0;border-radius:7px;background:transparent;color:#aab1bc} html[data-theme="dark"] .rhythm-bar-tabs button[aria-selected=true]{background:#d4d8df;color:#26292e} html[data-theme="dark"] .rhythm-bar-tabs button:not([aria-selected=true]):hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .rhythm-grid-density{background:#24272c;border-radius:9px} html[data-theme="dark"] .rhythm-grid-density button{border:0;border-radius:6px;background:transparent;color:#aab1bc} html[data-theme="dark"] .rhythm-grid-density button[aria-pressed=true]{background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 3px #00000010} html[data-theme="dark"] .rhythm-grid-density button:not([aria-pressed=true]):hover{background:#383d45} html[data-theme="dark"] .rhythm-grid-scroll{scrollbar-color:#484e57 transparent} html[data-theme="dark"] .rhythm-grid{stroke:#737c88} html[data-theme="dark"] .rhythm-grid.major{stroke:#737c88} html[data-theme="dark"] .rhythm-cell{fill:transparent;stroke:none} html[data-theme="dark"] .rhythm-cell:hover{fill:#e0e4ea10} html[data-theme="dark"] .rhythm-cursor{fill:#e0e4ea08;stroke:#a1a8b3} html[data-theme="dark"] .rhythm-tab-editable:focus{outline:0} html[data-theme="dark"] .rhythm-tab-editable:focus-visible .rhythm-cursor{stroke:#c8cdd5} html[data-theme="dark"] .rhythm-builder-footer{border-top:1px solid #484e57} html[data-theme="dark"] .rhythm-dynamic-key{color:#aab1bc} html[data-theme="dark"] .rhythm-dynamic-key svg{color:#aab1bc} html[data-theme="dark"] .score-popover[data-kind=technique]{border:1px solid #484e57;border-radius:22px;box-shadow:0 10px 36px #00000015} html[data-theme="dark"] .technique-options .technique-option,html[data-theme="dark"] .technique-options #technique-close{border:1px solid #484e57;border-radius:50%;background:#2b2e34;color:#e0e4ea;box-shadow:none} html[data-theme="dark"] .technique-options .technique-option[aria-disabled=false]:hover{background:#24272c;border-color:#484e57} html[data-theme="dark"] .technique-options .technique-option[aria-pressed=true]{background:#d4d8df;border-color:#9ba2ad;color:#26292e} html[data-theme="dark"] .technique-options .technique-option[aria-pressed=true]:hover{background:#d4d8df;color:#26292e} html[data-theme="dark"] .technique-options .technique-option.danger{color:#b73d3d} html[data-theme="dark"] .technique-options #technique-close{background:#24272c;border-color:transparent} html[data-theme="dark"] .technique-options #technique-close:hover{background:#383d45} html[data-theme="dark"] .technique-options button:focus-visible{outline:2px solid #9ba2ad;outline-offset:2px} html[data-theme="dark"] .technique-link{fill:none;stroke:#c8cdd5}html[data-theme="dark"] .technique-letter{fill:#e0e4ea}html[data-theme="dark"] .legacy-let-ring{fill:#c1c7d0} html[data-theme="dark"] #settings-panel{scrollbar-color:#484e57 transparent} html[data-theme="dark"] #settings-panel>.settings-block:first-child{border-top:0} html[data-theme="dark"] #preset-library-navigation{border:1px solid #484e57;border-radius:15px;background:#383d45} html[data-theme="dark"] #editor #preset-library-navigation .editor-tabs{border:0;border-radius:10px;background:transparent} html[data-theme="dark"] #editor #preset-library-navigation .editor-tabs button{border-radius:10px} html[data-theme="dark"] #editor .chord-library-subtabs{border:1px solid #484e57} html[data-theme="dark"] #editor .chord-library-subtabs button:not(.active):hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] #editor .preset-library-heading #close-editor{background:transparent;color:#c1c7d0} html[data-theme="dark"] #editor .preset-library-heading #close-editor:hover{background:#383d45} @media(max-width:760px){html[data-theme="dark"] #editor .preset-library-heading{background:#2b2e34}} html[data-theme="dark"]{--editor-width:300px} html[data-theme="dark"] .sidebar-resizer{border:0;outline:none;background:transparent} html[data-theme="dark"] .sidebar-resizer:before{border-radius:2px;background:transparent} html[data-theme="dark"] .sidebar-resizer:hover:before,html[data-theme="dark"] .sidebar-resizer:focus-visible:before,html[data-theme="dark"] .sidebar-resizer.resizing:before{background:#848c98} html[data-theme="dark"] .sidebar-resizer:focus-visible{outline:1px solid #484e57;outline-offset:0} @media screen and (min-width:761px){ html[data-theme="dark"] #editor,html[data-theme="dark"] .edit-mode #editor{border-top:0;border-left:1px solid #484e57;box-shadow:none} } html[data-theme="dark"]{--transport-height:58px;--transport-radius:calc(var(--transport-height)/2)} html[data-theme="dark"] .topbar,html[data-theme="dark"] .library-hidden .topbar,html[data-theme="dark"] .edit-mode.editor-hidden .topbar{background:none;border:0;box-shadow:none} html[data-theme="dark"] .topbar .transport{border:1px solid #484e57;border-radius:var(--transport-radius);background:#2b2e34ed;box-shadow:0 5px 22px #00000008,0 1px 3px #00000005} html[data-theme="dark"] .topbar #show-library.sidebar-peek,html[data-theme="dark"] .topbar #mobile-tools{border:1px solid #484e57;border-radius:var(--transport-radius);background:#2b2e34ed;box-shadow:0 5px 22px #00000008,0 1px 3px #00000005} html[data-theme="dark"] .topbar #show-library.sidebar-peek:hover,html[data-theme="dark"] .topbar #mobile-tools:hover{background:#24272c;border-color:#484e57} html[data-theme="dark"] #score-scroll>.message{border:1px solid #484e57;border-radius:10px;background:#24272c;color:#c1c7d0;box-shadow:none} html[data-theme="dark"] #score-scroll>.message button{border:0;border-radius:6px;background:transparent;box-shadow:none;color:#e0e4ea} html[data-theme="dark"] #score-scroll>.message button:hover{background:#383d45;box-shadow:none;color:#e0e4ea} html[data-theme="dark"] #score-scroll>.message button:active{box-shadow:none} html[data-theme="dark"] #score-scroll>.message .notice-close{border:0;border-radius:6px;background:transparent;box-shadow:none;color:#c1c7d0} html[data-theme="dark"] #score-scroll>.message .notice-close:hover{background:#383d45;color:#e0e4ea;box-shadow:none} html[data-theme="dark"] #toast{border-radius:8px;box-shadow:none} html[data-theme="dark"] #toast .notice-close{border:0;border-radius:6px;background:transparent;box-shadow:none;color:inherit} html[data-theme="dark"] #toast .notice-close:hover{background:#2b2e341c;box-shadow:none} @media screen and (max-width:760px){ html[data-theme="dark"]{--transport-height:46px} html[data-theme="dark"] #score-scroll>.message{border-radius:10px} } @media screen and (max-width:360px){ html[data-theme="dark"]{--transport-height:44px} } html[data-theme="dark"] #range-tools{--operation-size:32px;border-radius:16px} html[data-theme="dark"] body[data-operation-menu=detailed] #range-tools{border-radius:14px} html[data-theme="dark"] body[data-operation-menu=detailed] #range-tools .range-icon,html[data-theme="dark"] body[data-operation-menu=detailed] .technique-options>.technique-option{border:0;border-radius:8px;background:transparent;box-shadow:none;color:#e0e4ea} html[data-theme="dark"] body[data-operation-menu=detailed] #range-tools .range-icon:not(:disabled):hover,html[data-theme="dark"] body[data-operation-menu=detailed] .technique-options>.technique-option[aria-disabled=false]:hover{background:#24272c;box-shadow:none} html[data-theme="dark"] body[data-operation-menu=detailed] #range-tools .range-icon.active,html[data-theme="dark"] body[data-operation-menu=detailed] .technique-options>.technique-option[aria-pressed=true]{background:#383d45;color:#e0e4ea} html[data-theme="dark"] body[data-operation-menu=detailed] #range-tools .range-icon.active:hover,html[data-theme="dark"] body[data-operation-menu=detailed] .technique-options>.technique-option[aria-pressed=true]:hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] body[data-operation-menu=detailed] #range-tools .range-icon.danger,html[data-theme="dark"] body[data-operation-menu=detailed] .technique-options>.technique-option.danger{color:#b73d3d} html[data-theme="dark"] body[data-operation-menu=detailed] #range-tools .range-icon>svg,html[data-theme="dark"] body[data-operation-menu=detailed] .technique-options>.technique-option>svg{border:0;border-radius:0;background:none;box-shadow:none} html[data-theme="dark"] body[data-operation-menu=detailed] #score-popover[data-kind=technique]{border-radius:14px} @media(max-width:760px),(pointer:coarse){html[data-theme="dark"] #range-tools{--operation-size:40px}} html[data-theme="dark"] #range-tools .keyboard-menu-active,html[data-theme="dark"] .technique-options>.keyboard-menu-active{background:#383d45!important;outline:1px solid #484e57;outline-offset:0;box-shadow:none!important} html[data-theme="dark"] #score-scroll:focus{outline:none;box-shadow:none} html[data-theme="dark"] .tempo-track{border-radius:10px;background:#383d45} html[data-theme="dark"] .tempo-track-fill{border-radius:inherit;background:#d4d8df} html[data-theme="dark"] .tempo-thumb{border:1px solid #484e57;border-radius:50%;background:#2b2e34;box-shadow:0 1px 4px #00000022} html[data-theme="dark"] .tempo-control:hover .tempo-thumb{box-shadow:0 0 0 5px #00000008,0 1px 4px #00000022} html[data-theme="dark"] .tempo-control:has(.tempo-input:focus-visible) .tempo-thumb{outline:2px solid #9ba2ad;outline-offset:3px} html[data-theme="dark"] .tempo-control:has(.tempo-input:active) .tempo-thumb{box-shadow:0 0 0 6px #0000000c,0 1px 4px #00000022} html[data-theme="dark"] .tempo-slot{border-radius:2px;background:#848c9822}html[data-theme="dark"] .tempo-slot.major{background:#d4d8df33} html[data-theme="dark"] .tempo-tick{background:#4b525c} html[data-theme="dark"] .tempo-tick.major{background:#848c98} html[data-theme="dark"] .tempo-tick.active{background:#d4d8df} html[data-theme="dark"] .tempo-tick small{color:#aab1bc} html[data-theme="dark"] .tempo-tick.active small{color:#e0e4ea} html[data-theme="dark"] dialog.trash-dialog{border-radius:20px} html[data-theme="dark"] .trash-count{color:#aab1bc} html[data-theme="dark"] .trash-entry{border-top:1px solid #484e57} html[data-theme="dark"] .trash-entry:first-child{border-top:0} html[data-theme="dark"] .trash-song-info span{color:#aab1bc} html[data-theme="dark"] .trash-dialog .trash-entry .surface-action{background:#24272c} html[data-theme="dark"] .trash-dialog .trash-entry .surface-action:hover{background:#383d45} html[data-theme="dark"] .trash-empty{color:#aab1bc} html[data-theme="dark"] #trash-confirm-message{color:#c1c7d0} html[data-theme="dark"] .export-modal{border:1px solid #484e57;border-radius:22px;box-shadow:0 18px 70px #00000022;background:#2b2e34;color:#e0e4ea} html[data-theme="dark"] .export-modal::backdrop{background:#d4d8df44} html[data-theme="dark"] .export-modal .surface-action{border:0;border-radius:50%;background:#24272c} html[data-theme="dark"] .export-modal .surface-action.primary{background:#d4d8df;color:#26292e} html[data-theme="dark"] .export-modal .setting-label{color:#c1c7d0} html[data-theme="dark"] #pdf-page-size{color:#aab1bc} html[data-theme="dark"] .export-modal .setting-segments{border:1px solid #484e57;border-radius:12px;background:#24272c} html[data-theme="dark"] .export-modal .setting-segments button{border:0;border-radius:9px;background:transparent;color:#aab1bc;box-shadow:none} html[data-theme="dark"] .export-modal .setting-segments button.active{background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 5px #00000013} html[data-theme="dark"] .export-modal .setting-segments button:not(.active):hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .export-modal .setting-switch{color:#c1c7d0} html[data-theme="dark"] .pdf-export-status{color:#c1c7d0} html[data-theme="dark"] #score-authors{color:#c1c7d0} html[data-theme="dark"] .score-authors-button{border:0;background:transparent;color:inherit} html[data-theme="dark"] .score-authors-button:hover{background:#24272c;box-shadow:0 0 0 5px #000000} html[data-theme="dark"] .score-author-role{color:#c1c7d0} html[data-theme="dark"] .score-author-add{border:0;background:transparent;color:#aab1bc} html[data-theme="dark"] #score-paper #score-meta{color:#c1c7d0} html[data-theme="dark"] .metadata-authors-heading{color:#c1c7d0} html[data-theme="dark"] #metadata-form .author-add-button,html[data-theme="dark"] #metadata-form .author-remove{border:0;border-radius:50%;background:#24272c} html[data-theme="dark"] #metadata-form .author-add-button:hover{background:#383d45} html[data-theme="dark"] #metadata-form .author-remove{color:#b73d3d;background:transparent} html[data-theme="dark"] #metadata-form .author-remove:hover{background:#fff0f0} html[data-theme="dark"] .author-role-options{border:1px solid #484e57;border-radius:12px;background:#2b2e34} html[data-theme="dark"] .author-role-options button{border:1px solid #484e57;border-radius:18px;background:#2b2e34} html[data-theme="dark"] .author-role-options button:hover{border-color:#484e57;background:#24272c} html[data-theme="dark"] .metadata-author-row label{color:#c1c7d0} html[data-theme="dark"] #metadata-form .metadata-title-invalid{border-color:#b73d3d} html[data-theme="dark"] .score-zoom-control{border:1px solid #484e57;border-radius:24px;background:#2b2e34f2;box-shadow:0 3px 16px #0000000a} html[data-theme="dark"] .score-zoom-control button{border:0;border-radius:50%;background:transparent;color:#c1c7d0;box-shadow:none}html[data-theme="dark"] .score-zoom-control button:not(:disabled):hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .score-zoom-control button[data-zoom=fit]{border-radius:16px;color:#e0e4ea} html[data-theme="dark"] *,html[data-theme="dark"] *::before,html[data-theme="dark"] *::after{scrollbar-color:auto!important} html[data-theme="dark"] *::-webkit-scrollbar{background:transparent} html[data-theme="dark"] *::-webkit-scrollbar-track,html[data-theme="dark"] *::-webkit-scrollbar-corner{background:transparent} html[data-theme="dark"] *::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:7px;background:transparent;background-clip:padding-box} html[data-theme="dark"] .classic-scroll-active::-webkit-scrollbar-thumb,html[data-theme="dark"] *::-webkit-scrollbar-thumb:hover,html[data-theme="dark"] *::-webkit-scrollbar-thumb:active{background-color:#848c9888} html[data-theme="dark"] *::-webkit-scrollbar-thumb:hover,html[data-theme="dark"] *::-webkit-scrollbar-thumb:active{background-color:#d4d8dfbb} @supports not selector(::-webkit-scrollbar){html[data-theme="dark"] *{scrollbar-color:#9ba2ad88 transparent!important}} html[data-theme="dark"] .library-brand #account-open{border:0;background:transparent;border-radius:50%} html[data-theme="dark"] .account-panel p{color:#aab1bc} html[data-theme="dark"] .account-link{border:1px solid #484e57;border-radius:7px;background:#2b2e34;color:#e0e4ea} html[data-theme="dark"] .account-link:hover{background:#24272c} html[data-theme="dark"] #account-logout{border-color:transparent;color:#c1c7d0} html[data-theme="dark"] :is(#tempo-toggle,#metro-tempo-toggle){border:0;border-radius:0;background:transparent;box-shadow:none;color:#c1c7d0} html[data-theme="dark"] :is(#tempo-toggle,#metro-tempo-toggle):hover{color:#e0e4ea;background:transparent;box-shadow:none} html[data-theme="dark"] :is(#tempo-toggle,#metro-tempo-toggle) .setting-value{color:#e0e4ea} html[data-theme="dark"] :is(#tempo-toggle,#metro-tempo-toggle) .setting-value>span{color:#aab1bc} html[data-theme="dark"] .metronome .metro-volume-row input{accent-color:#e0e4ea} html[data-theme="dark"] .topbar .transport #metro-start{border:0;background:transparent;color:#c1c7d0;box-shadow:none} html[data-theme="dark"] .topbar .transport #metro-start.active{background:#383d45;color:#e0e4ea} html[data-theme="dark"] #metro-start::after{border-radius:50%;background:currentColor} html[data-theme="dark"] #metro-tempo-popover{border:1px solid #484e57;border-radius:15px;background:#2b2e34;color:#e0e4ea;box-shadow:0 8px 32px #00000014,0 2px 6px #00000006} html[data-theme="dark"] .soundfont-format{color:#aab1bc} html[data-theme="dark"] .soundfont-format:hover{color:#e0e4ea} html[data-theme="dark"] .soundfont-actions>.icon-button{border-radius:50%} html[data-theme="dark"] #soundfont-status{color:#aab1bc} html[data-theme="dark"] .soundfont-controls.setting-select{--soundfont-height:34px} @media(max-width:760px){html[data-theme="dark"] .soundfont-controls.setting-select{--soundfont-height:40px}} html[data-theme="dark"] #fretboard-toggle{border:1px solid #484e57;border-radius:28px;background:#2b2e34f2;color:#e0e4ea;box-shadow:0 6px 26px #00000012} html[data-theme="dark"] #fretboard-toggle>svg{color:#aab1bc}html[data-theme="dark"] .fretboard-mini-icon{border-radius:50%;background:#383d45} html[data-theme="dark"] #fretboard-panel{border:1px solid #484e57;border-radius:24px;background:#2b2e34;box-shadow:0 12px 60px #00000020,0 2px 10px #00000006;outline:none} html[data-theme="dark"] #fretboard-dock .icon-button{border-radius:50%} html[data-theme="dark"] #fretboard-collapse{border:0;background:transparent;color:#c1c7d0;box-shadow:none} html[data-theme="dark"] #fretboard-collapse svg{color:#aab1bc} html[data-theme="dark"] #fretboard-chord{border:1px solid #484e57;background:#2b2e34;border-radius:12px;color:#e0e4ea}html[data-theme="dark"] #fretboard-chord svg:last-child{color:#aab1bc} html[data-theme="dark"] .fretboard-step{color:#aab1bc}html[data-theme="dark"] .fretboard-step .custom-select-trigger{border-radius:12px} html[data-theme="dark"] .fretboard-instrument{border:1px solid #484e57;border-radius:15px;background:#2b2e34} html[data-theme="dark"] .fretboard-defaults{background:#24272c;border-right:1px solid #484e57}html[data-theme="dark"] .fretboard-rail-title{color:#aab1bc} html[data-theme="dark"] .fretboard-defaults button{border:0;border-radius:0;background:transparent;color:#e0e4ea;box-shadow:none}html[data-theme="dark"] .fretboard-defaults small{color:#aab1bc}html[data-theme="dark"] .fretboard-defaults button span{border:1px dashed #484e57;border-radius:50%}html[data-theme="dark"] .fretboard-defaults button:hover span{border-color:#9ba2ad;background:#2b2e34} html[data-theme="dark"] .fretboard-scroll{scrollbar-color:#484e57 transparent} html[data-theme="dark"] .fretboard-neck{--fret-cell:48px} html[data-theme="dark"] .fretboard-numbers{background:#2b2e34;color:#aab1bc}html[data-theme="dark"] .fretboard-numbers .fretboard-inlay{color:#e0e4ea}html[data-theme="dark"] .fretboard-inlay::after{border-radius:50%;background:#4b525c}html[data-theme="dark"] .fretboard-string:before{background:#4b525c}html[data-theme="dark"] .fretboard-string.focused-string{background:#383d45} html[data-theme="dark"] .fretboard-cell{border:0;border-right:1px solid #484e57;border-radius:0;background:transparent;color:#e0e4ea;box-shadow:none} html[data-theme="dark"] .fretboard-cell:first-child{border-right:3px solid #484e57;background:#383d4555} html[data-theme="dark"] .fretboard-cell span{border-radius:50%;color:transparent} html[data-theme="dark"] .fretboard-cell.chord-fret span{border:1px dashed #484e57;background:#2b2e34;color:#aab1bc} html[data-theme="dark"] .fretboard-cell.played-fret span{background:#d4d8df;border:1px solid #9ba2ad;color:#26292e;box-shadow:0 1px 4px #00000022} html[data-theme="dark"] .fretboard-cell.pending-fret span{outline:2px solid #484e57;outline-offset:2px} html[data-theme="dark"] .fretboard-cell:not(:disabled):hover{background:#383d45;box-shadow:none;border-color:#484e57}html[data-theme="dark"] .fretboard-cell:not(.played-fret):hover span{color:#aab1bc}html[data-theme="dark"] .fretboard-cell:focus-visible{outline:2px solid #9ba2ad;outline-offset:-3px} html[data-theme="dark"] .fretboard-footer{border-top:1px solid #484e57} html[data-theme="dark"] #fretboard-actions #range-tools,html[data-theme="dark"] body[data-operation-menu=detailed] #fretboard-actions #range-tools{border:0;background:transparent;border-radius:0;box-shadow:none} html[data-theme="dark"] #fretboard-actions #range-tools .range-icon,html[data-theme="dark"] body[data-operation-menu=detailed] #fretboard-actions #range-tools .range-icon{border:0;border-radius:50%;background:#24272c;box-shadow:none;color:#c1c7d0} html[data-theme="dark"] #fretboard-actions #range-tools .range-icon.active{background:#d4d8df;color:#26292e} @media(max-width:760px){ html[data-theme="dark"] #fretboard-panel{border-radius:22px 22px 0 0;border-bottom:0}html[data-theme="dark"] .fretboard-neck{--fret-cell:44px} } html[data-theme="dark"] #fretboard-actions #range-tools .range-icon,html[data-theme="dark"] body[data-operation-menu=detailed] #fretboard-actions #range-tools .range-icon{border:0;border-radius:18px;background:#24272c;color:#c1c7d0;box-shadow:none} html[data-theme="dark"] #fretboard-actions #range-tools .range-icon.active{background:#d4d8df;color:#26292e} html[data-theme="dark"] #fretboard-actions #range-tools .range-icon:not(:disabled):hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] #fretboard-actions #fretboard-actions-prev,html[data-theme="dark"] #fretboard-actions #fretboard-actions-next{border:0;border-radius:50%;background:#24272c;color:#c1c7d0} @media(max-width:760px){html[data-theme="dark"] #fretboard-actions{--action-height:40px}html[data-theme="dark"] #fretboard-actions #range-tools .range-icon,html[data-theme="dark"] body[data-operation-menu=detailed] #fretboard-actions #range-tools .range-icon{border-radius:20px}} html[data-theme="dark"] .audio-quality-options button{border:1px solid transparent;border-radius:12px;background:transparent;color:#aab1bc}html[data-theme="dark"] .audio-quality-options button.active{background:#24272c;color:#e0e4ea;border-color:#484e57}html[data-theme="dark"] .audio-export-detail{color:#aab1bc}html[data-theme="dark"] .audio-save{color:inherit} html[data-theme="dark"] #reading-mode-button{border-radius:50%;border:1px solid #484e57;background:#2b2e34f2;color:#c1c7d0;box-shadow:0 3px 16px #0000000a}html[data-theme="dark"] .reading-countdown{background:#2b2e3480;color:#e0e4ea}html[data-theme="dark"] .reading-countdown small{color:#aab1bc}html[data-theme="dark"] .reading-zones button{border:0;border-radius:0;background:transparent;box-shadow:none;outline:none}html[data-theme="dark"] .reading-zones button:hover,html[data-theme="dark"] .reading-zones button:active{background:transparent;box-shadow:none}html[data-theme="dark"] .reading-exit-hint{border:1px solid #484e57;border-radius:24px;background:#2b2e34f2;box-shadow:0 4px 24px #00000011;color:#e0e4ea}html[data-theme="dark"] body.reading-mode #workspace{background:#2b2e34} html[data-theme="dark"] body.reading-mode #score-paper{border:0!important;box-shadow:none!important}html[data-theme="dark"] body.reading-mode .measure.selected{background:transparent} html[data-theme="dark"] #score-sheet-backdrop,html[data-theme="dark"] .custom-select-backdrop{border:0;border-radius:0;background:#d4d8df33;box-shadow:none} html[data-theme="dark"] #score-sheet-backdrop,html[data-theme="dark"] .custom-select-backdrop,html[data-theme="dark"] .mobile-control-backdrop{background:rgba(0,0,0,.26)!important;box-shadow:none!important} @media screen and (max-width:760px){ html[data-theme="dark"] .mobile-control-backdrop:not([hidden]){background:#d4d8df33;border:0;border-radius:0} html[data-theme="dark"] #song-menu .mobile-control-head .icon-button,html[data-theme="dark"] .mobile-control-head .icon-button{border:0;border-radius:50%;background:#383d45;color:#c1c7d0} html[data-theme="dark"] #volume-popover,html[data-theme="dark"] #scroll-popover,html[data-theme="dark"] #metro-tempo-popover,html[data-theme="dark"] #song-menu,html[data-theme="dark"] #library-menu,html[data-theme="dark"] #account-menu{border-radius:22px 22px 0 0!important;border:1px solid #484e57!important;background:#2b2e34;box-shadow:0 -8px 40px #00000022} html[data-theme="dark"] dialog.export-modal[open],html[data-theme="dark"] dialog.trash-dialog[open]{border-radius:22px 22px 0 0} html[data-theme="dark"] #score-popover.score-popover,html[data-theme="dark"] #score-popover.score-popover[data-kind],html[data-theme="dark"] body[data-operation-menu=detailed] #score-popover[data-kind=technique]{border:1px solid #484e57;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -8px 40px #00000022} html[data-theme="dark"] #score-popover::before{border-radius:4px;background:#4b525c} html[data-theme="dark"] dialog[open]{border-radius:22px 22px 0 0;border-bottom:0} html[data-theme="dark"] .custom-select-popover{border-radius:22px 22px 0 0;box-shadow:0 -8px 36px #00000022}html[data-theme="dark"] .custom-select-sheet-head button{border:0;border-radius:50%;background:#383d45;color:#c1c7d0} html[data-theme="dark"] .custom-select-option{border-radius:12px} } html[data-theme="dark"] button.audio-loading::after{border:2px solid currentColor;border-right-color:transparent;border-radius:50%}html[data-theme="dark"] #screen-wake-options button[aria-pressed=true]{background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 5px #00000011}html[data-theme="dark"] #screen-wake-status{color:#aab1bc} html[data-theme="dark"] .library-actions #library-menu-button{border:1px solid #484e57;border-radius:50%;background:#2b2e34} html[data-theme="dark"] #library-menu{border-radius:15px} html[data-theme="dark"] #library-menu>button{border:0;background:transparent;border-radius:9px} html[data-theme="dark"] #library-menu>button:hover{background:#383d45} html[data-theme="dark"] #account-avatar-remove{border:1px solid #484e57;border-radius:50%;background:#2b2e34} html[data-theme="dark"] .account-copy #account-description{color:#aab1bc} html[data-theme="dark"] .account-actions .icon-button{border:1px solid #484e57;border-radius:50%;background:#2b2e34;color:#c1c7d0} html[data-theme="dark"] .account-actions .icon-button:hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .settings-shortcuts{background:#2b2e34} html[data-theme="dark"] .settings-shortcuts:after{background:#383d45} html[data-theme="dark"] .settings-shortcuts button{border:0;border-radius:9px;background:transparent;color:#aab1bc} html[data-theme="dark"] .settings-shortcuts button[aria-current=true]{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .settings-category>.settings-block:first-child{border-top:0} html[data-theme="dark"] .settings-category+.settings-category{border-top:1px solid #484e57} @media(max-width:760px){ html[data-theme="dark"] #library-menu .mobile-control-head .icon-button{border-radius:50%;background:#383d45} } html[data-theme="dark"] .account-summary{--account-size:34px} html[data-theme="dark"] .account-summary #account-menu-button{border-radius:50%} html[data-theme="dark"] .account-summary #account-menu-button{background:transparent;border:0;color:#c1c7d0} html[data-theme="dark"] .account-summary #account-menu-button:hover{background:#383d45;color:#e0e4ea} html[data-theme="dark"] .account-copy #account-name,html[data-theme="dark"] .account-copy #account-login{color:#e0e4ea} html[data-theme="dark"] .account-status{border-radius:50%;background:#848c98;outline-offset:4px} html[data-theme="dark"] .account-status[data-connected=true]{background:#32ad70;box-shadow:0 0 0 3px #32ad7016,0 0 9px #32ad7048} html[data-theme="dark"] #account-menu{border-radius:15px} html[data-theme="dark"] #account-menu>button,html[data-theme="dark"] #account-menu>a{border:0;border-radius:9px;background:transparent;color:#e0e4ea} html[data-theme="dark"] #account-menu>button:not(:disabled):hover,html[data-theme="dark"] #account-menu>a:not([aria-disabled=true]):hover{background:#383d45} @media(max-width:760px){ html[data-theme="dark"] .account-summary{--account-size:40px} html[data-theme="dark"] #account-menu .mobile-control-head .icon-button{border-radius:50%;background:#383d45} } html[data-theme="dark"] .strength-heading>span{color:#aab1bc} html[data-theme="dark"] .strength-heading .range-icon{--strength-circle:34px;border:0;border-radius:50%;background:#383d45;color:#c1c7d0} html[data-theme="dark"] #strength-value{color:#c1c7d0} html[data-theme="dark"] #toast .toast-action{border:0;border-radius:16px;background:#2b2e3424;color:inherit} @media(max-width:760px){html[data-theme="dark"] .strength-heading .range-icon{--strength-circle:38px}} html[data-theme="dark"] #score-popover[data-kind=strength-range],html[data-theme="dark"] #score-popover[data-kind=strength-point]{border-radius:20px}html[data-theme="dark"] .strength-range-heading>span{color:#aab1bc} html[data-theme="dark"] .strength-range-heading .range-icon,html[data-theme="dark"] .strength-range-zoom button,html[data-theme="dark"] .strength-scroll-arrow,html[data-theme="dark"] .strength-key-delete,html[data-theme="dark"] .strength-step-button{--strength-circle:34px;border:0;border-radius:50%;background:#383d45;color:#c1c7d0} html[data-theme="dark"] .strength-range-modes{border-radius:18px;background:#383d45}html[data-theme="dark"] .strength-range-modes button{border:0;border-radius:15px;background:transparent;color:#aab1bc}html[data-theme="dark"] .strength-range-modes button[aria-pressed=true]{background:#2b2e34;color:#e0e4ea;box-shadow:0 1px 5px #00000011}html[data-theme="dark"] .strength-range-zoom #strength-zoom-reset{border-radius:12px;background:transparent} html[data-theme="dark"] .strength-chart-shell{border-top:1px solid #484e57}html[data-theme="dark"] .strength-chart-axis{color:#aab1bc} html[data-theme="dark"] .strength-chart-viewport{outline-offset:0;border-radius:8px} html[data-theme="dark"] .strength-grid-line{stroke:#737c88}html[data-theme="dark"] .strength-time-line{stroke:#737c88}html[data-theme="dark"] .strength-time-label{fill:#aab1bc} html[data-theme="dark"] .strength-selected-column{fill:#26292e}html[data-theme="dark"] .strength-stem{stroke:#737c88}html[data-theme="dark"] .strength-stem.selected{stroke:#c8cdd5}html[data-theme="dark"] .strength-hit{fill:transparent;stroke:none}html[data-theme="dark"] .strength-handle{fill:#26292e;stroke:#a1a8b3;outline:none}html[data-theme="dark"] .strength-handle.selected{fill:#e0e4ea;stroke:#c8cdd5}html[data-theme="dark"] .strength-handle:focus-visible{stroke:#c8cdd5}html[data-theme="dark"] .strength-smooth-path{fill:none;stroke:#c8cdd5}html[data-theme="dark"] .strength-actual-ghost{fill:#8c95a2}html[data-theme="dark"] .strength-point-value{fill:#e0e4ea}html[data-theme="dark"] .strength-ruler-point>rect{fill:transparent}html[data-theme="dark"] .strength-ruler-dot{fill:#8c95a2}html[data-theme="dark"] .strength-ruler-dot.selected{fill:#e0e4ea} html[data-theme="dark"] .strength-selection-controls{border-top:1px solid #484e57}html[data-theme="dark"] .strength-selection-controls>span{color:#aab1bc}html[data-theme="dark"] .strength-selection-controls output{color:#c1c7d0}html[data-theme="dark"] .strength-range-footer #strength-range-status{color:#aab1bc}html[data-theme="dark"] .strength-range-footer #strength-curve-apply{border-radius:18px} @media(max-width:760px){html[data-theme="dark"] .strength-range-heading .range-icon,html[data-theme="dark"] .strength-range-zoom button,html[data-theme="dark"] .strength-scroll-arrow,html[data-theme="dark"] .strength-key-delete,html[data-theme="dark"] .strength-step-button{--strength-circle:38px}}html[data-theme="dark"] #fretboard-inline-toolbar strong{color:#aab1bc}html[data-theme="dark"] #fretboard-inline-toolbar #fretboard-inline-back{background:#383d45;border-radius:50%} html[data-theme="dark"] #fretboard-inline-body>#score-popover.score-popover,html[data-theme="dark"] #fretboard-inline-body>#score-popover.score-popover[data-kind]{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important} html[data-theme="dark"] #fretboard-inline-body .technique-options>.technique-option,html[data-theme="dark"] body[data-operation-menu=detailed] #fretboard-inline-body .technique-options>.technique-option{border:0;border-radius:19px;background:#24272c} html[data-theme="dark"] #fretboard-inline-body .technique-options>.technique-option[aria-pressed=true],html[data-theme="dark"] body[data-operation-menu=detailed] #fretboard-inline-body .technique-options>.technique-option[aria-pressed=true]{background:#d4d8df;color:#26292e} @media(max-width:760px){html[data-theme="dark"] #fretboard-inline-body .technique-options>.technique-option,html[data-theme="dark"] body[data-operation-menu=detailed] #fretboard-inline-body .technique-options>.technique-option{border-radius:20px}} html[data-theme="dark"] .strength-horizontal-ticks{color:#aab1bc} html[data-theme="dark"] .strength-horizontal-ticks span::before{background:#4b525c} html[data-theme="dark"] svg [fill="white"],html[data-theme="dark"] svg[fill="white"]{fill:#26292e} html[data-theme="dark"] svg [stroke="white"],html[data-theme="dark"] svg[stroke="white"]{stroke:#2b2e34} html[data-theme="dark"] svg [fill="black"],html[data-theme="dark"] svg[fill="black"]{fill:#e0e4ea} html[data-theme="dark"] svg [stroke="black"],html[data-theme="dark"] svg[stroke="black"]{stroke:#c8cdd5} html[data-theme="dark"] svg [fill="#777777"],html[data-theme="dark"] svg[fill="#777777"]{fill:#aab1bc} html[data-theme="dark"] svg [stroke="#777777"],html[data-theme="dark"] svg[stroke="#777777"]{stroke:#a1a8b3} html[data-theme="dark"] svg [fill="#777"],html[data-theme="dark"] svg[fill="#777"]{fill:#aab1bc} html[data-theme="dark"] svg [stroke="#777"],html[data-theme="dark"] svg[stroke="#777"]{stroke:#a1a8b3} html[data-theme="dark"] svg [fill="#000"],html[data-theme="dark"] svg[fill="#000"]{fill:#e0e4ea} html[data-theme="dark"] svg [stroke="#000"],html[data-theme="dark"] svg[stroke="#000"]{stroke:#c8cdd5} html[data-theme="dark"] svg [fill="#fff"],html[data-theme="dark"] svg[fill="#fff"]{fill:#26292e} html[data-theme="dark"] svg [stroke="#fff"],html[data-theme="dark"] svg[stroke="#fff"]{stroke:#2b2e34} html[data-theme="dark"] svg [fill="#666"],html[data-theme="dark"] svg[fill="#666"]{fill:#c1c7d0} html[data-theme="dark"] svg [stroke="#666"],html[data-theme="dark"] svg[stroke="#666"]{stroke:#a1a8b3} html[data-theme="dark"] svg [fill="#111"],html[data-theme="dark"] svg[fill="#111"]{fill:#e0e4ea} html[data-theme="dark"] svg [stroke="#111"],html[data-theme="dark"] svg[stroke="#111"]{stroke:#c8cdd5} html[data-theme="dark"] svg [fill="#333"],html[data-theme="dark"] svg[fill="#333"]{fill:#e0e4ea} html[data-theme="dark"] svg [stroke="#333"],html[data-theme="dark"] svg[stroke="#333"]{stroke:#c8cdd5} html[data-theme="dark"] svg [fill="#555"],html[data-theme="dark"] svg[fill="#555"]{fill:#c1c7d0} html[data-theme="dark"] svg [stroke="#555"],html[data-theme="dark"] svg[stroke="#555"]{stroke:#c8cdd5} html[data-theme="dark"] svg [fill="#aaa"],html[data-theme="dark"] svg[fill="#aaa"]{fill:#8c95a2} html[data-theme="dark"] svg [stroke="#aaa"],html[data-theme="dark"] svg[stroke="#aaa"]{stroke:#a1a8b3} html[data-theme="dark"] svg [fill="#999"],html[data-theme="dark"] svg[fill="#999"]{fill:#aab1bc} html[data-theme="dark"] svg [stroke="#999"],html[data-theme="dark"] svg[stroke="#999"]{stroke:#a1a8b3} html[data-theme="dark"] svg [fill="#222"],html[data-theme="dark"] svg[fill="#222"]{fill:#e0e4ea} html[data-theme="dark"] svg [stroke="#222"],html[data-theme="dark"] svg[stroke="#222"]{stroke:#c8cdd5} html[data-theme="dark"] svg [fill="#ddd"],html[data-theme="dark"] svg[fill="#ddd"]{fill:#26292e} html[data-theme="dark"] svg [stroke="#ddd"],html[data-theme="dark"] svg[stroke="#ddd"]{stroke:#737c88} html[data-theme="dark"] svg [fill="#444"],html[data-theme="dark"] svg[fill="#444"]{fill:#c1c7d0} html[data-theme="dark"] svg [stroke="#444"],html[data-theme="dark"] svg[stroke="#444"]{stroke:#c8cdd5} html[data-theme="dark"] svg [fill="#22252a"],html[data-theme="dark"] svg[fill="#22252a"]{fill:#e0e4ea} html[data-theme="dark"] svg [stroke="#22252a"],html[data-theme="dark"] svg[stroke="#22252a"]{stroke:#c8cdd5} html[data-theme="dark"] svg [fill="#ffffff"],html[data-theme="dark"] svg[fill="#ffffff"]{fill:#26292e} html[data-theme="dark"] svg [stroke="#ffffff"],html[data-theme="dark"] svg[stroke="#ffffff"]{stroke:#2b2e34} html[data-theme="dark"]{color-scheme:dark;background:#22252a;--workspace-bg:#22252a;--bg:#22252a;--paper:#2b2e34;--ink:#e0e4ea;--muted:#aab1bc;--line:#484e57;--green:#d4d8df;--gold:#d4d8df} html[data-theme="dark"] body,html[data-theme="dark"] #workspace{background:#22252a;color:#e0e4ea} html[data-theme="dark"] #library,html[data-theme="dark"] #editor{background:#272a30} html[data-theme="dark"] #score-paper{background:#2b2e34} html[data-theme="dark"] .topbar .transport,html[data-theme="dark"] #metro-tempo-popover,html[data-theme="dark"] .custom-select-popover,html[data-theme="dark"] dialog,html[data-theme="dark"] .score-popover{background:#32363d;border-color:#4b525c;color:#e0e4ea} html[data-theme="dark"] .measure.selected{background:#30343b} html[data-theme="dark"] .tempo-thumb{background:#cdd3dc;border-color:#8c95a2} html[data-theme="dark"] .tempo-track{background:#505761} html[data-theme="dark"] .tempo-track-fill{background:#b9c2cf} html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] input:focus-visible{outline-color:#aebed3;box-shadow:none} html[data-theme="dark"] .library-tabs button.active,html[data-theme="dark"] .setting-segments button.active,html[data-theme="dark"] .editor-tabs button.active{background:#454c56;color:#edf0f4} }