:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}:root{--bg-light: #fff;--bg-dark: #111;--cues-primary: #eb298e;--cues-secondary: #fa8072;--cues-gradient: linear-gradient( to top, var(--cues-primary), var(--cues-secondary) )}*,*:before,*:after{box-sizing:border-box}html,input,textarea,select,button{font-size:16px}button,input:is([type=text],[type=search]),use-dropdown::part(trigger){all:unset;border-radius:.25rem;padding:.25rem .5rem;line-height:1.5rem;background-color:light-dark(#ccc,#222);color:inherit;transition:background-color .1s}button:focus,input:is([type=text],[type=search]):focus{outline:.125rem solid var(--cues-primary);outline-offset:.125rem}button{background-color:light-dark(#efefef,#333)}button:hover{background-color:light-dark(#ccc,#444)}use-dropdown::part(trigger){background-color:light-dark(#efefef,#444)}input[type=checkbox].switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:1rem;width:2.5rem;height:1.25rem;padding-block:.125rem;padding-inline:.125rem;background-color:light-dark(#efefef,#222);transition:all .1s}input[type=checkbox].switch:hover{background-color:light-dark(#ccc,#444)}input[type=checkbox].switch:focus-visible{outline:.125rem solid var(--cues-primary);outline-offset:.125rem}input[type=checkbox].switch:after{content:"";display:block;width:1rem;height:1rem;border-radius:.5rem;background-color:light-dark(#777,#ccc);transition:transform .1s;box-shadow:0 0 .25rem #00000080}input[type=checkbox].switch:checked{padding-inline-start:1.375rem;background:var(--cues-gradient)}input[type=checkbox].switch:checked:after{background-color:#fff}html,body,#root,.lyricdown-root{height:100%;overscroll-behavior-y:none}body{background-color:light-dark(var(--bg-light),var(--bg-dark))}.app-root{display:flex;flex-direction:column;height:100%;width:100%;gap:1rem}.app-root.sidebar-right{flex-direction:row-reverse}.app-sidebar{flex-shrink:0;width:100%;min-width:300px;height:100%;border-radius:.5rem;padding:.25rem;display:flex;flex-direction:column;background-color:light-dark(#efefef,#333);transition:opacity .2s}.app-sidebar .files-dialog-toggle{background-color:light-dark(#efefef,#444)}.app-sidebar-container{position:fixed;top:0;left:0;flex-grow:1;flex-shrink:0;width:100%;height:min-content;position:relative;background-color:light-dark(#efefef,#333);overflow:hidden}.app-content{flex-grow:1;flex-shrink:1;min-width:0;display:flex;flex-direction:column;padding-inline:1rem;padding-block-end:1rem;height:100%;overflow:auto}#root,.lyricdown-root{width:100%}.app-sidebar-header{display:flex;flex-wrap:wrap;flex-direction:row;padding-inline:.5rem;gap:1rem}.app-sidebar-header use-dropdown{anchor-scope:--use-dropdown-trigger}.app-sidebar-header use-dropdown::part(trigger-icon){display:none}.app-sidebar-header use-dropdown::part(trigger){white-space:nowrap;anchor-name:--use-dropdown-trigger}.app-sidebar-header use-dropdown::part(menu){margin:unset;inset:unset;position:absolute;position-anchor:--use-dropdown-trigger;inset-block-start:calc(anchor(end) + .5rem);inset-inline-start:anchor(start);position-try-fallbacks:flip-block,flip-inline,flip-inline flip-block;border:0;background-color:light-dark(#efefef,#333);border-radius:.5rem;padding:.25rem;box-shadow:0 .5rem 1rem .5rem #00000080;min-width:10rem}.app-sidebar-header use-dropdown button{line-height:2rem;padding:0 1rem}.app-sidebar-header use-dropdown button:focus{outline:none}.app-sidebar-header use-dropdown button:is(:hover,:focus-visible){background:var(--cues-gradient);outline:0}.app-sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex-shrink:1;flex-grow:1;min-height:0;overflow:auto;margin:0 -.75rem;padding-inline:.75rem}.app-sidebar-nav ul{list-style-type:none;padding:0;margin:0}.app-sidebar-nav li{display:flex;flex-direction:row;gap:.5rem;align-items:center}.app-sidebar-nav a{flex-grow:1;flex-shrink:1;text-decoration:none;color:inherit;padding-inline:.75rem;padding-block:.25rem;line-height:1.5rem;border-radius:.25rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-nav li:hover a{background-color:light-dark(#ddd,#222)}.app-sidebar-nav [aria-current=page] a{background-color:light-dark(#ddd,#222);position:relative}.app-sidebar-nav [aria-current=page] a:before{content:"";display:inline-block;width:.25rem;background:var(--cues-gradient);position:absolute;inset-block:.25rem;inset-inline-start:.25rem;border-radius:.25rem}.lyricdown-root{display:flex;flex-direction:column;width:100%;max-width:800px;margin-inline:auto;gap:1rem}.lyricdown-header{display:flex;align-items:center;gap:1rem;flex-shrink:0;justify-content:space-between}.lyricdown-header h1{margin:0;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;overflow:hidden}.lyricdown-header .lyricdown-header-actions-readonly{white-space:nowrap;display:flex;align-items:center;gap:.25rem}.lyridown-header-actions{display:flex;gap:1.5rem;align-items:center}.lyricdown-header form{display:inline-flex;gap:.5rem}.lyricdown-content{flex-shrink:1;min-height:0}.lyricdown-editor{width:100%;max-height:100%;overflow-y:auto;padding-block-end:80vh;outline:none}.tiptap h1,.lyricdown-editor :is(h1,h2,h3,h4,h5,h6),.ld-style-title{font-weight:700;position:sticky;top:0;display:block;background-color:light-dark(#efefef,#333);margin:0;padding:0;line-height:2.5rem;height:2.5rem}h1,.ld-style-title.level-1{font-size:1.5rem}h2,.ld-style-title.level-2{font-size:1rem;line-height:1.5rem;height:1.5rem}.ld-style-bold{font-weight:700}.ld-line{display:block;line-height:1.5rem}.ld-style-text.ld-style-mark,.cue-marker,.ld-style-code-snippet,.tiptap mark{display:inline-block;font-size:.875rem;background:var(--cues-gradient);color:#fff;font-weight:900;padding:.125rem .5rem;border-radius:1rem;line-height:1}.ld-style-mark [data-slate-string=true]{line-height:1}[data-slate-node=text],.ld-style-text{display:inline-flex;align-items:center;line-height:1.5rem}.tiptap h2,.section-label{font-weight:700;position:sticky;top:2.5rem;display:block;background-color:light-dark(#efefef,#333)}.tiptap blockquote :is(h1,h2){position:initial;z-index:initial}[data-slate-zero-width]{min-width:1px;display:inline-block}::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.live-mode :is(p,h1,h2):hover{background-color:light-dark(#eaeaea,#222)}@media screen{.live-mode .tiptap h1{z-index:1}.live-mode .tiptap h1:before,.live-mode .tiptap h1:after{background-color:light-dark(var(--bg-light),var(--bg-dark));position:absolute;inset-inline:0;content:""}.live-mode .tiptap h1:before{height:2.5rem;inset-block-start:-2.5rem}.live-mode .tiptap h2{margin-block-start:1.5rem}.live-mode .tiptap h2:before{background-color:light-dark(var(--bg-light),var(--bg-dark));position:absolute;inset-inline:0;content:""}.live-mode .tiptap h2:before{height:1.5rem;inset-block-start:-1.5rem}}dialog{width:100%;max-width:800px;flex-direction:column;gap:1rem}dialog[open]{display:flex}dialog article{flex-grow:1;overflow-y:auto;outline:0}dialog article *:first-child{margin-block-start:0}dialog :is(header,footer){flex-shrink:0}dialog h2{margin-block:0}dialog form{position:sticky;bottom:0;display:flex;flex-direction:row;gap:1rem}dialog code{background-color:light-dark(#efefef,#333);padding:.125rem}.editor-root{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;min-height:0}.editor-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0;position:relative}.editor-toolbar .is-active{background:var(--cues-gradient);color:#fff;border-color:var(--cues-primary)}@media screen{.editor-body{flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;gap:1rem;min-height:0}.editor-body .tiptap{height:100%;outline:0;overflow-y:auto;line-height:1.5rem}.editor-body .tiptap[contenteditable=false]:before,.editor-body .tiptap[contenteditable=false]:after{content:"Start of show";text-align:center;margin-block:4rem;display:block;opacity:.5;font-style:italic}.editor-body .tiptap[contenteditable=false]:after{content:"End of show"}}.tiptap :is(h1,h2,h3,p,ul,ol,blockquote,pre){margin-block:0}.tiptap[contenteditable=false] h1:not(:first-child){margin-block-start:8rem}.tiptap blockquote{border-inline-start:.25rem solid #ccc;padding-inline-start:1rem;margin-inline-start:1rem;font-style:italic}.toolbar-divider{border-inline-start:1px solid #ccc;height:1rem;align-self:center}.saving-doc{position:absolute;z-index:1;inset-inline-start:1rem;inset-block-start:.5rem;border-radius:.5rem;background-color:light-dark(#efefef,#333);text-align:center;padding:.5rem 1rem}.app-root:has(.live-mode) .app-sidebar-container{display:none}@media screen and (max-width: 480px){.editor-toolbar{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;position:fixed;inset-block-end:0;inset-inline:0;z-index:1;border-top-left-radius:.5rem;border-top-right-radius:.5rem;background-color:light-dark(#efefef,#333);text-align:center;padding:.5rem 1rem}.app-root{padding-block-end:3.5rem}}.add-song-dialog:open{margin-block-start:2rem}.add-song-dialog form{display:flex;flex-direction:column;gap:1rem}.add-song-dialog form input{flex-grow:1}.add-song-dialog form menu{padding:0;margin:0;list-style-type:none}.add-song-dialog form li button{width:100%;text-align:left}@media screen and (min-width: 801px){.app-root{flex-direction:row;padding:1rem}.app-sidebar-container{max-width:300px;min-width:1.5rem;height:100%;border-radius:.5rem}.app-sidebar-container use-dropdown::part(trigger){border-radius:.25rem;padding:.25rem 1rem;color:inherit;transition:background-color .1s}.app-sidebar-files{all:unset;display:flex;flex-direction:column;gap:1rem;position:static;height:100%;overflow:auto;padding:1rem}.app-sidebar-files::backdrop{display:none}.files-dialog-toggle{display:none}.app-sidebar-header{flex-direction:column;padding-inline:1rem;padding-block-start:1rem}.app-sidebar-nav{padding-inline:0}.app-sidebar-nav li button{display:none}.app-sidebar-nav li:hover button{display:inline-block}.close-sidebar-form{display:none}}@media print{.app-sidebar,.editor-toolbar,.lyridown-header-actions,.editor-root>button{display:none}.tiptap mark{border:1px solid #000}}