.alertify .ajs-dimmer{z-index:1981;opacity:.5;background-color:#252525;margin:0;padding:0;position:fixed;inset:0}.alertify .ajs-modal{z-index:1981;padding:0;position:fixed;inset:0;overflow-y:auto}.alertify .ajs-dialog{background-color:#fff;outline:0;max-width:500px;min-height:110px;margin:5% auto;padding:24px 24px 0;position:relative}.alertify .ajs-dialog.ajs-capture:before{content:"";z-index:1;display:block;position:absolute;inset:0}.alertify .ajs-reset{opacity:0!important;width:0!important;height:0!important;display:inline!important;position:absolute!important}.alertify .ajs-commands{z-index:2;margin:-14px 24px 0 0;position:absolute;right:4px}.alertify .ajs-commands button{cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;border:0;width:10px;height:10px;margin-left:10px;padding:10px;display:none}.alertify .ajs-commands button.ajs-close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)}.alertify .ajs-commands button.ajs-maximize{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)}.alertify .ajs-header{background-color:#fff;margin:-24px -24px 0;padding:16px 24px}.alertify .ajs-body{min-height:56px}.alertify .ajs-body .ajs-content{padding:16px 24px 16px 16px}.alertify .ajs-footer{background-color:#fff;min-height:43px;margin-left:-24px;margin-right:-24px;padding:4px}.alertify .ajs-footer .ajs-buttons.ajs-primary{text-align:right}.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button{margin:4px}.alertify .ajs-footer .ajs-buttons.ajs-auxiliary{float:left;clear:none;text-align:left}.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button{margin:4px}.alertify .ajs-footer .ajs-buttons .ajs-button{min-width:88px;min-height:35px}.alertify .ajs-handle{z-index:1;cursor:se-resize;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);width:10px;height:10px;display:none;position:absolute;bottom:0;right:0;transform:scaleX(1)}.alertify.ajs-no-overflow .ajs-body .ajs-content{overflow:hidden!important}.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content{padding:0;left:0;right:0}.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body{margin-left:-24px;margin-right:-24px}.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content{padding:0}.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content{left:0;right:0}.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,.alertify.ajs-maximizable .ajs-commands button.ajs-restore,.alertify.ajs-closable .ajs-commands button.ajs-close{display:inline-block}.alertify.ajs-maximized .ajs-dialog{width:100%!important;max-width:none!important;height:100%!important;margin:0 auto!important;top:0!important;left:0!important}.alertify.ajs-maximized.ajs-modeless .ajs-modal{min-height:100%!important;max-height:none!important;margin:0!important;position:fixed!important}.alertify.ajs-maximized .ajs-commands button.ajs-maximize{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)}.alertify.ajs-maximized .ajs-dialog,.alertify.ajs-resizable .ajs-dialog{padding:0}.alertify.ajs-maximized .ajs-commands,.alertify.ajs-resizable .ajs-commands{margin:14px 24px 0 0}.alertify.ajs-maximized .ajs-header,.alertify.ajs-resizable .ajs-header{margin:0;padding:16px 24px;position:absolute;top:0;left:0;right:0}.alertify.ajs-maximized .ajs-body,.alertify.ajs-resizable .ajs-body{min-height:224px;display:inline-block}.alertify.ajs-maximized .ajs-body .ajs-content,.alertify.ajs-resizable .ajs-body .ajs-content{position:absolute;inset:50px 24px;overflow:auto}.alertify.ajs-maximized .ajs-footer,.alertify.ajs-resizable .ajs-footer{margin:0;position:absolute;bottom:0;left:0;right:0}.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog{min-width:548px}.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle{display:block}.alertify.ajs-movable:not(.ajs-maximized) .ajs-header{cursor:move}.alertify.ajs-modeless .ajs-dimmer,.alertify.ajs-modeless .ajs-reset{display:none}.alertify.ajs-modeless .ajs-modal{max-width:none;max-height:0;overflow:visible}.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);display:inline-block}.alertify.ajs-modeless.ajs-unpinned .ajs-modal{position:absolute}.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)}.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body{max-height:500px;overflow:auto}.alertify.ajs-basic .ajs-header{opacity:0}.alertify.ajs-basic .ajs-footer{visibility:hidden}.alertify.ajs-frameless .ajs-header{opacity:0;z-index:1;min-height:60px;margin:0;padding:0;position:absolute;top:0;left:0;right:0}.alertify.ajs-frameless .ajs-footer{display:none}.alertify.ajs-frameless .ajs-body .ajs-content{position:absolute;inset:0}.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog{padding-top:0}.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands{margin-top:0}.ajs-no-overflow{outline:0;overflow:hidden!important}.ajs-no-overflow.ajs-fixed{position:fixed;inset:0;overflow-y:scroll!important}.ajs-no-selection,.ajs-no-selection *{-webkit-user-select:none;user-select:none}@media screen and (width<=568px){.alertify .ajs-dialog{min-width:150px}.alertify:not(.ajs-maximized) .ajs-modal{padding:0 5%}.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog{min-width:initial;min-width:auto}}@-moz-document url-prefix(){.alertify button:focus{outline:1px dotted #3593d2}}.alertify .ajs-dimmer,.alertify .ajs-modal{transition-property:opacity,visibility;transition-duration:.25s;transition-timing-function:linear;transform:translate(0,0)}.alertify.ajs-hidden .ajs-dimmer,.alertify.ajs-hidden .ajs-modal{visibility:hidden;opacity:0}.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog{animation-duration:.5s}.alertify.ajs-out.ajs-hidden .ajs-dialog{animation-duration:.25s}.alertify .ajs-dialog.ajs-shake{animation-name:ajs-shake;animation-duration:.1s;animation-fill-mode:both}@keyframes ajs-shake{0%,to{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog{animation-name:ajs-slideIn;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog{animation-name:ajs-slideOut;animation-timing-function:cubic-bezier(.6,-.28,.735,.045)}.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog{animation-name:ajs-zoomIn}.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog{animation-name:ajs-zoomOut}.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog{animation-name:ajs-fadeIn}.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog{animation-name:ajs-fadeOut}.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog{animation-name:ajs-pulseIn}.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog{animation-name:ajs-pulseOut}.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog{animation-name:ajs-flipInX}.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog{animation-name:ajs-flipOutX}.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog{animation-name:ajs-flipInY}.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog{animation-name:ajs-flipOutY}@keyframes ajs-pulseIn{0%,to,20%,40%,60%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}@keyframes ajs-pulseOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes ajs-zoomIn{0%{opacity:0;transform:scale3d(.25,.25,.25)}to{opacity:1;transform:scale(1)}}@keyframes ajs-zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale3d(.25,.25,.25)}}@keyframes ajs-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ajs-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes ajs-flipInX{0%{opacity:0;transition-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{transition-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes ajs-flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateX(-20deg)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}@keyframes ajs-flipInY{0%{opacity:0;transition-timing-function:ease-in;transform:perspective(400px)rotateY(90deg)}40%{transition-timing-function:ease-in;transform:perspective(400px)rotateY(-20deg)}60%{opacity:1;transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes ajs-flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateY(-15deg)}to{opacity:0;transform:perspective(400px)rotateY(90deg)}}@keyframes ajs-slideIn{0%{margin-top:-100%}to{margin-top:5%}}@keyframes ajs-slideOut{0%{margin-top:5%}to{margin-top:-100%}}.alertify-notifier{z-index:1982;width:0;position:fixed;overflow:visible;transform:translate(0,0)}.alertify-notifier .ajs-message{opacity:0;width:260px;max-height:0;margin:0;padding:0;transition-duration:.25s;transition-timing-function:linear;position:relative;transform:translate(0,0)}.alertify-notifier .ajs-message.ajs-visible{opacity:1;max-height:100%;margin-top:10px;padding:15px;transition-duration:.5s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.alertify-notifier .ajs-message.ajs-success{background:#5bbd72f2}.alertify-notifier .ajs-message.ajs-error{background:#d95c5cf2}.alertify-notifier .ajs-message.ajs-warning{background:#fcf8d7f2}.alertify-notifier .ajs-message .ajs-close{cursor:pointer;background-color:#00000080;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;border-top-right-radius:2px;width:16px;height:16px;position:absolute;top:0;right:0}.alertify-notifier.ajs-top{top:10px}.alertify-notifier.ajs-bottom{bottom:10px}.alertify-notifier.ajs-right{right:10px}.alertify-notifier.ajs-right .ajs-message{right:-320px}.alertify-notifier.ajs-right .ajs-message.ajs-visible{right:290px}.alertify-notifier.ajs-left{left:10px}.alertify-notifier.ajs-left .ajs-message{left:-300px}.alertify-notifier.ajs-left .ajs-message.ajs-visible{left:0}.alertify-notifier.ajs-center{left:50%}.alertify-notifier.ajs-center .ajs-message{transform:translate(-50%)}.alertify-notifier.ajs-center .ajs-message.ajs-visible{transition-timing-function:cubic-bezier(.57,.43,.1,.65);left:50%}.alertify-notifier.ajs-center.ajs-top .ajs-message{top:-300px}.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible{top:0}.alertify-notifier.ajs-center.ajs-bottom .ajs-message{bottom:-300px}.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible{bottom:0}.ajs-no-transition.alertify .ajs-dialog,.ajs-no-transition.alertify .ajs-dimmer,.ajs-no-transition.alertify .ajs-modal,.ajs-no-transition.alertify-notifier .ajs-message{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.alertify .ajs-dialog,.alertify .ajs-dimmer,.alertify .ajs-modal,.alertify-notifier .ajs-message{transition:none!important;animation:none!important}}.result{background:var(--bg-card);border-radius:12px}.song-header{border-bottom:1px solid var(--border);align-items:center;display:flex}.song-info{flex:1;min-width:0;padding:1.25rem 1.5rem}.song-info h2{color:var(--text-bright);font-size:1.3rem}.toolbar-toggle{border:1px solid var(--border-dim);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:.4rem;margin-right:1rem;padding:1rem;transition:border-color .15s;display:flex}.toolbar-toggle:hover{border-color:var(--accent)}.toolbar-toggle-text{color:var(--text);white-space:nowrap;font-size:1.2rem}.toolbar-toggle-arrow{color:var(--text-dim);font-size:.65rem}.editable-field{cursor:pointer;border-bottom:1px dashed #0000;transition:border-color .15s}.editable-field:hover{border-color:var(--accent)}.edit-title{border:none;border-bottom:2px solid var(--accent);width:100%;color:var(--text-bright);background:0 0;outline:none;padding:.2rem 0;font-family:inherit;font-size:1.3rem;font-weight:700}.edit-artist{border:none;border-bottom:2px solid var(--accent);width:100%;color:var(--accent);background:0 0;outline:none;padding:.15rem 0;font-family:inherit;font-size:.95rem}.song-delete-btn{border:1px solid var(--border-dim);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:.3rem .4rem;transition:color .15s,border-color .15s;display:inline-flex}.song-delete-btn:hover{color:var(--accent);border-color:var(--accent)}.notes-section{border-bottom:1px solid var(--border);gap:1rem;padding:.75rem 1rem;display:flex}@media (width<=640px){.notes-section{flex-direction:column;gap:.75rem}}.notes-group{flex-direction:column;flex:1;gap:.25rem;display:flex}.notes-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.notes-input{border:1px solid var(--border-dim);background:var(--bg-input);width:100%;min-height:60px;color:var(--text);resize:vertical;border-radius:6px;outline:none;padding:.5rem .6rem;font-family:inherit;font-size:.85rem}.notes-input:focus{border-color:var(--accent)}.toolbar{border-bottom:1px solid var(--border);padding:.75rem 1rem}.toolbar-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.toolbar-row.toolbar-secondary{align-items:center;margin-top:.6rem}.tool-group{flex-direction:column;gap:.25rem;display:flex}.tool-group label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;padding-left:2px;font-size:.8rem}.tool-row{align-items:center;gap:.35rem;display:flex}.tool-value{text-align:center;min-width:2.2rem;color:var(--accent);font-size:1.15rem;font-weight:700;line-height:44px}.tool-select{border:1px solid var(--border-dim);background:var(--bg-input);height:44px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;outline:none;padding:0 .6rem;font-size:1rem}.tool-select:focus{border-color:var(--accent)}.tool-select-sm{height:36px;font-size:.85rem}.capo-warning{color:var(--error-text);margin-top:2px;font-size:.75rem;font-weight:600}.pitch-offset-badge{color:var(--accent);font-size:.75rem;font-weight:600}.toolbar-expand{border-bottom:1px solid var(--border);background:var(--bg-deep);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.tool-group-inline{align-items:center;gap:.35rem;display:flex}.expand-label{color:var(--text-dim);white-space:nowrap;font-size:.75rem}.tool-input{border:1px solid var(--border-dim);background:var(--bg-input);width:3.5rem;height:36px;color:var(--text);text-align:center;-moz-appearance:textfield;border-radius:6px;outline:none;padding:0 .4rem;font-size:.85rem}.tool-input::-webkit-inner-spin-button{-webkit-appearance:none}.tool-input::-webkit-outer-spin-button{-webkit-appearance:none}.tool-input:focus{border-color:var(--accent)}.suggestion-item{background:var(--bg-input);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.85rem;transition:background .15s;display:flex}.suggestion-item:hover{background:var(--bg)}.suggestion-rank{color:var(--text-dim);min-width:1.2rem;font-weight:600}.suggestion-config{color:var(--text);min-width:7rem;font-weight:600}.suggestion-chords{color:var(--chord);font-family:Courier New,Courier,monospace;font-weight:600}.suggestion-score{color:var(--text-dim);margin-left:auto;font-size:.75rem}.chord-list{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.4rem;padding:.6rem 1rem;display:flex}.chord-list .chord-badge{background:var(--bg-input);border:1px solid var(--chord);color:var(--chord);border-radius:4px;padding:.3rem .6rem;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:600}.utility-strip{border-bottom:1px solid var(--border);background:var(--bg-deep);flex-wrap:wrap;align-items:center;gap:.35rem;padding:.4rem 1rem;display:flex}.utility-strip.is-sticky{top:var(--topbar-h,0px);z-index:50;position:sticky}.scroll-zoom-strip{border-bottom:1px solid var(--border);background:var(--bg-deep);top:var(--topbar-h,0px);z-index:49;justify-content:space-between;align-items:center;padding:.4rem 1rem;display:flex;position:sticky}@media (height<=500px) and (orientation:landscape){.scroll-zoom-strip{z-index:81;background:0 0;border:none;border-radius:0;gap:.25rem;width:auto;padding:.25rem .5rem;position:fixed;top:3px;left:auto;right:130px}.scroll-zoom-strip .scroll-controls{margin-right:2rem}}.scroll-controls,.zoom-controls{align-items:center;gap:.35rem;display:flex}.autoscroll-btn{border:1px solid var(--border-dim);background:var(--bg-input);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.95rem;font-weight:600;transition:all .15s;display:inline-flex}.autoscroll-btn .scroll-icon{font-size:.8rem}.autoscroll-btn:hover{border-color:var(--accent);color:var(--text)}.autoscroll-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.util-btn{border:1px solid var(--border-dim);background:var(--bg-input);min-width:42px;height:38px;color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.95rem;font-weight:600;transition:all .15s;display:flex}.util-btn:hover{border-color:var(--accent);color:var(--text)}.util-btn:active{background:var(--accent);color:var(--accent-contrast)}.util-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.util-btn.play-btn{font-size:1rem}.util-value{text-align:center;min-width:1.8rem;color:var(--accent);font-size:.9rem;font-weight:600}.util-label{color:var(--text-dim);text-transform:uppercase;margin-right:.25rem;font-size:.8rem}.util-sep{background:var(--border-dim);width:1px;height:20px;margin:0 .3rem}.bpm-input{border:1px solid var(--border-dim);background:var(--bg-input);width:3.5rem;height:38px;color:var(--text);text-align:center;-moz-appearance:textfield;border-radius:6px;outline:none;padding:0 .3rem;font-size:.85rem}.bpm-input::-webkit-inner-spin-button{-webkit-appearance:none}.bpm-input::-webkit-outer-spin-button{-webkit-appearance:none}.bpm-input:focus{border-color:var(--accent)}.tab-content{white-space:pre;color:var(--text-tab);cursor:text;outline:none;padding:1.5rem;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.tab-content:focus{box-shadow:inset 0 0 0 2px var(--accent)}.tab-content code{font-family:inherit}.tab-content .chord{color:var(--chord);margin-top:var(--chord-margin-top,0rem);font-weight:700;display:inline-block}.tab-content .chord.playing{background:var(--accent);color:var(--accent-contrast);border-radius:3px;padding:0 2px;animation:.3s pulse}.tab-content .beat-suffix{display:none}.tab-content .chord-note{color:var(--text-dim);font-style:italic;font-weight:400}.tab-content .section-header{color:var(--section);font-weight:700}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media (width<=640px){.desktop-only{display:none!important}.tab-content{padding:1rem .75rem}.notes-section{padding:.6rem .75rem}}.action-row{gap:.5rem;margin-bottom:1rem;display:flex}.action-btn{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:background .15s}.action-btn:hover{background:var(--accent-hover)}.ug-search{gap:.5rem;margin-bottom:1rem;display:flex}.ug-search input{border:1px solid var(--border-dim);background:var(--bg-card);color:var(--text);border-radius:8px;outline:none;flex:1;padding:.6rem .8rem;font-size:.9rem}.ug-search input:focus{border-color:var(--accent)}.song-filter{border:2px solid var(--border-dim);background:var(--bg-card);width:100%;color:var(--text);border-radius:8px;outline:none;margin-bottom:1rem;padding:.65rem 1rem;font-size:.95rem;transition:border-color .2s}.song-filter:focus{border-color:var(--accent)}.songs-list{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.song-item{background:var(--bg-card);border:1px solid var(--border-dim);cursor:pointer;border-radius:8px;padding:.75rem 1rem;transition:border-color .15s}.song-item:hover{border-color:var(--accent)}.song-item .artist{color:var(--text-dim);font-size:.85rem}.empty-message{color:var(--text-dim);text-align:center;padding:2rem 0}.back-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.live-header{background:var(--bg-card);border:2px solid var(--accent);border-radius:10px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.live-nav{border:2px solid var(--border-dim);background:var(--bg-input);width:48px;height:48px;color:var(--text-bright);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;transition:border-color .15s;display:flex}.live-nav:hover:not(:disabled){border-color:var(--accent)}.live-nav:disabled{opacity:.3;cursor:default}.live-info{flex-direction:column;align-items:center;gap:.15rem;min-width:0;display:flex}.live-badge{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:.65rem;font-weight:700}.live-name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.live-counter{color:var(--text-dim);font-size:.8rem}.live-start-btn{background:var(--accent)!important;color:var(--accent-contrast)!important;border-color:var(--accent)!important}:root,[data-theme=paper]{--bg:#f0ebe4;--bg-card:#faf8f5;--bg-input:#f5f0eb;--bg-deep:#eae4dc;--border:#d9d0c7;--border-dim:#e0d8cf;--text:#3d3429;--text-dim:#9a8e80;--text-bright:#1a1410;--text-tab:#4a3f33;--accent:#c0593a;--accent-hover:#a84b30;--accent-contrast:#fff;--chord:#c0593a;--section:#b8860b;--error-bg:#fce8e4;--error-border:#c0593a;--error-text:#8b2500}[data-theme=dark-red]{--bg:#1a1a2e;--bg-card:#16213e;--bg-input:#1a1a2e;--bg-deep:#131b30;--border:#2a2a4a;--border-dim:#333;--text:#e0e0e0;--text-dim:#888;--text-bright:#fff;--text-tab:#d4d4d4;--accent:#e94560;--accent-hover:#c73a52;--accent-contrast:#fff;--chord:#e94560;--section:gold;--error-bg:#4a1525;--error-border:#e94560;--error-text:#ff6b81}[data-theme=black-white]{--bg:#000;--bg-card:#111;--bg-input:#000;--bg-deep:#0a0a0a;--border:#333;--border-dim:#222;--text:#ccc;--text-dim:#777;--text-bright:#fff;--text-tab:#ddd;--accent:#fff;--accent-hover:#ccc;--accent-contrast:#000;--chord:#fff;--section:#aaa;--error-bg:#200;--error-border:#600;--error-text:#f88}[data-theme=white-black]{--bg:#f5f5f5;--bg-card:#fff;--bg-input:#fff;--bg-deep:#eee;--border:#ddd;--border-dim:#ccc;--text:#333;--text-dim:#888;--text-bright:#000;--text-tab:#222;--accent:#000;--accent-hover:#333;--accent-contrast:#fff;--chord:#c00;--section:#555;--error-bg:#fee;--error-border:#c00;--error-text:#900}[data-theme=ocean]{--bg:#0a1628;--bg-card:#0d1f3c;--bg-input:#0a1628;--bg-deep:#081220;--border:#1a3a5c;--border-dim:#15304e;--text:#b8d4e8;--text-dim:#6a8fa8;--text-bright:#e8f4fd;--text-tab:#c8dce8;--accent:#00b4d8;--accent-hover:#0096b4;--accent-contrast:#fff;--chord:#00b4d8;--section:#90e0ef;--error-bg:#1a0a2a;--error-border:#48cae4;--error-text:#90e0ef}[data-theme=forest]{--bg:#1a2e1a;--bg-card:#1b3520;--bg-input:#1a2e1a;--bg-deep:#142418;--border:#2a4a2a;--border-dim:#234023;--text:#c8dcc0;--text-dim:#7a9a70;--text-bright:#e8f5e0;--text-tab:#d0e0c8;--accent:#4caf50;--accent-hover:#388e3c;--accent-contrast:#fff;--chord:#66bb6a;--section:#a5d6a7;--error-bg:#2e1a1a;--error-border:#a5d6a7;--error-text:#c8e6c9}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.app-topbar{z-index:80;background:var(--bg);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex;position:sticky;top:0;left:0}@media (height<=500px) and (orientation:landscape){.app-topbar{gap:.5rem;padding:.25rem .5rem}}.topbar-song{cursor:pointer;flex-direction:column;min-width:0;line-height:1.2;display:flex}.topbar-nav{flex-shrink:0;gap:.25rem;margin-left:auto;display:flex}.topbar-chevron{border:1px solid var(--border-dim);background:var(--bg-card);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:border-color .15s,color .15s;display:flex}.topbar-chevron:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.topbar-chevron:disabled{opacity:.25;cursor:default}.topbar-title{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.topbar-artist{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.topbar-settings{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:.7rem}.topbar-catalog{margin-left:auto}.topbar-nav+.topbar-catalog{margin-left:0}.container{max-width:900px;margin:0 auto;padding:1rem}header{text-align:center;margin-bottom:2rem}header h1{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:2.5rem}.subtitle{color:var(--text-dim);margin-top:.25rem;font-size:.9rem}.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);white-space:pre-wrap;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.4}.loading{text-align:center;color:var(--text-dim);padding:2rem;font-size:1.1rem}.hidden{display:none}.profile-input{border:1px solid var(--border-dim);background:var(--bg-input);min-width:0;color:var(--text);border-radius:4px;outline:none;flex:1;padding:.55rem .65rem;font-size:.95rem}.profile-input:focus{border-color:var(--accent)}.profile-btn{background:var(--accent);color:var(--accent-contrast);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:.35rem .6rem;font-size:.8rem;font-weight:600}.profile-btn:hover{opacity:.85}.profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-btn-dim{background:var(--bg-input);color:var(--text);border:1px solid var(--border-dim)}.profile-btn-dim:hover{border-color:var(--accent);opacity:1}.artist{color:var(--accent);font-size:.95rem}.tool-btn{border:1px solid var(--border-dim);background:var(--bg-input);min-width:44px;height:44px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.tool-btn:hover:not(:disabled){border-color:var(--accent)}.tool-btn:active:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.tool-btn:disabled{opacity:.3;cursor:not-allowed}.tool-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.tool-btn-icon{min-width:44px}.tool-btn-text{min-width:auto;padding:0 .75rem;font-size:.85rem}.pill-btn{border:1px solid var(--border-dim);background:var(--bg-input);color:var(--text-dim);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:20px;align-items:center;gap:.3rem;padding:.45rem .85rem;font-size:.8rem;transition:all .15s;display:inline-flex}.pill-btn:hover{border-color:var(--accent);color:var(--text)}.pill-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.sidebar-toggle,.topbar-catalog{border:2px solid var(--border-dim);background:var(--bg-card);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s;display:flex}.sidebar-toggle:hover,.topbar-catalog:hover{border-color:var(--accent)}.logout-btn{border:2px solid var(--border-dim);background:var(--bg-card);width:42px;height:42px;color:var(--text-dim);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.logout-btn:hover{border-color:var(--accent);color:var(--accent)}.back-link{color:var(--accent);font-size:.9rem;text-decoration:none}.back-link:hover{text-decoration:underline}@media (width<=600px){header h1{font-size:1.8rem}.search-box{flex-direction:column}.tab-content{padding:.75rem;font-size:12px}.toolbar{padding:.6rem .75rem}.toolbar-row{gap:.75rem}.toolbar-secondary{gap:.4rem}.pill-btn{padding:.4rem .65rem;font-size:.75rem}.utility-strip{gap:.25rem;padding:.4rem .5rem}.chord-list,.toolbar-expand{padding:.5rem .75rem}}.band-login-overlay{z-index:2000;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.band-login-box{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:340px;padding:2.5rem 2rem;display:flex}.band-login-box h2{color:var(--text-bright);margin:0;font-size:1.4rem}.band-login-box .profile-input{text-align:center;width:100%;padding:.7rem .8rem;font-size:1rem}.band-login-box .profile-btn{width:100%;padding:.7rem;font-size:1rem}.band-login-box .error{text-align:center;font-size:.85rem}.band-login-title{color:var(--accent);margin:0;font-size:2rem}.band-login-section{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:8px;flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:1.2rem;display:flex}.band-login-divider{color:var(--text-dim);margin:.5rem 0;font-size:.85rem}.sidebar-overlay{z-index:90;background:#00000080;transition:opacity .25s;position:fixed;inset:0}.sidebar-overlay.hidden{display:none}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:300px;height:100vh;transition:left .25s;display:flex;position:fixed;top:0;left:-320px;overflow:hidden}.sidebar.open{left:0}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.sidebar-header h3{color:var(--text-bright);margin:0;font-size:1rem}.sidebar-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.sidebar-close:hover{color:var(--accent)}.sidebar-section{border-bottom:1px solid var(--border);padding:.75rem 1.25rem}.sidebar-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.profile-panel,.profile-form{flex-direction:column;gap:.5rem;display:flex}.profile-form .profile-btn-row{gap:.4rem;display:flex}.import-info{color:var(--text-dim);padding:.4rem 0;font-size:.8rem}.profile-info{align-items:center;gap:.5rem;display:flex}.active-member-row{align-items:center;gap:.4rem;font-size:.8rem;display:flex}.active-member-label{color:var(--text-dim)}.active-member-name{color:var(--accent);font-weight:600}.profile-display{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.profile-members{flex-direction:column;gap:.3rem;display:flex}.profile-members-label{color:var(--text-dim);text-transform:uppercase;font-size:.7rem}.members-list{flex-wrap:wrap;gap:.3rem;display:flex}.member-tag{background:var(--bg-deep);color:var(--text);border-radius:3px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.8rem;display:inline-flex}.member-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;line-height:1}.member-remove:hover{color:var(--accent)}.members-add-row{gap:.3rem;display:flex}.key-input-row{align-items:center;gap:.3rem;display:flex}.key-input-row .profile-input{flex:1}.key-toggle{border:1px solid var(--border-dim);background:var(--bg-input);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.key-toggle:hover{color:var(--accent)}.theme-picker{gap:.5rem;display:flex}.theme-swatch{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;width:32px;height:32px;padding:3px;transition:border-color .15s}.theme-swatch span{border-radius:50%;width:100%;height:100%;display:block}.theme-swatch:hover,.theme-swatch.active{border-color:var(--accent)}.song-history{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.song-history li{border-bottom:1px solid var(--bg);cursor:pointer;padding:.75rem 1.25rem;transition:background .15s;position:relative}.song-history li:hover{background:var(--bg)}.song-history li:hover .song-delete{opacity:1}.song-history li.active{background:var(--bg);border-left:3px solid var(--accent)}.song-history .song-delete{color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;padding:.15rem .3rem;font-size:1.1rem;line-height:1;transition:opacity .15s,color .15s;position:absolute;top:.5rem;right:.5rem}.song-history .song-delete:hover{color:var(--accent)}.song-history .history-title{color:var(--text-bright);font-size:.9rem;font-weight:600;display:block}.song-history .history-artist{color:var(--accent);font-size:.8rem}.song-history .history-meta{color:var(--text-dim);margin-top:.2rem;font-size:.7rem}.sidebar-nav{flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.sidebar-nav-link{color:var(--text);-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:.6rem;padding:.65rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav-link:hover{background:var(--bg);color:var(--text-bright)}.sidebar-nav-link.router-link-active{background:var(--bg);color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:.75rem}.sidebar-logout-btn{border:2px solid var(--border-dim);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:1rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.sidebar-logout-btn:hover{border-color:var(--accent);color:var(--accent)}.member-picker-overlay{z-index:2000;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.member-picker-box{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem 2rem;display:flex}.member-picker-title{color:var(--accent);margin:0;font-size:1.6rem}.member-picker-buttons{flex-direction:column;gap:.75rem;width:100%;display:flex}.member-picker-btn{border:2px solid var(--border-dim);background:var(--bg-card);width:100%;min-height:72px;color:var(--text-bright);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;font-size:1.3rem;font-weight:600;transition:border-color .15s,background .15s}.member-picker-btn:hover{border-color:var(--accent);background:var(--bg-deep)}.member-picker-btn:active{background:var(--accent);color:var(--text-bright);border-color:var(--accent)}