::-webkit-scrollbar{width:0}::-webkit-scrollbar-track-piece{background-color:red;-webkit-border-radius:6px}html{touch-action:none}html,body{overscroll-behavior:none}html,html a{-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px #00000001;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;cursor:context-menu;font-family:Noto Sans}body{color:#000;background:#fff;margin:0}#root{overflow-y:scroll}input,button{kerning:2px;height:50px;font-size:12px}input,button,textarea{box-sizing:border-box;border-radius:5px}button{cursor:pointer}label{color:#b5b5b5;text-transform:capitalize;padding-bottom:2px;font-size:12px;display:block}input,textarea{box-sizing:border-box;border:1px solid #e0e0e0;width:100%;padding:10px;font-size:18px}button{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#0e83cd;border:none;width:100%;padding:10px 20px;font-weight:700}.input-button-group{display:flex}.input-button-group input{min-width:0;max-width:auto;border-radius:5px 0 0 5px;flex:1px}.input-button-group button{box-sizing:border-box;flex:0 0 content;border-radius:0 5px 5px 0;width:auto}.input-button-group.input-button-group-narrow input{height:37px}.input-button-group.input-button-group-narrow button{min-width:50px;height:37px;padding:7px}.padded-container{padding:10px}form label{box-sizing:border-box}form input{box-sizing:border-box;width:100%}form input:focus{outline:none}form button{box-sizing:border-box}#app-body{flex-direction:column;height:100vh;display:flex}.page-login{color:#707070;background:#ffe38f;flex-direction:column;justify-content:space-around;align-items:center;height:100vh;padding:40px;display:flex}.login-title{text-align:center;font-size:48px}.login-subtitle{text-transform:uppercase;text-align:center;margin-top:-10px;font-family:Oswald;font-size:76px}.page-login .login-options{flex-direction:column;justify-content:space-around;align-items:center;height:260px;display:flex}.page-login .login-options>*{margin:0 0 10px}.page-login .login-options .text-button{color:#707070;background:0 0;width:auto;height:auto;padding:0;font-weight:400}.page-login hr{border:0;border-top:1px solid #d1bc8b;width:50%;height:1px;margin:1em 0;padding:0;display:block}.page-login input{width:90%;height:60px;padding:8px ​13px 11px;text-align:center;color:#707070;box-sizing:initial;border:1px solid #d1bc8b;border-radius:0;font-family:Oswald;font-size:50px}.form-create-or-search{display:flex}.form-create-or-search>.create-song{flex:0 1 content}.form-create-or-search>.create-song button{height:37px;padding:10px 13px}.form-create-or-search>.or{color:#bbb;flex:0 0 10px;align-self:center;margin:0 10px;padding:0;font-family:sans-serif;font-size:12px;font-weight:700}.form-create-or-search>.search{flex:5em}.page-welcome{color:#707070;background:#ffe38f;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.welcome-code-title{text-align:center;font-size:48px}.welcome-code-value{text-transform:uppercase;text-align:center;margin-top:-15px;font-family:Oswald;font-size:76px}.welcome-greeting{text-align:center}.button-simple{color:#707070;background:0 0;border:1px solid gray;border-radius:35px;height:auto;padding:6px 16px;font-size:16px}.button-simple:hover{background:#fff3}.page-lyric{-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;padding:25px;display:flex}.page-lyric h3{margin-top:0;font-size:24px}.song-display{flex-direction:column;align-items:center;display:flex;position:relative}.song-display-settings{flex-direction:column;align-self:flex-end;height:0;display:flex;position:sticky;top:10px}.song-display-settings button{padding:10px}.song-display-control{flex-direction:column;align-self:flex-end;height:0;display:flex;position:sticky;bottom:95px}.song-display-control button{padding:10px}.lyric{font-family:akagi_probook,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:18px;font-weight:400;line-height:2}.lyric h2{text-transform:uppercase;color:#888787;background:#f3f3f3;border-radius:25px;margin-top:25px;margin-bottom:12px;padding:1px 10px 0;font-size:12px;font-weight:400;display:inline-block}.lyric h2+p{margin-top:0}.lyric p,x-chord{color:#ccc;font-size:calc(5vw - .2em)}.lyric p:hover,.lyric p:hover x-chord{color:#afafaf;cursor:pointer}.lyric p.active,.lyric p.active x-chord,.queue-verse-preview x-chord{color:#000;cursor:context-menu}.lyric-attribution{font-size:10px}.header{flex:0 0 content}.header-bar{flex:0 0 content;box-sizing:border-box;background:#ffe38f;align-items:center;padding:15px;display:flex}.header-bar .queue-status{text-transform:uppercase;letter-spacing:.5px;flex:1;font-size:16px;font-weight:700}.header-bar .queue-join-code{text-align:right;flex:1}.header-bar img{display:block}.content{flex:1px}.page-queue{flex-direction:column;display:flex}.queue-verse-preview{flex:0 0 content;box-sizing:border-box;border-bottom:5px solid #ffe38f;height:220px;padding:25px 25px 35px;overflow:hidden}.queue-verse-preview a,.queue-verse-preview a:link,.queue-verse-preview a:hover,.queue-verse-preview a:focus{color:#000;text-decoration:none}.queue-verse-preview h3{margin-top:0;margin-bottom:12px;font-size:12px;font-weight:300}.queue-verse-preview p{margin:0;line-height:1.7}.queue-manage{align-self:flex-bottom;flex-direction:column;flex:1;display:flex;overflow:hidden}.queue-manage nav{flex:0 1 content}.queue-manage ul.queue-navigation{border-top:1px solid #eaeaea;justify-content:space-evenly;margin:0 0 2px;padding:0;display:flex}.queue-manage ul.queue-navigation>li{flex:1 0 content;box-sizing:border-box;color:#000;text-transform:uppercase;letter-spacing:1.2px;text-align:center;font-size:14px;list-style:none;display:inline-block}.queue-manage ul.queue-navigation>li>a{color:#00000080;border-top:6px solid #0000;margin-bottom:-2px;padding:12px min(25px,4vw) 14px;text-decoration:none;display:block}.queue-manage ul.queue-navigation>li>a:focus,.queue-manage ul.queue-navigation>li>a:hover{font-weight:700}.queue-manage ul.queue-navigation>li>a:hover{color:#000}.queue-manage ul.queue-navigation>li a.active{border-top:6px solid #ffe38f;font-weight:700}.icon-button{color:#707070;background:0 0}.queue-manage .song-list-empty{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.queue-manage .song-list-empty-title{color:#c1c1c1;margin-top:40px}.queue-manage .song-list-empty-instructions{color:#c1c1c1;text-align:center;margin-top:40px}.queue-manage .song-list-empty-instructions-arrow{align-self:end;margin-right:20px}.queue-manage [class^=queue-list-]{flex:1;padding:20px;overflow-y:scroll}.queue-manage [class^=queue-list-] ol{counter-reset:item;letter-spacing:.5px;margin:0;padding:0;font-size:18px;line-height:1.6;list-style-type:none;position:relative}.queue-manage [class^=queue-list-] ol li{height:28px;margin:10px 0;padding:0;font-size:14px;display:flex}.queue-manage [class^=queue-list-] ol a{color:#000;flex:1;text-decoration:none}.queue-manage [class^=queue-list] ol button{flex:0 1 content;width:50px;height:auto;padding:7px}.instructional-text{color:#ccc;padding:10px 0;font-size:14px;font-weight:700}.page-addsong .search-song div{display:flex}.page-addsong .search-song input{min-width:0;max-width:auto;border-radius:5px 0 0 5px;flex:1px}.page-addsong .search-song button{box-sizing:border-box;flex:0 0 content;border-radius:0 5px 5px 0;width:auto}.form-submit-options{display:flex}.form-submit-options a{box-sizing:border-box;flex:0 0 50%}.queue-manage .queue-list-added-songs ol{margin-left:-20px;margin-right:-20px}.queue-list-added-songs li.swipable-list-item{background-color:#fff;border-top:2px solid #fff;width:100%;padding:0;position:relative;margin:0!important}.queue-list-added-songs .swipable-list-color-bar{background-color:#43b8ff;border-left:15px solid #43b8ff;align-items:center;width:12px;height:28px;transition:background-color .4s,border-left .4s;display:flex}.queue-list-added-songs .swipable-list-color-bar-fullWidth{transition:width .1s;width:100vw!important}.swipable-list-color-bar a{margin-left:10px;font-family:Noto Sans;display:inline-block;position:absolute}x-chord{letter-spacing:.1em;width:0;letter-spacing:initial;white-space:nowrap;vertical-align:text-top;font-family:monospace;font-size:calc(2vw + .08em);display:inline-block;position:relative;top:calc(-3.33333vw - .133333em);overflow:visible}x-chord:before{content:".";color:#0000;opacity:.1;border-left:1px solid gray;position:absolute;top:10px}.popup-box{background:#00000050;width:100%;height:100vh;position:fixed;inset:0}.box{box-sizing:border-box;background:#fff;border:1px solid #999;border-radius:25px;width:calc(100vw - 16px);height:calc(100vh - 16px);margin:8px auto 0;padding:35px 20px 20px;position:relative;overflow:auto}.close-icon{content:"x";cursor:pointer;text-align:center;color:#707070;z-index:100;background:#fff;border:3px solid #707070;border-radius:50%;width:25px;height:25px;font-size:20px;font-weight:700;line-height:20px;position:fixed;top:20px;left:20px}.page-login .login-options{height:auto;min-height:260px}.page-login .login-options button[disabled]{opacity:.5;cursor:default}.page-login input::placeholder{color:#d1bc8b}.login-error,.form-error{color:#c0392b;text-align:center;margin:0;font-size:14px}.build-stamp{font-size:x-small;position:fixed;bottom:5px;left:5px}.welcome-copied{text-align:center;height:20px;font-size:14px}.header-bar .queue-status-offline{color:#a06a00}.song-list-hint{text-align:center;color:#c1c1c1;padding:40px}.queue-manage [class^=queue-list-] ol .song-list-title{cursor:pointer;flex:1}.swipable-list-color-bar .song-list-title{margin-left:10px;font-family:Noto Sans;display:inline-block;position:absolute}button.close-icon{text-transform:none;letter-spacing:0;background:#fff;width:25px;height:25px;padding:0}.form-report-issue h3{margin-top:0}.form-report-issue label{color:#707070;text-transform:none;margin-bottom:12px;font-size:14px;display:block}.form-report-issue label.checkbox{align-items:center;gap:10px;margin-bottom:6px;display:flex}.form-report-issue input[type=checkbox]{width:auto;height:auto;margin:0}.form-report-issue textarea{font-family:inherit;font-size:16px}.form-report-issue .form-error{margin-bottom:10px}.page-song-editor{flex-direction:column;gap:10px;padding:20px;display:flex;overflow-y:auto}.page-song-editor textarea{white-space:pre;min-height:45vh;font-family:monospace;font-size:14px;line-height:1.5;overflow:auto}.page-song-editor .help{color:#999;font-size:13px}.page-song-editor .form-submit-options{gap:10px}.page-song-editor .form-submit-options button{flex:1}.page-song-editor .button-secondary{background:#bbb}.notice{box-sizing:border-box;color:#fff;z-index:200;background:#333;border-radius:8px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.notice-error{background:#b23b2f}.notice .notice-close{color:#fff;text-transform:none;letter-spacing:0;background:0 0;flex:none;width:24px;height:24px;padding:0;font-size:16px;line-height:1}.host-chip{vertical-align:middle;background:#0000001f;border-radius:8px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:700}.lyric.read-only p:hover,.lyric.read-only p:hover x-chord{color:#ccc;cursor:default}.lyric.read-only p.active:hover,.lyric.read-only p.active:hover x-chord{color:#000}.welcome-host-link{text-align:center;margin-top:40px}.welcome-host-link .text-button{color:#707070;background:0 0;width:auto;height:auto;padding:0;font-weight:400;text-decoration:underline}.welcome-host-hint{color:#a08a4a;margin-top:6px;font-size:12px}.session-actions{justify-content:center;gap:24px;padding:24px 0 8px;display:flex}.session-actions .text-button{color:#707070;text-transform:none;letter-spacing:0;background:0 0;width:auto;height:auto;padding:0;font-size:13px;font-weight:400;text-decoration:underline}.queue-item-controls{align-items:center;display:flex;position:absolute;top:0;right:0}.queue-manage [class^=queue-list-] ol .queue-item-controls button{text-transform:none;letter-spacing:0;width:30px;height:28px;padding:0;font-size:13px;line-height:28px}.queue-item-controls button[disabled]{opacity:.25;cursor:default}.swipable-list-item.sung .song-list-title{color:#9a9a9a}.sung-mark{color:#6aa84f}.song-display-control button[disabled]{opacity:.25;cursor:default}.song-meta{color:#8a8a8a;margin-top:-16px;margin-bottom:16px;font-size:13px}.song-list-artist{color:#9a9a9a;font-size:12px}.transpose-buttons{flex-direction:column;align-items:center;display:flex}.transpose-buttons .icon-button{padding:4px 10px;font-size:18px}.transpose-offset{color:#707070;font-size:11px}.song-meta-fields{gap:10px;display:flex}.song-meta-fields>div{flex:1 1 0}.song-meta-fields select{box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:5px;width:100%;height:50px;padding:10px;font-size:16px}.form-warning{color:#a06a00;margin:0;font-size:14px}.link-button{color:#0e83cd;text-transform:none;letter-spacing:0;width:auto;height:auto;font-weight:400;font-size:inherit;background:0 0;padding:0;text-decoration:underline;display:inline}:root{--page-bg:#fff;--page-fg:#000;--muted-fg:#707070;--faint-fg:#c1c1c1;--lyric-inactive:#ccc;--lyric-hover:#afafaf;--surface-bg:#f3f3f3;--hover-bg:#fbfbfb;--border:#eaeaea;--input-bg:#fff;--input-border:#e0e0e0;--lyrics-scale:1}[data-theme=dark]{--page-bg:#15161a;--page-fg:#f2f2f2;--muted-fg:#b0b0b0;--faint-fg:#6a6a6a;--lyric-inactive:#5a5a5a;--lyric-hover:#8a8a8a;--surface-bg:#23252b;--hover-bg:#1d1f24;--border:#33363d;--input-bg:#1d1f24;--input-border:#3a3d45}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page-bg:#15161a;--page-fg:#f2f2f2;--muted-fg:#b0b0b0;--faint-fg:#6a6a6a;--lyric-inactive:#5a5a5a;--lyric-hover:#8a8a8a;--surface-bg:#23252b;--hover-bg:#1d1f24;--border:#33363d;--input-bg:#1d1f24;--input-border:#3a3d45}}body{background:var(--page-bg);color:var(--page-fg)}input,textarea,.song-meta-fields select{background:var(--input-bg);color:var(--page-fg);border-color:var(--input-border)}.lyric h2{background:var(--surface-bg)}.lyric p,x-chord{color:var(--lyric-inactive)}.lyric p:hover,.lyric p:hover x-chord{color:var(--lyric-hover)}.lyric p.active,.lyric p.active x-chord,.queue-verse-preview x-chord,.lyric.read-only p.active:hover,.lyric.read-only p.active:hover x-chord{color:var(--page-fg)}.lyric.read-only p:hover,.lyric.read-only p:hover x-chord{color:var(--lyric-inactive)}.queue-verse-preview a,.queue-verse-preview a:link,.queue-verse-preview a:hover,.queue-verse-preview a:focus,.queue-manage [class^=queue-list-] ol a,.queue-manage ul.queue-navigation>li,.queue-manage ul.queue-navigation>li>a:hover{color:var(--page-fg)}.queue-manage ul.queue-navigation>li>a{color:var(--muted-fg)}.queue-manage ul.queue-navigation{border-top-color:var(--border)}.queue-manage [class^=queue-list-] ol li:hover{background:var(--hover-bg)}.queue-list-added-songs li.swipable-list-item{background-color:var(--page-bg);border-top-color:var(--page-bg)}.box{background:var(--page-bg);color:var(--page-fg)}button.close-icon{background:var(--page-bg)}.header-bar,.page-login,.page-welcome{color:#707070}.icon-button{color:var(--muted-fg)}.lyric p,x-chord{font-size:calc(var(--lyrics-scale) * (.8em + (4 - 1) * ((100vw - 20em) / (80 - 20))))}x-chord{font-size:calc(var(--lyrics-scale) * .6 * (.8em + (3 - 1) * ((100vw - 20em) / (80 - 20))));top:calc(var(--lyrics-scale) * -1 * (.8em + (3 - 1) * ((100vw - 20em) / (80 - 20))))}.invite{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.invite-code{letter-spacing:2px;color:var(--muted-fg);font-family:Oswald,sans-serif;font-size:56px}.invite-qr{background:#fff;border-radius:8px;width:200px;height:200px}.invite-link{color:var(--muted-fg);word-break:break-all;font-size:13px}.invite-actions{gap:12px;display:flex}.page-welcome .invite{margin:10px 0 20px}.display-settings h3{margin-top:0}.setting-row{border-bottom:solid 1px var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.setting-controls{align-items:center;gap:6px;display:flex}.setting-controls button{text-transform:none;letter-spacing:0;background:var(--surface-bg);width:auto;height:34px;color:var(--page-fg);padding:0 12px;font-size:13px}.setting-controls button.selected{color:#333;background:#ffe38f}.setting-controls button[disabled]{opacity:.4;cursor:default}.setting-value{text-align:center;min-width:42px;color:var(--muted-fg)}button.queue-join-code{width:auto;height:auto;color:inherit;font:inherit;text-transform:none;letter-spacing:0;cursor:pointer;background:0 0;padding:0}.popup-box{z-index:150}.page-login input{color:#707070;background:#fff}.issue-list{margin:0;padding:0 .5em;list-style:none}.issue-item{text-align:left;border-bottom:1px solid #80808059;padding:.6em .3em}.issue-title .text-button{text-align:left;padding:0;font-weight:700}.issue-types,.issue-deleted,.issue-date{opacity:.75;font-size:.85em}.issue-types{margin-top:.2em}.issue-description{white-space:pre-wrap;margin:.3em 0 0}.issue-footer{justify-content:space-between;align-items:center;margin-top:.4em;display:flex}.queue-manage .issue-list>li.issue-item{padding:.6em .3em;display:block}.queue-manage .queue-list-issues .issue-title button{box-shadow:none;color:inherit;font:inherit;letter-spacing:normal;text-align:left;text-transform:none;background:0 0;border:0;margin:0;padding:0;font-weight:700}.queue-manage .queue-list-issues .issue-title button:hover,.queue-manage .queue-list-issues .issue-title button:focus-visible{text-decoration:underline}.queue-manage .queue-list-issues .issue-title button{white-space:normal;width:auto;min-width:0;display:inline}.lyric p[role=button]{cursor:pointer}.lyric p[role=button]:focus-visible{outline-offset:4px;outline:3px solid #f4c430}.queue-manage .queue-list-issues .issue-footer button{width:auto;padding:7px 14px}.form-create-or-search>.create-song{flex-direction:column;gap:4px;display:flex}.form-create-or-search>.create-song .import-button{height:auto;padding:5px 8px;font-size:11px}.page-song-import{text-align:left}.page-song-import .import-form label{margin-bottom:4px;display:block}.page-song-import .import-form .input-button-group{gap:6px;display:flex}.page-song-import .import-form input{flex:auto;min-width:0}.page-song-import .import-form button{white-space:nowrap;width:auto}.page-song-import .help,.page-song-import .import-source{opacity:.75;margin:6px 0;font-size:.85em}.page-song-import .import-status{margin:12px 0}.page-song-import .import-warnings{margin:8px 0;padding-left:1.2em;font-size:.9em}.page-song-import .import-actions{gap:8px;margin:12px 0;display:flex}.page-song-import .import-actions button{flex:1 1 0}.page-song-import .import-lyrics{border-top:1px solid var(--border);margin-top:12px;padding-top:8px}.editor-import-hint{margin:0 0 10px;font-size:.9em}.login-hint{opacity:.7;margin:6px 0 0;font-size:12px}.welcome-host-key-title{letter-spacing:1px;text-transform:uppercase;opacity:.7;margin-top:12px;font-size:12px}.welcome-host-key{letter-spacing:1px;-webkit-user-select:all;user-select:all;word-break:break-all;margin:4px 0 6px;font-size:15px;display:block}.song-list-private{letter-spacing:.5px;opacity:.6;text-transform:uppercase;vertical-align:middle;border:1px solid;border-radius:8px;margin-left:6px;padding:0 5px;font-size:10px}.notice-info{background:#3a3f4b}.offline-banner{background:var(--surface-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.offline-banner-offline{color:#5c4400;background:#fff3cd}[data-theme=dark] .offline-banner-offline{color:#ffe38f;background:#4a3d10}.offline-banner button{flex:none;width:auto;padding:6px 12px;font-size:12px}