.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.home-footer{background-color:#fff;padding:2rem 0;text-align:center}.home-footer,.home-footer a{color:#a5a5a5}#home{background:#2d76e483;background-attachment:local;background-image:url(/static/media/bg.5c6936348616c93ab225.svg);background-image:linear-gradient(90deg,#fffc,#fffc),url(/static/media/bg.5c6936348616c93ab225.svg);background-position:50%;background-repeat:repeat;color:#fff;padding-bottom:5rem}#home .home-nav{background-color:hsla(0,0%,100%,.774);box-shadow:none;padding:.5rem 0;position:sticky;top:0;z-index:1020}#home .home-nav .mg-container{align-items:center;display:flex;justify-content:space-between}#home .home-nav__brand{align-items:center;display:inline-flex}#home .jumbotron{background-color:initial;color:#343434;padding-top:5rem}#home h1{font-weight:700}#home .lead{max-width:530px;padding:1rem 0}#home .mg-btn{background-color:var(--primary-color);background-image:none;border:none;border-radius:30px;color:#fff;padding:.7rem 1.2rem;transition:.3s ease-in-out}#home .btn-signin{padding:.4rem .9rem}#features{background-color:#fff!important;color:#343434;text-align:center}#features h2{font-weight:700;padding-bottom:2rem;padding-top:3rem}#features .first-row{margin-bottom:5rem}#features .feature-box img{width:100px}#features .feature-box{font-weight:700;padding-top:.7rem}#features .feature-box .desc{padding:0 2rem}#create-account{color:#343434;text-align:center}#create-account h2{margin-bottom:1rem;padding-top:3.5rem}@media only screen and (max-width:991px){#features .first-row{margin-bottom:0}#features h2{padding-top:2rem}#features .feature-box{padding-bottom:3rem}#features .feature-box .desc{font-size:1.2rem}#features .feature-box{font-size:1.5rem}}@media only screen and (max-width:415px){#home h1{font-size:2rem}}.Options{float:right}.Options .icon svg{width:24px}.options__icon,.options__icon .icon{align-items:center;display:inline-flex}.mg-dropdown__item.options__delete{color:var(--red-color)}.mg-dropdown__item.options__delete .options__icon svg{stroke:var(--red-color-lighter)}.mg-dropdown__item.options__delete:focus,.mg-dropdown__item.options__delete:focus-visible,.mg-dropdown__item.options__delete:hover{color:var(--red-color)}body.dark .options-menu .mg-dropdown__item:not(.options__delete){color:var(--primary-color)}body.dark .options-menu .mg-dropdown__item:not(.options__delete):focus,body.dark .options-menu .mg-dropdown__item:not(.options__delete):focus-visible,body.dark .options-menu .mg-dropdown__item:not(.options__delete):hover{color:var(--primary-color)}body.dark .mg-dropdown__item.options__delete{color:var(--red-color-lighter)}body.dark .mg-dropdown__item.options__delete:focus,body.dark .mg-dropdown__item.options__delete:focus-visible,body.dark .mg-dropdown__item.options__delete:hover{color:var(--red-color-lighter)}.CloseButton{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--gray2);border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:transform .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none;width:32px}.CloseButton:active:not(:disabled){background:var(--gray2-1);transform:scale(.92)}.CloseButton:disabled{cursor:not-allowed;opacity:.5}.CloseButton:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.CloseButton svg{stroke:currentColor;height:20px;width:20px}body.dark .CloseButton{background:var(--gray7)}body.dark .CloseButton:active:not(:disabled){background:color-mix(in srgb,var(--gray7) 85%,#fff)}.CloseButton svg path{stroke-width:2}.Modal{-webkit-overflow-scrolling:touch;align-items:center;display:flex;justify-content:center;overflow:auto;overscroll-behavior:contain;z-index:1050}.Modal,.Modal .backdrop{bottom:0;left:0;position:fixed;right:0;top:0}.Modal .backdrop{background-color:#00000080}.Modal.opaque-backdrop .backdrop{background-color:var(--bg)}.Modal.opaque-backdrop .content{background:var(--surface);border:1px solid #0000;border-radius:24px;box-shadow:none}body.light .Modal.opaque-backdrop .content{--primary-color-pastel:var(--surface-pastel)}body.dark .Modal.opaque-backdrop .content{background:var(--surface);border-color:var(--gray7)}.Modal.opaque-backdrop .footer,.Modal.opaque-backdrop .header{border-color:var(--surface-line)}body.light .Modal.opaque-backdrop .ModalButton.secondary{background:var(--surface-line)}.Modal .content{background:var(--gray0);border:1px solid var(--gray2);border-radius:24px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;margin:auto;max-height:80vh;max-height:80dvh;max-width:500px;overflow:hidden;position:relative;width:90%}body.dark .Modal .content{background:var(--gray9);border-color:var(--gray8)}.Modal .content:has(>.header>.HeaderSheet){border-color:color-mix(in srgb,var(--gray2) 65%,#000)}body.dark .Modal .content:has(>.header>.HeaderSheet){border-color:color-mix(in srgb,var(--gray8) 65%,#000)}.Modal .logo-container{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:1.25rem 1.5rem .75rem}.Modal .logo-container .logo{height:48px;width:auto}.Modal .header{align-items:center;border-bottom:1px solid var(--gray2);display:flex;flex:0 0 auto;justify-content:space-between;padding:1rem 1.5rem;position:relative}.Modal .header .header-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-left:.75rem}.Modal .header:has(>.HeaderSheet){z-index:10}body.dark .Modal .header{border-color:var(--gray8)}.Modal .title{color:var(--gray10);flex:1 1 auto;font-size:1.25rem;margin:0}body.dark .Modal .title{color:var(--gray0)}.Modal .back{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;margin-right:.5rem;padding:0;transition:transform .1s ease;-webkit-user-select:none;user-select:none}.Modal .back:active:not(:disabled){transform:scale(.9)}.Modal .back .icon{display:flex}.Modal .back svg{height:25px;width:25px}.Modal .body{-webkit-overflow-scrolling:touch;color:var(--gray10);flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem}body.dark .Modal .body{color:var(--gray0)}.Modal .footer{border-top:1px solid var(--gray2);display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}body.dark .Modal .footer{border-top-color:var(--gray7)}.Modal .footer.even{gap:.75rem}.Modal .footer.even .ModalButton{flex:1 1}.Modal.settings-modal .content{max-width:400px}.Modal.suggest-songs-modal-container .body{display:flex;flex-direction:column;max-height:calc(80vh - 150px);overflow-y:visible}@media(max-width:768px){.Modal .content{max-height:90vh;max-height:90dvh;width:95%}.Modal .logo-container{padding:1rem 1rem .5rem}.Modal .logo-container .logo{height:40px}.Modal .header{padding:.75rem 1rem}.Modal .title{font-size:1.1rem}.Modal .body,.Modal .footer{padding:1rem}.Modal.suggest-songs-modal-container .body{max-height:calc(90vh - 120px)}}.ServiceSongList{background:var(--surface);border-radius:20px;list-style:none;margin:0;overflow:hidden;padding:0}.ServiceSongList .song{--category-color:var(--category-praise);--category-text:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-top:1px solid var(--surface-line);cursor:pointer;display:flex;gap:12px;min-height:64px;padding:10px 14px 10px 12px;-webkit-user-select:none;user-select:none}body.dark .ServiceSongList .song{--category-text:var(--gray10)}.ServiceSongList .song.worship{--category-color:var(--category-worship)}.ServiceSongList .song.new{--category-color:var(--new-song-color);--category-text:var(--new-song-text)}.ServiceSongList .song:first-child{border-top:0}.ServiceSongList .song:active{background:color-mix(in srgb,var(--primary-color) 8%,#0000)}.ServiceSongList .song .number{background:color-mix(in srgb,var(--category-color) 14%,var(--gray0));border-radius:50%;color:var(--category-color);display:grid;flex:none;font-size:.95rem;font-weight:600;height:40px;place-items:center;width:40px}body.dark .ServiceSongList .song .number{background:color-mix(in srgb,var(--category-color) 22%,var(--gray8))}.ServiceSongList .song .info{display:flex;flex:1 1;flex-direction:column;line-height:1.25;min-width:0}.ServiceSongList .song .info .artist,.ServiceSongList .song .info .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ServiceSongList .song .info .title{color:var(--bg-text);font-weight:600}.ServiceSongList .song .info .artist{color:var(--gray6);font-size:.85rem}body.dark .ServiceSongList .song .info .artist{color:var(--gray4)}.ServiceSongList .song .updated{color:var(--gray6);flex:none;font-size:.85rem}body.dark .ServiceSongList .song .updated{color:var(--gray5)}.ServiceSongList .song.current,.ServiceSongList .song.current+.song{border-top-color:#0000}.ServiceSongList .song.current{background:color-mix(in srgb,var(--category-color) 14%,#0000)}.ServiceSongList .song.current .number{background:var(--category-color);color:var(--category-text)}body.dark .ServiceSongList .song.current .number{background:var(--category-color)}.ChartProgress{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 30%,#0000);border-radius:999px;color:var(--primary-color);display:inline-flex;gap:.45rem;padding:.3rem .85rem .3rem .6rem}.ChartProgress .ring{flex-shrink:0;height:1.15rem;width:1.15rem}.ChartProgress .ring circle{fill:none;stroke-width:3.5}.ChartProgress .ring .track{stroke:color-mix(in srgb,var(--primary-color) 22%,#0000)}.ChartProgress .ring .fill{stroke:var(--primary-color);stroke-linecap:round}.ChartProgress .done-icon{display:flex}.ChartProgress .done-icon svg{stroke:currentColor;height:1.15rem;width:1.15rem}.ChartProgress .message{font-feature-settings:"tnum";font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap}.service{background:var(--surface);border:1px solid #0000;border-radius:24px;margin:10px 0;padding:14px 14px 14px 18px}body.light .service{--primary-color-pastel:var(--surface-pastel)}body.dark .service{border-color:var(--gray7)}.service.service-past{opacity:.5}.service.service-past .service-flex-container{margin-bottom:0}.service.service-past:hover{opacity:1}.service:first-child{margin-top:0}.service .service-flex-container{align-items:center;display:flex;margin-bottom:14px}.service .service-info{flex-grow:1}.service .service-actions,.service .service-actions-a{align-items:center;align-self:flex-start;display:flex;flex-shrink:0;gap:4px}.service .view-service-control{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--primary-color);border:0;border-radius:50%;color:var(--gray0);cursor:pointer;display:grid;height:42px;padding:0;place-items:center;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:42px}.service .view-service-control:active:not(:disabled){transform:scale(.95)}.service .view-service-control:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .service .view-service-control{color:var(--gray10)}.service .view-service-control .icon{display:flex}.service .view-service-control .icon svg{fill:currentColor;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round;transform:translateX(1px);width:24px}.service .service-title{font-size:1.1rem;font-weight:600;margin:0}.service .service-date{color:var(--gray5);font-size:.9rem}body.dark .service .service-date{color:var(--gray4)}.service .service-when{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.service .service-when .service__tag{font-size:.9rem;font-weight:600}.service .service__tag{border-radius:20px;color:#fff;display:inline-block;padding:0 .6rem}.service .days{background:var(--primary-color)}.service .today,.service .tomorrow{align-items:center;display:inline-flex;gap:.3rem;padding-left:7px}.service .today:before,.service .tomorrow:before{border-radius:50%;content:"";flex-shrink:0;height:9px;width:9px}.service .tomorrow{background:color-mix(in srgb,var(--secondary-color) 90%,#000)}.service .tomorrow:before{background:conic-gradient(currentColor 0 180deg,#0000 0);border:1.5px solid}.service .today{background:var(--red-color);position:relative}.service .today:after,.service .today:before{background:currentColor}.service .today:after{animation:service-today-pulse 2s cubic-bezier(.2,.6,.4,1) infinite;border-radius:50%;bottom:0;content:"";height:9px;left:7px;margin:auto 0;position:absolute;top:0;width:9px;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.service .today:after{display:none}}@keyframes service-today-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.service .past{background:var(--surface-line);color:var(--text-primary)}.service .service__tags{display:flex}.service .service__tags .service__tag{flex:none;margin-right:.3rem;margin-top:.3rem}.service .service__tags .song-count{color:var(--text-primary);padding:0 .3rem 0 0!important}.service .service__tags .song-count .song-count-tag{align-items:center;cursor:pointer;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}.service .service__tags .song-count .song-count-tag .total-count-icon{padding-right:5px;position:relative;top:-1px}.service .service__tags .chart-progress{flex:none;gap:.3rem;height:1.5rem;margin-right:.3rem;margin-top:.3rem;padding:0 .6rem 0 .35rem}.service .service__tags .chart-progress .done-icon svg,.service .service__tags .chart-progress .ring{height:1rem;width:1rem}.service .service__tags .chart-progress .message{font-size:inherit;font-weight:inherit}.service .service__tags .playlist{--youtube-color:color-mix(in srgb,var(--red-color) 80%,#000);align-items:center;background:color-mix(in srgb,var(--youtube-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--youtube-color) 30%,#0000);display:inline-flex;height:1.5rem;padding:0 .6rem 0 .35rem;-webkit-user-select:none;user-select:none}body.dark .service .service__tags .playlist{--youtube-color:color-mix(in srgb,var(--red-color-lighter) 65%,#fff)}.service .service__tags .playlist .service__tag-text{display:flex}.service .service__tags .playlist a{align-items:center;color:var(--youtube-color);display:flex;gap:.3rem;text-decoration:none}.service .service__tags .playlist a svg{stroke:currentColor;flex-shrink:0;height:1rem;width:1rem}.service .service__tags .updated{--updated-color:#7c3aed;align-items:center;background:color-mix(in srgb,var(--updated-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--updated-color) 30%,#0000);color:var(--updated-color);cursor:pointer;display:inline-flex;height:1.5rem;padding:0 .6rem 0 .35rem;-webkit-user-select:none;user-select:none}body.dark .service .service__tags .updated{--updated-color:#a78bfa}.service .service__tags .updated .service__tag-text{display:flex}.service .service__tags .updated .updated-tag{align-items:center;display:flex;gap:.3rem}.service .service__tags .updated .updated-tag svg{stroke:currentColor;flex-shrink:0;height:1rem;width:1rem}body.dark .service .song-count{color:inherit}body.dark .service .today{background:color-mix(in srgb,var(--red-color-lighter) 85%,#fff);color:var(--gray10)}body.dark .service .tomorrow{background:var(--secondary-color-lighter);color:var(--gray10)}body.dark .service .days{background:var(--primary-color);color:var(--gray10)}body.dark .service .past{background:var(--gray7);color:var(--gray3)}@media only screen and (max-width:992px){.service .option-icon .icon svg{width:42px}}.AssignedPartsModal{display:flex;flex-direction:column;gap:20px}.AssignedPartsModal .group{display:flex;flex-direction:column;gap:8px}.AssignedPartsModal .heading{align-items:baseline;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:space-between;margin:0;padding:0 4px}.AssignedPartsModal .heading .title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AssignedPartsModal .heading .date{flex:none;font-size:.85rem;font-weight:500;opacity:.7}.AssignedPartsModal .parts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.AssignedPartsModal .part{-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;border-radius:max(4px,.25em);color:inherit;cursor:pointer;font:inherit;font-size:.9rem;font-weight:500;line-height:1.5;padding:.1em .3em;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.AssignedPartsModal .part:active:not(:disabled){transform:scale(.94)}.AssignedPartsModal .part:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.light .AssignedPartsModal .instrumental,body.light .AssignedPartsModal .intro,body.light .AssignedPartsModal .music,body.light .AssignedPartsModal .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light .AssignedPartsModal .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light .AssignedPartsModal .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light .AssignedPartsModal .chorus,body.light .AssignedPartsModal .refrain,body.light .AssignedPartsModal .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light .AssignedPartsModal .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light .AssignedPartsModal .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light .AssignedPartsModal .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}body.dark .AssignedPartsModal{--part-surface:var(--gray10)}body.dark .AssignedPartsModal .instrumental,body.dark .AssignedPartsModal .intro,body.dark .AssignedPartsModal .music,body.dark .AssignedPartsModal .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.dark .AssignedPartsModal .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.dark .AssignedPartsModal .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.dark .AssignedPartsModal .chorus,body.dark .AssignedPartsModal .refrain,body.dark .AssignedPartsModal .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.dark .AssignedPartsModal .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.dark .AssignedPartsModal .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.dark .AssignedPartsModal .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}body.color-theme .AssignedPartsModal .instrumental,body.color-theme .AssignedPartsModal .intro,body.color-theme .AssignedPartsModal .music,body.color-theme .AssignedPartsModal .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.color-theme .AssignedPartsModal .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.color-theme .AssignedPartsModal .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.color-theme .AssignedPartsModal .chorus,body.color-theme .AssignedPartsModal .refrain,body.color-theme .AssignedPartsModal .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.color-theme .AssignedPartsModal .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.color-theme .AssignedPartsModal .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.color-theme .AssignedPartsModal .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}.AssignmentBanner{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:color-mix(in srgb,var(--primary-color) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--primary-color) 30%,#0000);border-radius:999px;color:var(--bg-text);cursor:pointer;display:flex;font:inherit;gap:12px;margin-bottom:10px;min-height:52px;padding:8px 14px 8px 10px;text-align:left;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:100%}.AssignmentBanner:active:not(:disabled){transform:scale(.98)}.AssignmentBanner.has-more{padding-right:10px}.AssignmentBanner:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.AssignmentBanner .star{background:var(--primary-color);border-radius:50%;color:var(--gray0);display:grid;flex:none;height:32px;place-items:center;width:32px}body.dark .AssignmentBanner .star{color:var(--gray10)}.AssignmentBanner .star svg{fill:currentColor;stroke:currentColor;height:17px;width:17px}.AssignmentBanner .text{display:flex;flex:1 1 auto;flex-direction:column;line-height:1.25;min-width:0}.AssignmentBanner .lead{font-size:.8rem;opacity:.7}.AssignmentBanner .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AssignmentBanner .more{background:var(--primary-color);border-radius:999px;box-sizing:border-box;color:var(--gray0);display:grid;flex:none;font-size:.875rem;font-weight:600;height:28px;min-width:28px;padding:0 8px;place-items:center}body.dark .AssignmentBanner .more{color:var(--gray10)}.AssignmentBanner .chevron{stroke:var(--primary-color);flex:none;height:20px;width:20px}.LoadingDots{align-items:center;display:flex;justify-content:center;min-height:1.5em;min-height:1lh}.LoadingDots .dot-row{display:flex;gap:.125em}.LoadingDots .dot{animation:loadingDotPulse .8s linear infinite;background:currentColor;border-radius:50%;height:.25em;width:.25em}.LoadingDots .dot:nth-child(2){animation-delay:-.4s}@keyframes loadingDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.6)}}.no-content svg{fill:var(--primary-color);stroke:var(--primary-color)}.no-content .label{position:relative;top:2px}.no-content .no-content-loader{margin-bottom:1.15rem}.no-content:not(.no-content-loader) svg{fill:#0000;stroke:var(--primary-color)}.no-content.no-content-loader{color:var(--primary-color)}body.dark .no-content.no-content-loader{color:var(--gray1)}body.dark .no-content svg{fill:var(--gray1);stroke:var(--gray1)}body.dark .no-content:not(.no-content-loader) svg{fill:#0000;stroke:var(--gray1)}.services.hide{display:none}.services-list{list-style-type:none;margin:0 0 1.3rem;padding:0}.services .btn-delete{position:relative;top:-.1rem}.services .btn-delete .icon{top:.3rem}.AddToService .icon.solid svg{stroke:#0000}.SongBadges{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-wrap:nowrap;gap:.5rem;margin-bottom:0;margin-top:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;transform:translateZ(0);-webkit-transform:translateZ(0)}.SongBadges::-webkit-scrollbar{display:none}.Main .SongBadges{margin-bottom:0;margin-top:.3rem;padding:0}.SongBadges .charts-pill,.SongBadges .draft-badge,.SongBadges .hidden-badge,.SongBadges .new-badge,.SongBadges .overview-pill,.SongBadges .play-count-badge,.SongBadges .popularity-badge,.SongBadges .updated-badge{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.65em;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase;transform:translateZ(0);-webkit-transform:translateZ(0);white-space:nowrap}@media(max-width:768px){.SongBadges .charts-pill,.SongBadges .draft-badge,.SongBadges .hidden-badge,.SongBadges .new-badge,.SongBadges .overview-pill,.SongBadges .play-count-badge,.SongBadges .popularity-badge,.SongBadges .updated-badge{border-radius:25px;font-size:.75em;padding:.1rem .5rem}}.SongBadges .play-count-badge,.SongBadges .popularity-badge{background-color:var(--primary-color)}.SongBadges .play-count-badge{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.SongBadges .new-badge{background-color:var(--new-song-color);color:var(--new-song-text)}.SongBadges .updated-badge{background-color:#8b5cf6}.SongBadges .draft-badge{background-color:var(--draft-color);color:var(--draft-text)}.SongBadges .hidden-badge{background-color:var(--hidden-badge-bg);box-shadow:inset 0 0 0 1px var(--hidden-badge-border);color:var(--hidden-text)}.SongBadges .overview-pill{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:color-mix(in srgb,var(--secondary-color) 15%,var(--bg));border:0;box-shadow:inset 0 0 0 1px var(--secondary-color);color:var(--secondary-color);cursor:pointer;font:inherit;font-size:.65em;font-weight:600;gap:.3rem;letter-spacing:.5px;text-transform:uppercase;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.SongBadges .overview-pill:active:not(:disabled){transform:scale(.95)}@media(max-width:768px){.SongBadges .overview-pill{font-size:.75em}}.SongBadges .overview-pill:focus-visible{box-shadow:inset 0 0 0 1px var(--secondary-color),0 0 0 .2rem var(--focus-ring);outline:none}.SongBadges .overview-pill__dot{background-color:var(--secondary-color);border-radius:50%;flex-shrink:0;height:.45em;width:.45em}.SongBadges .overview-pill__count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.SongBadges .overview-pill__count:before{content:"· "}.SongBadges .overview-pill__exit{opacity:.7}.SongBadges .charts-pill{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:color-mix(in srgb,var(--primary-color) 15%,var(--bg));border:0;box-shadow:inset 0 0 0 1px var(--primary-color);color:var(--primary-color);cursor:pointer;font:inherit;font-size:.65em;font-weight:600;gap:.3rem;letter-spacing:.5px;text-transform:uppercase;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.SongBadges .charts-pill:active:not(:disabled){transform:scale(.95)}@media(max-width:768px){.SongBadges .charts-pill{font-size:.75em}}.SongBadges .charts-pill:focus-visible{box-shadow:inset 0 0 0 1px var(--primary-color),0 0 0 .2rem var(--focus-ring);outline:none}.SongBadges .charts-pill__icon{stroke:currentColor;fill:none;flex-shrink:0;height:1em;width:1em}.SongBadges .charts-pill__icon+.charts-pill__icon{margin-left:-.15rem}.SongBadges .charts-pill__icon--mic{height:1.15em;width:1.15em}.SongBadges .charts-pill__label{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}body.dark .SongBadges .play-count-badge,body.dark .SongBadges .popularity-badge{color:#1a1a1a}body.dark .SongBadges .new-badge{background-color:var(--new-song-color);color:var(--new-song-text)}body.dark .SongBadges .updated-badge{background-color:#a78bfa;color:#1a1a1a}.SongList>ul{background:var(--surface);border:1px solid #0000;border-radius:24px;display:flex;flex-direction:column;overflow:hidden}body.light .SongList>ul{--primary-color-pastel:var(--surface-pastel)}body.dark .SongList>ul{border-color:var(--gray7)}.SongList .song-list-item{--song-item-bg:#0000;align-items:center;background-color:var(--song-item-bg);border-top:1px solid var(--surface-line);display:flex;flex-direction:row;justify-content:space-between;padding:11px 7px 11px 18px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.SongList .song-list-item:first-child{border-top:0}.SongList .song-list-item.with-suggest-button{padding-right:12px}.SongList .song-list-item.favorite-only{padding-right:16px}.SongList .song-list-item .song-artist,.SongList .song-list-item .song-name{margin:0;transition:color .2s ease}body.dark .SongList .song-list-item .song-name a{color:var(--primary-color-dark-mode-text)}.SongList .song-list-item .song-artist{font-size:.9em}@keyframes badge-in{0%{margin-top:0;max-height:0;opacity:0;transform:translateY(-4px)}to{margin-top:6px;max-height:40px;opacity:1;transform:translateY(0)}}.SongList .song-list-item .song-play-history{align-items:center;animation:badge-in .2s ease-out both;border-radius:6px;display:flex;font-size:.9em;font-weight:400;gap:6px;margin:6px 0 0;width:fit-content}.SongList .song-list-item .song-play-history .calendar-icon{flex-shrink:0;height:16px;opacity:.7;width:16px}.SongList .song-list-item .song-play-history span{line-height:1.4}.SongList .song-list-item .song-play-history span .service-title{font-weight:500}.SongList .song-list-item .song-play-history.time-red{color:var(--badge-red)}.SongList .song-list-item .song-play-history.time-yellow{color:var(--badge-yellow)}.SongList .song-list-item .song-play-history.time-green{color:var(--badge-green)}.SongList .song-list-item .song-play-history.time-never{color:var(--gray5);font-style:italic}@keyframes song-highlight{0%{background-color:#4f8cff33}10%{background-color:var(--song-item-bg)}20%{background-color:#4f8cff33}30%{background-color:var(--song-item-bg)}40%{background-color:#4f8cff33}50%{background-color:var(--song-item-bg)}60%{background-color:#4f8cff33}70%{background-color:var(--song-item-bg)}80%{background-color:#4f8cff33}90%{background-color:var(--song-item-bg)}to{background-color:var(--song-item-bg)}}.SongList .song-list-item.song-highlighted{animation:song-highlight 2.25s linear forwards}.SongList .song-list-item.song-hidden .song-artist,.SongList .song-list-item.song-hidden .song-name,.SongList .song-list-item.song-hidden .song-play-history{opacity:.5}.SongList .song-list-item .song-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;position:relative;top:-1px}.SongList .song-list-item .song-actions .icon svg{transition:stroke .2s ease,fill .2s ease;width:24px}.SongList--accented>ul{background-color:color-mix(in srgb,var(--tag-color) 9%,var(--surface));border-color:color-mix(in srgb,var(--tag-color) 24%,var(--surface))}body.dark .SongList--accented>ul{background-color:color-mix(in srgb,var(--tag-color) 12%,var(--gray8));border-color:color-mix(in srgb,var(--tag-color) 30%,var(--gray8))}.SongList--accented .song-list-item{--primary-color:color-mix(in srgb,var(--tag-color) 70%,var(--gray10));border-top-color:color-mix(in srgb,var(--tag-color) 24%,var(--surface))}.SongList--accented .song-list-item .song-artist{color:color-mix(in srgb,var(--tag-color) 40%,var(--bg-text))}body.dark .SongList--accented .song-list-item{--primary-color:var(--tag-color);--primary-color-dark-mode-text:var(--tag-color);border-top-color:color-mix(in srgb,var(--tag-color) 30%,var(--gray8))}@keyframes bottom-sheet-rise{0%{transform:translateY(100%)}}@keyframes bottom-sheet-fade{0%{opacity:0}}.BottomSheet{-webkit-touch-callout:none;--sheet-surface:var(--gray0);--sheet-border:var(--gray2);--cb-text:var(--gray8);--cb-dim:var(--gray7);--cb-muted:var(--gray5);--cb-surface:var(--gray1);--cb-surface-raised:var(--gray2);--cb-border:var(--gray4);--cb-border-soft:var(--gray3);--cb-family-key:var(--primary-color);--cb-family-aeolian:var(--part-purple);--cb-family-ionian:var(--part-purple);--cb-family-dorian:var(--part-blue);--cb-family-phrygian:var(--part-red);--cb-family-lydian:var(--part-yellow);--cb-family-mixolydian:var(--part-green);--cb-family-locrian:var(--part-pink);--cb-family-chromatic:var(--part-orange);align-items:flex-end;display:flex;inset:0;justify-content:center;position:fixed;-webkit-user-select:none;user-select:none;z-index:1060}.BottomSheet [contenteditable=true],.BottomSheet input,.BottomSheet textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}body.dark .BottomSheet{--cb-text:var(--gray0);--cb-dim:var(--gray3);--cb-surface:var(--gray8);--cb-surface-raised:var(--gray8);--cb-border:var(--gray6);--cb-border-soft:var(--gray7)}.BottomSheet .backdrop{animation:bottom-sheet-fade var(--mg-open-duration) var(--mg-open-ease) backwards;background:#00000073;inset:0;position:absolute}.BottomSheet .panel{zoom:1;zoom:var(--sheet-zoom,1);animation:bottom-sheet-rise .26s var(--mg-open-ease) backwards;background:var(--sheet-surface);border:1px solid var(--sheet-border);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #0003;display:flex;flex-direction:column;max-height:85vh;max-height:calc(85vh/var(--sheet-zoom, 1));max-height:calc(85dvh/1);max-height:calc(85dvh/var(--sheet-zoom, 1));max-width:640px;position:relative;transition:transform .2s var(--mg-open-ease);width:100%}.BottomSheet .panel .header{align-items:center;cursor:grab;display:grid;grid-template-columns:1fr auto 1fr;padding:14px 12px 8px;position:relative;touch-action:none}.BottomSheet .panel .header .grabber{background:var(--cb-muted);border-radius:2px;height:4px;left:50%;opacity:.5;position:absolute;top:6px;transform:translateX(-50%);width:36px}.BottomSheet .panel .header .action{display:flex;justify-self:start}.BottomSheet .panel .header .title{color:var(--cb-text);font-size:1.05rem;font-weight:600;margin:0}.BottomSheet .panel .header .close{justify-self:end}.BottomSheet .panel .body{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 16px}.BottomSheet .panel .footer{border-top:1px solid var(--sheet-border);padding:10px 16px calc(12px + env(safe-area-inset-bottom))}.BottomSheet.is-closing .backdrop,.BottomSheet.is-closing .panel{animation:mg-dismiss var(--mg-close-duration) var(--mg-open-ease) forwards;pointer-events:none}@media(min-width:1440px)and (min-height:860px){.BottomSheet{--sheet-zoom:1.15}}@media(min-width:1800px)and (min-height:1000px){.BottomSheet{--sheet-zoom:1.3}}body.dark .BottomSheet{--sheet-surface:var(--gray9);--sheet-border:var(--gray8)}@keyframes songs-menu-drop{0%{opacity:0;transform:translateY(-8px) scale(.96)}}.SongsMenu.create{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--primary-color-pastel);border:0;border-radius:50%;cursor:pointer;display:grid;height:42px;padding:0;place-items:center;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:42px}.SongsMenu.create:active:not(:disabled){transform:scale(.95)}.SongsMenu.create:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .SongsMenu.create{background:var(--gray7)}.SongsMenu.create .icon{display:inline-flex}.SongsMenu.create .icon svg{width:26px}.SongsMenu.picked{align-items:center;animation:songs-menu-drop var(--mg-open-duration) var(--mg-open-ease) backwards;background:var(--primary-color);border-radius:24px;box-shadow:0 6px 20px #00000024;color:var(--gray0);display:flex;font-weight:500;gap:10px;min-height:48px;padding:6px 6px 6px 16px;transform-origin:top center;-webkit-user-select:none;user-select:none}body.dark .SongsMenu.picked{box-shadow:0 6px 22px #00000080;color:var(--gray10)}.SongsMenu.picked .picked-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SongsMenu.picked .picked-title{font-weight:600}.SongsMenu.picked .picked-discard{-webkit-tap-highlight-color:rgba(0,0,0,0);background:color-mix(in srgb,currentColor 18%,#0000);border:0;border-radius:50%;color:inherit;cursor:pointer;display:grid;flex:0 0 auto;height:36px;padding:0;place-items:center;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:36px}.SongsMenu.picked .picked-discard:active:not(:disabled){transform:scale(.92)}.SongsMenu.picked .picked-discard:focus-visible{outline:2px solid currentColor;outline-offset:2px}.SongsMenu.picked .picked-discard .icon{display:flex;margin:0}.SongsMenu.picked .picked-discard .icon svg{stroke:currentColor;width:20px}.SongsMenu.picked .picked-go{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--gray0);border:0;border-radius:18px;color:var(--primary-color);cursor:pointer;flex:0 0 auto;font:inherit;font-size:.9rem;font-weight:600;padding:8px 16px;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.SongsMenu.picked .picked-go:active:not(:disabled){transform:scale(.95)}.SongsMenu.picked .picked-go:focus-visible{outline:2px solid var(--gray0);outline-offset:2px}body.dark .SongsMenu.picked .picked-go{background:var(--gray10)}.SongsMenu.picked.suggested{background:var(--red-color)}body.dark .SongsMenu.picked.suggested{background:var(--red-color-lighter)}.SongsMenu.picked.suggested .picked-go{color:var(--red-color)}body.dark .SongsMenu.picked.suggested .picked-go{color:var(--red-color-lighter)}.SongsMenu.sheet.BottomSheet .panel .body{display:flex;flex-direction:column;gap:4px;margin-top:-8px;padding:0 8px calc(28px + env(safe-area-inset-bottom))}.SongsMenu.sheet .option{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#0000;border:0;border-radius:14px;color:var(--primary-color);cursor:pointer;display:flex;font:inherit;font-size:1.15rem;font-weight:500;gap:14px;padding:12px 14px;text-align:left;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:100%}.SongsMenu.sheet .option:active:not(:disabled){transform:scale(.98)}.SongsMenu.sheet .option:focus-visible{background-color:var(--primary-color-pastel);outline:none}.SongsMenu.sheet .option:disabled{cursor:default;opacity:.5}body.dark .SongsMenu.sheet .option{color:var(--gray3)}body.dark .SongsMenu.sheet .option:focus-visible{background-color:var(--gray7)}.SongsMenu.sheet .option .icon{background:var(--primary-color-pastel);border-radius:12px;display:grid;flex:0 0 auto;height:40px;place-items:center;width:40px}body.dark .SongsMenu.sheet .option .icon{background:var(--gray7)}.SongsMenu.sheet .option .icon svg{width:22px}.SongsMenu.sheet .option .option-text{display:flex;flex-direction:column;gap:2px;line-height:1.2}.SongsMenu.sheet .option .option-text:has(small){position:relative;top:-1px}.SongsMenu.sheet .option .option-text small{color:var(--gray5);font-size:.85rem;font-weight:400;line-height:1.3}body.dark .SongsMenu.sheet .option .option-text small{color:var(--gray4)}.SearchBox{position:relative;scroll-margin-top:55px}.SearchBox .search-box{border-radius:40px;padding:.375em 1em}.SearchBox span{line-height:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:0}.SearchBox span,.SearchBox span .icon{align-items:center;display:flex;justify-content:center}.SearchBox span .icon svg{stroke:var(--gray3);display:block;width:24px}.SearchBox .search-clear-btn .icon svg{stroke:var(--primary-color);fill:#0000;left:6px;position:relative;width:28px}body.dark .SearchBox .search-clear-btn .icon svg{stroke:var(--gray3)}.SearchBox.is-bar{align-items:center;background:var(--surface);border:1px solid #0000;border-radius:28px;display:flex;gap:4px;min-height:56px;padding:6px 7px 6px 18px;transition:box-shadow .15s ease}body.light .SearchBox.is-bar{--primary-color-pastel:var(--surface-pastel)}body.dark .SearchBox.is-bar{border-color:var(--gray7)}.SearchBox.is-bar:focus-within{box-shadow:0 0 0 3px var(--focus-ring)}.SearchBox.is-bar span{position:static;transform:none}.SearchBox.is-bar .clear,.SearchBox.is-bar .count,.SearchBox.is-bar .lead,.SearchBox.is-bar .restore{flex:none;-webkit-user-select:none;user-select:none}.SearchBox.is-bar .lead{align-items:center;display:flex;margin-right:6px}.SearchBox.is-bar .lead .icon svg{stroke:var(--gray5);width:22px}body.dark .SearchBox.is-bar .lead .icon svg{stroke:var(--gray4)}.SearchBox.is-bar .clear,.SearchBox.is-bar .restore{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--primary-color-pastel);border:0;border-radius:50%;color:var(--primary-color);cursor:pointer;display:grid;height:42px;padding:0;place-items:center;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:42px}.SearchBox.is-bar .clear:active:not(:disabled),.SearchBox.is-bar .restore:active:not(:disabled){transform:scale(.95)}.SearchBox.is-bar .clear:focus-visible,.SearchBox.is-bar .restore:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .SearchBox.is-bar .clear,body.dark .SearchBox.is-bar .restore{background:var(--gray7)}.SearchBox.is-bar .clear .icon,.SearchBox.is-bar .restore .icon{display:flex}.SearchBox.is-bar .clear .icon svg,.SearchBox.is-bar .restore .icon svg{stroke:currentColor;fill:#0000;width:22px}.SearchBox.is-bar .restore{margin-left:-11px;margin-right:2px}.SearchBox.is-bar .search-box{background:#0000;border:0;border-radius:0;color:var(--bg-text);flex:1 1;font:inherit;font-size:1rem;height:42px;min-width:0;outline:none;padding:0}.SearchBox.is-bar .search-box::placeholder{color:var(--gray5);opacity:1}body.dark .SearchBox.is-bar .search-box::placeholder{color:var(--gray4)}.SearchBox.is-bar .count,.SearchBox.is-bar .count>span{align-items:center;display:inline-flex;gap:5px}.SearchBox.is-bar .count{font-size:.9rem;margin:0 6px}.SearchBox.is-bar .count .icon{display:flex}.SearchBox.is-bar .count .icon svg{width:16px}.Main .tag-group{margin-inline:calc(var(--mg-container-padding-x)*-1);-webkit-user-select:none;user-select:none}.Main ul.categories,.Main ul.popularity-sort{display:flex;flex-wrap:nowrap;font-size:.9rem;gap:.5rem;list-style:none;margin:0;padding:.5rem 0 .2rem var(--mg-container-padding-x)}.Main ul.categories:after,.Main ul.popularity-sort:after{content:"";flex:0 0 calc(var(--mg-container-padding-x) - 0.5rem)}.Main ul.categories li,.Main ul.popularity-sort li{--tag-color:var(--tag-neutral);background-color:color-mix(in srgb,var(--tag-color) 12%,var(--tag-surface));border-radius:15px;color:color-mix(in srgb,var(--tag-color) 35%,var(--gray10));cursor:pointer;display:inline-block;font-size:.9rem;padding:.2rem .6rem;transition:background-color .15s,color .15s,box-shadow .15s}.Main ul.categories li.active,.Main ul.popularity-sort li.active{background-color:color-mix(in srgb,var(--tag-color) 30%,var(--tag-surface));box-shadow:0 0 0 1.5px color-mix(in srgb,var(--tag-color) 85%,var(--gray10));font-weight:600}.Main .tag-group__tag-text{display:inline-flex;flex-direction:column}.Main .tag-group__tag-text:after{content:attr(data-text);font-weight:600;height:0;overflow:hidden;pointer-events:none;visibility:hidden}.Main .mg-form-group{margin-bottom:.3rem}body.dark .Main ul.categories li,body.dark .Main ul.popularity-sort li{background-color:color-mix(in srgb,var(--tag-color) 16%,var(--tag-surface));box-shadow:1px 1px 1px rgba(0,0,0,.068);color:var(--tag-color)}body.dark .Main ul.categories li.active,body.dark .Main ul.popularity-sort li.active{background-color:color-mix(in srgb,var(--tag-color) 34%,var(--tag-surface));box-shadow:0 0 0 1.5px color-mix(in srgb,var(--tag-color) 60%,var(--tag-surface)),1px 1px 1px rgba(0,0,0,.068);color:color-mix(in srgb,var(--tag-color) 75%,#fff)}.ModalButton{-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:.6rem 1.5rem;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.ModalButton:active:not(:disabled){transform:scale(.97)}.ModalButton:disabled{cursor:not-allowed;opacity:.6}.ModalButton.primary{background:var(--primary-color);color:#fff}body.dark .ModalButton.primary{color:var(--gray10)}.ModalButton.secondary{background:var(--gray2);color:var(--bg-text)}body.dark .ModalButton.secondary{background:var(--gray7)}.ModalButton.danger{background:var(--btn-danger-bg);color:#fff}.ModalButton.block{padding:.75rem 1.5rem;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.PromptModal{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1050}.PromptModal .dialog{animation:slideUp .3s ease-out;max-width:440px;width:100%}.PromptModal .content{background:var(--gray0);border:1px solid var(--gray2);border-radius:24px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;width:100%}body.dark .PromptModal .content{background:var(--gray9);border-color:var(--gray8)}.PromptModal .header{align-items:center;border-bottom:1px solid var(--gray2);display:flex;justify-content:space-between;padding:1rem 1.5rem}body.dark .PromptModal .header{border-color:var(--gray8)}.PromptModal .header .dialog-title{color:var(--gray10);font-size:1.25rem;margin:0}body.dark .PromptModal .header .dialog-title{color:var(--gray0)}.PromptModal .body{color:var(--gray10);line-height:1.45;padding:1.5rem 1.5rem 1.25rem}body.dark .PromptModal .body{color:var(--gray0)}.PromptModal .body .icon{display:inline-block;position:relative;top:.3rem}.PromptModal .footer{display:flex;flex-wrap:wrap;gap:.75rem;padding:0 1.5rem 1.5rem}.PromptModal .footer .ModalButton{flex:1 1;min-width:8rem}.LoadMoreFooter{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:0 0 40px}.LoadMoreFooter .load-more-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:30px;color:var(--gray0);cursor:pointer;display:inline-flex;flex:1 1;font-weight:500;justify-content:center;min-height:43px;outline:none;padding:.5rem 1rem;text-align:center}@media(min-width:768px){.LoadMoreFooter .load-more-btn{flex:0 0 auto;width:auto}}.LoadMoreFooter .load-more-btn:disabled{background-color:var(--gray2);color:var(--gray5);cursor:default}.LoadMoreFooter .load-more-btn:last-child{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;flex:0 1;justify-content:center;padding:0}.LoadMoreFooter .load-more-btn .back-to-top-icon svg{transform:rotate(90deg)}body.dark .LoadMoreFooter .load-more-btn{color:var(--gray10)}body.dark .LoadMoreFooter .load-more-btn:disabled{background-color:var(--gray9);color:var(--gray4)}.AccountRemovedModal .message{color:var(--bg-text);line-height:1.5;margin-bottom:1rem}.AccountRemovedModal .actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.AccountRemovedModal .actions .delete-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-self:center;background:none;border:none;color:var(--btn-danger-bg);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;margin-top:.25rem;padding:.5rem 1rem;-webkit-user-select:none;user-select:none}.SuggestSongsModal{display:flex;flex-direction:column;gap:1.25rem;height:100%;min-height:0}.SuggestSongsModal .songs{background:var(--surface);border-radius:20px;flex:1 1;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:0}.SuggestSongsModal .song{align-items:center;background:var(--surface);border-top:1px solid var(--surface-line);display:flex;gap:12px;min-height:64px;padding:10px 14px 10px 12px;-webkit-user-select:none;user-select:none}.SuggestSongsModal .song:first-child{border-top:0}.SuggestSongsModal .song.sortable-ghost{background:color-mix(in srgb,var(--primary-color) 10%,var(--surface))}.SuggestSongsModal .song .category{--category-color:var(--category-praise);background:color-mix(in srgb,var(--category-color) 14%,var(--gray0));border-radius:50%;color:var(--category-color);cursor:grab;display:grid;flex:none;height:40px;place-items:center;width:40px}.SuggestSongsModal .song .category.worship{--category-color:var(--category-worship)}.SuggestSongsModal .song .category.new{--category-color:var(--new-song-color)}.SuggestSongsModal .song .category:active{cursor:grabbing}.SuggestSongsModal .song .category .icon{display:flex;margin:0}.SuggestSongsModal .song .category .icon svg{stroke:currentColor;width:20px}body.dark .SuggestSongsModal .song .category{background:color-mix(in srgb,var(--category-color) 22%,var(--gray8))}.SuggestSongsModal .song .info{display:flex;flex:1 1;flex-direction:column;line-height:1.25;min-width:0}.SuggestSongsModal .song .info .artist,.SuggestSongsModal .song .info .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SuggestSongsModal .song .info .title{color:var(--bg-text);font-weight:600}.SuggestSongsModal .song .info .artist{color:var(--gray6);font-size:.85rem}body.dark .SuggestSongsModal .song .info .artist{color:var(--gray4)}.SuggestSongsModal .actions{align-items:center;display:flex;flex:none;gap:.75rem}.SuggestSongsModal .actions .clear{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--gray2);border:0;border-radius:50%;color:var(--btn-danger-bg);cursor:pointer;display:grid;flex:none;height:46px;padding:0;place-items:center;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:46px}.SuggestSongsModal .actions .clear:active:not(:disabled){transform:scale(.92)}body.dark .SuggestSongsModal .actions .clear{background:var(--gray7)}.SuggestSongsModal .actions .clear .icon{display:flex;margin:0}.SuggestSongsModal .actions .clear .icon svg{stroke:currentColor;fill:none;width:22px}.SongFiltersModal .filters{--chip-accent:var(--tag-color,var(--primary-color));--chip-surface:var(--gray0);-webkit-user-select:none;user-select:none}body.dark .SongFiltersModal .filters{--chip-surface:var(--gray9)}.SongFiltersModal .filters .reveal+.section,.SongFiltersModal .filters .section+.section{margin-top:1.25rem}.SongFiltersModal .filters .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;min-height:1.6rem}.SongFiltersModal .filters .section-header .section-title{color:color-mix(in srgb,var(--bg-text) 65%,#0000);font-size:.8rem;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.SongFiltersModal .filters .section-header .section-action{background-color:color-mix(in srgb,var(--chip-accent) 10%,var(--chip-surface));border:none;border-radius:15px;color:color-mix(in srgb,var(--chip-accent) 85%,var(--gray10));cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.15rem .7rem}body.dark .SongFiltersModal .filters .section-header .section-action{background-color:color-mix(in srgb,var(--chip-accent) 16%,var(--chip-surface));box-shadow:1px 1px 1px rgba(0,0,0,.068);color:color-mix(in srgb,var(--chip-accent) 75%,var(--gray0))}.SongFiltersModal .filters .section-header .section-action--hidden{visibility:hidden}.SongFiltersModal .filters .chips{display:flex;flex-wrap:wrap;gap:.45rem}.SongFiltersModal .filters .reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--mg-close-duration) var(--mg-open-ease),opacity var(--mg-close-duration) var(--mg-open-ease),visibility 0s var(--mg-close-duration);visibility:hidden}.SongFiltersModal .filters .reveal .reveal-inner{margin:-2px;min-height:0;overflow:hidden;padding:2px}.SongFiltersModal .filters .reveal .reveal-inner .section{padding-top:1.25rem}.SongFiltersModal .filters .reveal--open{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--mg-open-duration) var(--mg-open-ease),opacity var(--mg-open-duration) var(--mg-open-ease),visibility 0s;visibility:visible}.SongFiltersModal .filters .key-grid{grid-gap:.45rem;display:grid;gap:.45rem;grid-template-columns:repeat(auto-fill,minmax(3.1rem,1fr))}.SongFiltersModal .filters .key-grid+.key-grid{margin-top:.6rem}.SongFiltersModal .filters .chip{background-color:color-mix(in srgb,var(--chip-accent) 10%,var(--chip-surface));border:none;border-radius:15px;color:color-mix(in srgb,var(--chip-accent) 35%,var(--gray10));cursor:pointer;font-family:inherit;font-size:.9rem;padding:.3rem .75rem;transition:background-color .15s,box-shadow .15s}.SongFiltersModal .filters .chip:disabled{cursor:default;opacity:.4}body.dark .SongFiltersModal .filters .chip{background-color:color-mix(in srgb,var(--chip-accent) 16%,var(--chip-surface));box-shadow:1px 1px 1px rgba(0,0,0,.068);color:var(--chip-accent)}.SongFiltersModal .filters .chip--selected{background-color:color-mix(in srgb,var(--chip-accent) 28%,var(--chip-surface));box-shadow:0 0 0 1.5px color-mix(in srgb,var(--chip-accent) 85%,var(--gray10));font-weight:600}body.dark .SongFiltersModal .filters .chip--selected{background-color:color-mix(in srgb,var(--chip-accent) 34%,var(--chip-surface));box-shadow:0 0 0 1.5px color-mix(in srgb,var(--chip-accent) 60%,var(--chip-surface)),1px 1px 1px rgba(0,0,0,.068);color:color-mix(in srgb,var(--chip-accent) 75%,var(--gray0))}.SongFiltersModal .filters .chip--more{background:none;box-shadow:none;color:var(--chip-accent);font-weight:600}body.dark .SongFiltersModal .filters .chip--more{background:none;box-shadow:none}.SongFiltersModal .filters .key-chip{align-items:center;border-radius:10px;display:flex;flex-direction:column;line-height:1.15;padding:.35rem .25rem}.SongFiltersModal .filters .key-chip .key-name{font-weight:600}.SongFiltersModal .filters .key-chip .key-count{font-size:.7rem;opacity:.7}.SongFiltersModal .filters .theme-search{background-color:var(--surface);border:1px solid #0000;border-radius:14px;color:var(--bg-text);display:block;font-family:inherit;font-size:1rem;margin-bottom:.6rem;outline:none;padding:.5rem .85rem;-webkit-user-select:text;user-select:text;width:100%}.SongFiltersModal .filters .theme-search:focus{background-color:var(--surface);border-color:var(--primary-color-lighter);box-shadow:0 0 0 3px var(--focus-ring-form)}.SongFiltersModal .filters .theme-search:disabled,.SongFiltersModal .filters .theme-search[readonly]{background-color:var(--surface-line)}.SongFiltersModal .filters .theme-chip{align-items:baseline;display:inline-flex;gap:.4rem}.SongFiltersModal .filters .theme-chip .theme-count{font-size:.75rem;opacity:.7}.SongFiltersModal .filters .empty{color:var(--gray5);font-size:.9rem;margin:0}.SongFiltersModal .footer .reset{margin-right:auto}.UpgradeBanner{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--surface);border:1px solid #0000;border-radius:24px;color:var(--gray10);cursor:pointer;display:flex;font:inherit;gap:.85rem;margin:0 0 1rem;padding:.75rem .75rem .75rem .85rem;text-align:left;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:100%}body.light .UpgradeBanner{--primary-color-pastel:var(--surface-pastel)}body.dark .UpgradeBanner{border-color:var(--gray7)}.UpgradeBanner:active:not(:disabled){transform:scale(.98)}.UpgradeBanner:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .UpgradeBanner{color:var(--gray2)}.UpgradeBanner .badge{background:var(--primary-color-pastel);border-radius:50%;display:grid;flex-shrink:0;height:42px;place-items:center;width:42px}body.dark .UpgradeBanner .badge{background:var(--gray7)}.UpgradeBanner .badge .icon{display:inline-flex;margin:0}.UpgradeBanner .badge .icon svg{height:22px;width:22px}.UpgradeBanner .text{display:flex;flex:1 1;flex-direction:column;gap:.15rem;line-height:1.3;min-width:0}.UpgradeBanner .text strong{font-weight:600}.UpgradeBanner .subtitle{color:var(--gray6);font-size:.85rem}body.dark .UpgradeBanner .subtitle{color:var(--gray4)}.UpgradeBanner .cta{align-items:center;background:var(--primary-color);border-radius:21px;color:var(--gray0);display:inline-flex;flex-shrink:0;font-weight:600;height:42px;padding:0 1.1rem;white-space:nowrap}body.dark .UpgradeBanner .cta{color:var(--gray10)}@media(max-width:480px){.UpgradeBanner{flex-wrap:wrap}.UpgradeBanner .cta{flex-basis:100%;justify-content:center}}.UpgradeModal .content{animation:upgradeModalPop .35s cubic-bezier(.34,1.56,.64,1) both}.UpgradeModal .upgrade-body{display:flex;flex-direction:column;gap:1.25rem}.UpgradeModal .upgrade-body .notice{background:var(--gray1);border-radius:20px;color:var(--gray7);font-size:.875rem;margin:0;padding:.75rem 1rem}body.dark .UpgradeModal .upgrade-body .notice{background:var(--gray8);color:var(--gray3)}.UpgradeModal .upgrade-body .price-box{align-items:center;background:var(--gray1);border-radius:20px;display:flex;flex-direction:column;gap:.4rem;overflow:hidden;padding:1.25rem 1rem;position:relative}body.dark .UpgradeModal .upgrade-body .price-box{background:var(--gray8)}.UpgradeModal .upgrade-body .price-box .plus-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.UpgradeModal .upgrade-body .price-box .plus-particles .plus{animation-iteration-count:infinite;animation-name:upgradePlusFloat;animation-timing-function:ease-in-out;bottom:-1.5em;color:var(--primary-color);font-weight:700;line-height:1;opacity:0;position:absolute}body.dark .UpgradeModal .upgrade-body .price-box .plus-particles .plus{color:var(--primary-color-lighter)}.UpgradeModal .upgrade-body .price-box .price{color:var(--primary-color);font-size:2rem;font-weight:700;position:relative}body.dark .UpgradeModal .upgrade-body .price-box .price{color:var(--primary-color-lighter)}.UpgradeModal .upgrade-body .price-box .price-note{color:var(--gray7);font-size:.85rem;position:relative;text-align:center}body.dark .UpgradeModal .upgrade-body .price-box .price-note{color:var(--gray3)}.UpgradeModal .upgrade-body .advantages{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.UpgradeModal .upgrade-body .advantages li{align-items:flex-start;display:flex;gap:.6rem;line-height:1.4}.UpgradeModal .upgrade-body .advantages .check-icon{align-items:center;color:var(--primary-color);display:inline-flex;flex-shrink:0;height:1.1rem;justify-content:center;margin-top:.15rem;width:1.1rem}.UpgradeModal .upgrade-body .advantages .check-icon svg{stroke:currentColor;height:100%;width:100%}body.dark .UpgradeModal .upgrade-body .advantages .check-icon{color:var(--primary-color-lighter)}.UpgradeModal .upgrade-body .upgrade-cta{margin-top:.25rem}@keyframes upgradeModalPop{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes upgradePlusFloat{0%{bottom:-1.5em;opacity:0;transform:rotate(-8deg)}15%{opacity:.55}85%{opacity:.45}to{bottom:100%;opacity:0;transform:rotate(8deg)}}.Main{margin-bottom:2rem}@media(max-width:991.98px){.Main{--mg-container-padding-x:10px}}.Main .filter-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--primary-color-pastel);border:0;border-radius:50%;color:var(--primary-color);cursor:pointer;display:grid;flex:none;height:42px;padding:0;place-items:center;position:relative;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:42px}.Main .filter-btn:active:not(:disabled){transform:scale(.95)}.Main .filter-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .Main .filter-btn{background:var(--gray7)}.Main .filter-btn .icon{display:flex}.Main .filter-btn .icon svg{stroke:currentColor;height:22px;width:22px}.Main .filter-btn .filter-count{background:var(--primary-color);border-radius:9px;box-sizing:border-box;color:var(--gray0);font-size:.7rem;font-weight:600;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:-3px;text-align:center;top:-3px}body.dark .Main .filter-btn .filter-count{color:var(--gray10)}.Main .filter-btn--active{background:var(--primary-color);color:var(--gray0)}body.dark .Main .filter-btn--active{background:var(--primary-color);color:var(--gray10)}.Main .filter-btn--active .filter-count{background:var(--gray0);box-shadow:0 0 0 1.5px var(--primary-color);color:var(--primary-color)}body.dark .Main .filter-btn--active .filter-count{background:var(--gray10);color:var(--primary-color)}.PageBar.head{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.PageBar.head.enter-forward{animation:bar-enter-forward .3s cubic-bezier(.16,1,.3,1) backwards}@keyframes bar-enter-forward{0%{opacity:0;transform:translateX(24px)}}@media(prefers-reduced-motion:reduce){.PageBar.head.enter-forward{animation:none}}.PageBar.head.enter-back{animation:bar-enter-back .3s cubic-bezier(.16,1,.3,1) backwards}@media(prefers-reduced-motion:reduce){.PageBar.head.enter-back{animation:none}}.PageBar.head .action,.PageBar.head .back,.PageBar.head .close{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--primary-color-pastel);border:0;color:var(--primary-color);cursor:pointer;flex:0 0 auto;font:inherit;height:42px;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.PageBar.head .action:active:not(:disabled),.PageBar.head .back:active:not(:disabled),.PageBar.head .close:active:not(:disabled){transform:scale(.95)}.PageBar.head .action:focus-visible,.PageBar.head .back:focus-visible,.PageBar.head .close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .PageBar.head .action,body.dark .PageBar.head .back,body.dark .PageBar.head .close{background:var(--gray7);color:var(--gray3)}.PageBar.head .back{align-items:center;border-radius:21px;display:inline-flex;font-weight:500;gap:6px;padding:0 16px 0 12px}.PageBar.head .back .back-chevron{border-bottom:2px solid;border-right:2px solid;height:9px;transform:translateX(2px) rotate(135deg);width:9px}.PageBar.head .back.is-icon{border-radius:50%;justify-content:center;padding:0;width:42px}.PageBar.head .action,.PageBar.head .close{border-radius:50%;display:grid;padding:0;place-items:center;width:42px}.PageBar.head .action .icon,.PageBar.head .close .icon{display:inline-flex;margin:0}.PageBar.head .action .icon svg,.PageBar.head .close .icon svg{width:24px}.PageBar.head .action.is-on,.PageBar.head .action.is-primary{background:var(--primary-color);color:var(--gray0)}body.dark .PageBar.head .action.is-on,body.dark .PageBar.head .action.is-primary{background:var(--primary-color);color:var(--gray10)}.PageBar.head .action.is-on .icon svg,.PageBar.head .action.is-primary .icon svg{stroke:currentColor}.PageBar.head .action:disabled{cursor:not-allowed}.PageBar.head .action:disabled:not(.is-loading){opacity:.5}.PageBar.head .title{animation:page-bar-title-in .25s ease-out backwards;color:var(--gray10);flex:1 1;font-weight:600;min-width:0;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}@keyframes page-bar-title-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.PageBar.head .title{animation:none}}body.dark .PageBar.head .title{color:var(--gray3)}.PageBar.head .title.is-stacked{display:flex;flex-direction:column;line-height:1.25}.PageBar.head .title.is-stacked .main,.PageBar.head .title.is-stacked .sub{overflow:hidden;text-overflow:ellipsis}.PageBar.head .title.is-stacked .sub{color:var(--gray6);font-size:.85rem;font-weight:400}body.dark .PageBar.head .title.is-stacked .sub{color:var(--gray4)}.PageBar.chips{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none}.PageBar.chips::-webkit-scrollbar{display:none}.PageBar.chips .chip{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--gray0);border:1px solid var(--gray2);border-radius:19px;color:var(--primary-color);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-weight:500;gap:6px;height:38px;padding:0 14px 0 10px;transition:transform .12s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.PageBar.chips .chip:active:not(:disabled){transform:scale(.95)}.PageBar.chips .chip:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.PageBar.chips .chip.is-on{background:var(--primary-color-pastel);border-color:#0000}body.dark .PageBar.chips .chip{background:var(--gray8);border-color:var(--gray7);color:var(--gray3)}body.dark .PageBar.chips .chip.is-on{background:var(--gray7)}.PageBar.chips .chip .icon{display:inline-flex;margin:0}.ToggleChip{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--gray0);border-radius:18px;color:var(--gray6);cursor:pointer;display:inline-flex;flex:none;font-weight:500;height:36px;padding:0 14px;position:relative;transition:transform .12s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.ToggleChip:active:not(:disabled):not(.is-disabled){transform:scale(.95)}.ToggleChip:has(input:focus-visible){outline:2px solid var(--primary-color);outline-offset:2px}.ToggleChip input{height:0;opacity:0;position:absolute;width:0}.ToggleChip .check{display:inline-flex;margin-right:0;overflow:hidden;transition:width .15s ease,margin-right .15s ease;width:0}.ToggleChip .check svg{stroke:currentColor;flex:none;height:18px;width:18px}.ToggleChip .check svg path{stroke-width:2.2}.ToggleChip.is-on{background:color-mix(in srgb,var(--chip-color) 18%,var(--gray0));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--chip-color) 85%,var(--gray10));color:color-mix(in srgb,var(--chip-color) 55%,var(--gray10))}.ToggleChip.is-on .check{margin-right:5px;width:18px}.ToggleChip.is-disabled{cursor:not-allowed;opacity:.45}body.dark .ToggleChip{background:var(--gray7);color:var(--gray3)}body.dark .ToggleChip.is-on{background:color-mix(in srgb,var(--chip-color) 30%,var(--gray8));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--chip-color) 60%,var(--gray8));color:color-mix(in srgb,var(--chip-color) 75%,var(--gray0))}.permission-modal-content .user-info{border-bottom:1px solid var(--gray2);margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}body.dark .permission-modal-content .user-info{border-color:var(--gray8)}.permission-modal-content .user-icon{height:60px;margin:0 auto .5rem;width:60px}.permission-modal-content .user-icon svg{stroke:var(--primary-color);height:100%;width:100%}body.dark .permission-modal-content .user-icon svg{stroke:var(--primary-color-lighter)}.permission-modal-content .user-name{color:var(--gray10);font-size:1.5rem;margin:0 0 .5rem}body.dark .permission-modal-content .user-name{color:var(--gray0)}.permission-modal-content .joined{color:var(--gray6);font-size:.875rem;margin:0}body.dark .permission-modal-content .joined{color:var(--gray4)}.permission-modal-content .joined-relative{color:var(--gray5);font-size:.875rem;margin:.25rem 0 0}body.dark .permission-modal-content .joined-relative{color:var(--gray5)}.permission-modal-content .permissions{background:var(--surface);border:1px solid #0000;border-radius:28px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;padding:8px}body.light .permission-modal-content .permissions{--primary-color-pastel:var(--surface-pastel)}body.dark .permission-modal-content .permissions{border-color:var(--gray7)}.permission-modal-content .actions{border-top:1px solid var(--gray2);margin-top:1rem;padding-top:1rem}body.dark .permission-modal-content .actions{border-color:var(--gray8)}.permission-modal-content .delete-confirmation{padding:0;text-align:center}.permission-modal-content .delete-confirmation .warning-icon{font-size:3rem;margin-bottom:.5rem;padding-top:0}.permission-modal-content .delete-confirmation .warning-title{color:var(--gray10);font-size:1.5rem;margin:0 0 1rem}body.dark .permission-modal-content .delete-confirmation .warning-title{color:var(--gray0)}.permission-modal-content .delete-confirmation .warning-message{color:var(--gray7);line-height:1.5;margin:0 0 1.5rem;text-align:left}.permission-modal-content .delete-confirmation .warning-message strong{color:var(--gray10)}body.dark .permission-modal-content .delete-confirmation .warning-message{color:var(--gray3)}body.dark .permission-modal-content .delete-confirmation .warning-message strong{color:var(--gray0)}.permission-modal-content .delete-confirmation .confirmation-input{margin-bottom:1.5rem;text-align:left}.permission-modal-content .delete-confirmation .confirmation-input label{color:var(--gray8);display:block;font-size:1rem;margin-bottom:.5rem}.permission-modal-content .delete-confirmation .confirmation-input label strong{color:var(--gray10);font-family:monospace}body.dark .permission-modal-content .delete-confirmation .confirmation-input label{color:var(--gray3)}body.dark .permission-modal-content .delete-confirmation .confirmation-input label strong{color:var(--gray0)}.permission-modal-content .delete-confirmation .confirmation-input input{background:var(--gray0);border:2px solid var(--gray3);border-radius:999px;color:var(--gray10);font-size:1rem;padding:.75rem 1.1rem;transition:border-color .2s ease;width:100%}.permission-modal-content .delete-confirmation .confirmation-input input:focus{border-color:#dc3545;border-color:var(--danger-color,#dc3545);outline:none}.permission-modal-content .delete-confirmation .confirmation-input input::placeholder{color:var(--gray5)}body.dark .permission-modal-content .delete-confirmation .confirmation-input input{background:var(--gray9);border-color:var(--gray7);color:var(--gray0)}body.dark .permission-modal-content .delete-confirmation .confirmation-input input::placeholder{color:var(--gray4)}.permission-modal-content .delete-confirmation .confirmation-actions{display:flex;gap:.75rem}.permission-modal-content .delete-confirmation .confirmation-actions .ModalButton{flex:1 1}@media(max-width:768px){.permission-modal-content .user-icon{height:50px;width:50px}.permission-modal-content .user-name{font-size:1.25rem}}.TeamMembers .count{color:var(--gray5);margin:2px 0 14px}body.dark .TeamMembers .count{color:var(--gray4)}.TeamMembers .members{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.TeamMembers .member{background:var(--primary-color-pastel);border-radius:20px;color:var(--primary-color);font-weight:500;padding:.3rem .85rem;-webkit-user-select:none;user-select:none}body.dark .TeamMembers .member{background:var(--gray7)}.TeamMembers .member .you{font-size:.8rem;margin-left:6px;opacity:.65}.TeamMembers .member--clickable{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.TeamMembers .member--clickable:active:not(:disabled){transform:scale(.95)}.InviteQrModal .qr-tile{background:#fff;border-radius:20px;line-height:0;margin:4px auto 0;padding:16px;width:fit-content}.InviteQrModal .qr-tile svg{display:block;height:auto;width:min(240px,60vw)}.InviteQrModal .qr-tile svg path:nth-of-type(2){fill:color-mix(in srgb,var(--primary-color) 78%,#000)}.InviteQrModal .caption{text-wrap:pretty;color:var(--gray5);margin:16px auto 4px;max-width:280px;text-align:center}body.dark .InviteQrModal .caption{color:var(--gray4)}.TeamInvitation{background:var(--surface);border:1px solid #0000;border-radius:24px;margin-top:10px;overflow:hidden;text-align:left}body.light .TeamInvitation{--primary-color-pastel:var(--surface-pastel)}body.dark .TeamInvitation{border-color:var(--gray7)}.TeamInvitation .row{align-items:center;border-top:1px solid var(--surface-line);display:flex;gap:12px;padding:14px 10px 14px 18px}.TeamInvitation .row:first-child{border-top:0}.TeamInvitation .row .text{flex:1 1;min-width:0}.TeamInvitation .row .text p{margin:0}.TeamInvitation .row .label{font-weight:600}.TeamInvitation .row .description,.TeamInvitation .row .team-id{text-wrap:pretty;color:var(--gray5);font-size:.9rem;margin-top:2px}body.dark .TeamInvitation .row .description,body.dark .TeamInvitation .row .team-id{color:var(--gray4)}.TeamInvitation .row .team-id{font-family:Courier New,monospace;word-break:break-all}.TeamInvitation .row .buttons{display:flex;flex:none;gap:8px}.TeamInvitation .row .qr{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:21px;color:var(--primary-color);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-weight:600;gap:6px;height:42px;justify-content:center;padding:0;transition:transform .12s ease,background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;width:42px}.TeamInvitation .row .qr:active:not(:disabled){transform:scale(.95)}.TeamInvitation .row .qr:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .TeamInvitation .row .qr{background:var(--gray7)}.TeamInvitation .row .qr .icon{display:flex}.TeamInvitation .row .qr .icon svg{stroke:currentColor;height:20px;width:20px}.TeamInvitation .row .copy{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:21px;color:var(--primary-color);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-weight:600;gap:6px;height:42px;padding:0 16px 0 12px;transition:transform .12s ease,background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.TeamInvitation .row .copy:active:not(:disabled){transform:scale(.95)}.TeamInvitation .row .copy:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .TeamInvitation .row .copy{background:var(--gray7)}.TeamInvitation .row .copy .icon{display:flex}.TeamInvitation .row .copy .icon svg{stroke:currentColor;height:20px;width:20px}.TeamInvitation .row .copy--done{background:var(--primary-color);color:var(--gray0)}body.dark .TeamInvitation .row .copy--done{background:var(--primary-color);color:var(--gray10)}.TeamFaces{display:flex;justify-content:center;margin-bottom:14px;-webkit-user-select:none;user-select:none}.TeamFaces .face{align-items:center;border:3px solid var(--surface);border-radius:50%;color:var(--primary-color);display:inline-flex;font-size:1.15rem;font-weight:600;height:56px;justify-content:center;margin-left:-12px;width:56px}.TeamFaces .face:first-child{margin-left:0}.TeamFaces .face--tint0{background:color-mix(in srgb,var(--primary-color) 14%,var(--surface))}.TeamFaces .face--tint1{background:color-mix(in srgb,var(--primary-color) 24%,var(--surface))}.TeamFaces .face--tint2{background:color-mix(in srgb,var(--primary-color) 34%,var(--surface))}.TeamFaces .face--rest{background:var(--primary-color);color:var(--surface);font-size:1rem}.fireworks-background{bottom:0;height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;width:100vw;z-index:0}.fireworks{height:0;left:var(--x);position:absolute;top:var(--y);width:0}.fireworks .particle{animation:burst 2.5s ease-out forwards;animation-delay:var(--delay);background:var(--spark);border-radius:1px;height:2px;margin-top:-1px;opacity:0;position:absolute;transform-origin:left center;width:var(--len)}@keyframes burst{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scaleX(0)}5%{opacity:1}15%{opacity:1;transform:rotate(var(--angle)) translateX(20px) scaleX(1.4)}50%{opacity:.7;transform:rotate(var(--angle)) translateX(80px) scaleX(1)}to{opacity:0;transform:rotate(var(--angle)) translateX(120px) scaleX(.3)}}.fireworks--ring .particle{animation:ring 2.5s ease-out forwards}@keyframes ring{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scaleX(0)}10%{opacity:1}30%{opacity:1;transform:rotate(var(--angle)) translateX(60px) scaleX(1.2)}to{opacity:0;transform:rotate(var(--angle)) translateX(100px) scaleX(.4)}}.fireworks--willow .particle{animation:willow 3s ease-out forwards}@keyframes willow{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scaleX(0);translate:0 0}5%{opacity:1}20%{opacity:1;transform:rotate(var(--angle)) translateX(30px) scaleX(1.3);translate:0 -10px}to{opacity:0;transform:rotate(var(--angle)) translateX(80px) scaleX(.3);translate:0 50px}}.fireworks--spiral .particle{animation:spiral 2.8s ease-out forwards}@keyframes spiral{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scaleX(0)}5%{opacity:1}30%{opacity:1;transform:rotate(calc(var(--angle) + 25deg)) translateX(40px) scaleX(1.3)}to{opacity:0;transform:rotate(calc(var(--angle) + 60deg)) translateX(110px) scaleX(.4)}}.fireworks--double-burst .particle{animation:doubleBurst 3s ease-out forwards}@keyframes doubleBurst{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scaleX(0)}5%{opacity:1}15%{opacity:1;transform:rotate(var(--angle)) translateX(30px) scaleX(1)}25%{opacity:.8;transform:rotate(var(--angle)) translateX(35px) scaleX(.6)}50%{opacity:.7;transform:rotate(var(--angle)) translateX(90px) scaleX(1.5)}to{opacity:0;transform:rotate(var(--angle)) translateX(130px) scaleX(.3)}}@media(prefers-reduced-motion:reduce){.fireworks-background{display:none}}@media(max-width:991.98px){.Team{--mg-container-padding-x:10px}}.Team .content{margin:0 auto 3rem;max-width:525px;padding-top:24px;text-align:center;z-index:1}.Team .content,.Team .header{position:relative}.Team .header .card{background:var(--surface);border:1px solid #0000;border-radius:24px;padding:22px 20px 20px;position:relative;z-index:2}body.light .Team .header .card{--primary-color-pastel:var(--surface-pastel)}body.dark .Team .header .card{border-color:var(--gray7)}.Team .header .name{font-size:2.25rem;font-weight:500;line-height:1.2;margin:0}.RangeSlider{--bar-height:2rem;--settle:320ms cubic-bezier(0.28,1.18,0.4,1);--swell:420ms cubic-bezier(0.28,1.35,0.4,1);position:relative}.RangeSlider.tracking{--settle:0s}.RangeSlider.dragging{--swell:160ms ease-out}.RangeSlider .track{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;-webkit-appearance:none;background:var(--gray2);border-radius:999px;cursor:pointer;display:block;height:var(--bar-height);margin:0;outline:none;touch-action:none;transition:transform var(--swell);user-select:none;-webkit-user-select:none;width:100%}body.dark .RangeSlider .track{background:var(--gray7)}.RangeSlider .track:disabled{cursor:default;opacity:.5}.RangeSlider .fill{background:var(--primary-color);border-radius:999px;clip-path:inset(0 calc(100% - var(--fill)) 0 0);inset:0;pointer-events:none;position:absolute;transition:clip-path var(--settle),transform var(--swell)}body.dark .RangeSlider .fill{background:var(--primary-color-lighter)}.RangeSlider .track:disabled~.fill{opacity:.5}.RangeSlider.dragging .fill,.RangeSlider.dragging .track{transform:scaleY(1.06)}.RangeSlider .track::-webkit-slider-runnable-track{background:#0000;border-radius:inherit;height:100%}.RangeSlider .track::-moz-range-track{background:#0000;border-radius:inherit;height:100%}.RangeSlider .track::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;height:var(--bar-height);width:1px}.RangeSlider .track::-moz-range-thumb{background:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;height:var(--bar-height);width:1px}.RangeSlider .track:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-soft)}.RangeSlider .label{inset:0;pointer-events:none;position:absolute}.RangeSlider .text{align-items:center;color:var(--bg-text);display:flex;font-size:1rem;font-weight:600;gap:.4em;inset:0;justify-content:center;position:absolute}.RangeSlider .value{font-weight:700}.RangeSlider svg{fill:currentColor;height:1.375rem;width:1.375rem}.RangeSlider .text--over{clip-path:inset(0 calc(100% - var(--fill)) 0 0);color:var(--gray10);transition:clip-path var(--settle)}@media(prefers-reduced-motion:reduce){.RangeSlider{--settle:0s;--swell:0s}.RangeSlider.dragging .fill,.RangeSlider.dragging .track{transform:none}}.HelpTrigger{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:none;color:var(--gray4);cursor:pointer;font:inherit;margin-left:2px;padding:0;-webkit-user-select:none;user-select:none}.HelpTrigger:active{opacity:.6}.HelpTrigger.text{color:var(--primary-color);font-weight:500;margin-left:0}.HelpModal .description p{line-height:1.6;margin:0 0 16px;text-align:left}.HelpModal .description p:last-child{margin-bottom:0}.HelpModal .got-it{margin-top:1.5rem}.SettingDetails{color:var(--bg-text);text-align:left}.SettingDetails .heading{font-size:1.05rem;font-weight:700;margin:1.75rem 0 .75rem}.SettingDetails .heading:first-child{margin-top:0}.SettingDetails .paragraph{line-height:1.6;margin:0 0 1rem}.SettingDetails .paragraph:last-child{margin-bottom:0}.SettingDetails .list{line-height:1.6;list-style:disc;margin:0 0 1rem;padding-left:1.2rem}.SettingDetails .list:last-child{margin-bottom:0}.SettingDetails .list li{margin-bottom:.6rem;padding-left:.2rem}.SettingDetails .list li:last-child{margin-bottom:0}.DetailsPill{align-items:center;background:none;border:1px solid var(--primary-color);border-radius:15px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1.35;margin-left:.4rem;padding:0 .45rem;transition:background-color .2s ease,color .2s ease;vertical-align:initial;white-space:nowrap}.DetailsPill:hover{background-color:var(--primary-color);color:var(--gray0)}body.dark .DetailsPill:hover{color:var(--gray9)}.ToggleSwitch{-webkit-user-select:none;user-select:none}.switch-container label{float:right}.switch-container:after{clear:both;content:"";display:table}.HelpTrigger .icon{left:6px;position:relative;top:-2px}.settings-modal .ToggleSwitch,.suggest-songs{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;>span:first-child{font-weight:500;white-space:nowrap}>.HelpTrigger{flex-shrink:0;margin-left:-.25rem;margin-right:.25rem;.icon{left:0;top:0}}>.switch-container{align-items:center;display:flex;flex-shrink:0;margin-left:auto;label{float:none;margin:0}&:after{display:none}}}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--gray2-1);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}body.dark .slider{background-color:var(--gray7)}.slider:before{background-color:var(--gray0);bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}body.dark .slider:before{background-color:var(--gray9)}.switch input:checked+.slider{background-color:var(--primary-color)}.switch input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}.switch input:checked+.slider:before{transform:translateX(26px)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.switch input:disabled+.slider{cursor:not-allowed;opacity:.5}.switch input:disabled+.slider:before{background-color:var(--gray2)}.switch input:disabled:checked+.slider{background-color:var(--gray4)}.switch.with-text{height:30px;width:60px}.switch.with-text .slider:before{bottom:3px;height:24px;left:3px;width:24px}body.dark .switch.with-text .slider:before{background-color:var(--gray9)}.switch.with-text input:checked+.slider:before{transform:translateX(30px)}.slider-text{color:var(--gray6);font-size:11px;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease}body.dark .slider-text{color:var(--gray4)}.switch input:checked+.slider .slider-text{color:var(--gray0);left:8px;right:auto}body.dark .switch input:checked+.slider .slider-text{color:var(--gray10)}.toggle-switch-description{color:var(--gray6);display:block;flex:1 1 100%;font-size:.8rem;line-height:1.4;margin-top:.5rem;width:100%}body.dark .toggle-switch-description{color:var(--gray5)}.toggle-switch-label{font-weight:500}.settings-modal .ToggleSwitch:not(:first-child){border-top:1px solid var(--gray2);margin-top:1rem;padding-top:1rem}body.dark .settings-modal .ToggleSwitch:not(:first-child){border-top-color:var(--gray7)}.settings-modal .toggle-switch-description,.settings-modal .toggle-switch-label{font-size:1rem}.settings-modal .toggle-switch-label{font-weight:600}.NoSoundHelp{align-items:center;display:flex;flex-direction:column}.NoSoundHelp .toggle{align-items:center;background:none;border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.35rem;line-height:1.35;padding:.25rem .75rem}.NoSoundHelp .toggle .icon{display:flex}.NoSoundHelp .toggle .icon svg{height:16px;width:16px}.NoSoundHelp .drawer{--slide-duration:250ms;align-self:stretch;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--slide-duration) ease,visibility 0s linear var(--slide-duration);visibility:hidden}@media(prefers-reduced-motion:reduce){.NoSoundHelp .drawer{--slide-duration:0ms}}.NoSoundHelp .drawer .drawer-inner{min-height:0;overflow:hidden}.NoSoundHelp .drawer--open{grid-template-rows:1fr;transition:grid-template-rows var(--slide-duration) ease,visibility 0s;visibility:visible}.NoSoundHelp .help{background-color:var(--gray1);border-radius:6px;color:var(--bg-text);font-size:.9rem;line-height:1.45;margin-top:.5rem;padding:.75rem 1rem;text-align:left}body.dark .NoSoundHelp .help{background-color:var(--gray8)}.NoSoundHelp .help .intro{margin:0 0 .5rem}.NoSoundHelp .help .reasons{list-style:disc;margin:0;padding-left:1.2rem}.NoSoundHelp .help .reasons li{margin-bottom:.35rem}.NoSoundHelp .help .reasons li:last-child{margin-bottom:0}.NoSoundHelp,.sound-type-control{margin-bottom:1.5rem}.sound-type-control{display:flex;flex-direction:column;gap:.5rem}.sound-type-control .sound-type-select,.sound-type-control label{color:var(--bg-text);font-size:14px;font-weight:500}.sound-type-control .sound-type-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--gray1);border:1px solid var(--gray2);border-radius:6px;cursor:pointer;font-family:inherit;line-height:1.4;padding:.5rem;transition:all .2s ease;width:100%}body.dark .sound-type-control .sound-type-select{background-color:var(--gray8);border-color:var(--gray7)}.sound-type-control .sound-type-select:hover{border-color:var(--gray3)}body.dark .sound-type-control .sound-type-select:hover{border-color:var(--gray6)}.sound-type-control .sound-type-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring-soft);outline:none}body.dark .sound-type-control .sound-type-select:focus{box-shadow:0 0 0 3px #5791e926}.metronome-plugin .btn-play-stop{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;height:2rem;justify-content:center;min-width:2rem;padding:0;transition:transform .12s ease;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:2rem}.metronome-plugin .btn-play-stop:active:not(:disabled):not(.disabled){transform:scale(.95)}body.dark .metronome-plugin .btn-play-stop{background:var(--gray7);color:var(--gray3)}.metronome-plugin .btn-play-stop .icon svg{stroke:currentColor}.metronome-plugin .btn-play-stop .icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.metronome-plugin .btn-play-stop.flashing{animation:metronome-flash .1s ease;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);color:var(--gray0)}body.dark .metronome-plugin .btn-play-stop.flashing{background:var(--primary-color);color:var(--gray10)}.metronome-plugin .btn-play-stop.disabled{cursor:not-allowed;opacity:.5}.metronome-plugin .display-value{position:relative;top:.1rem}.metronome-plugin .display-value.disabled{color:var(--gray4)}body.dark .metronome-plugin .display-value.disabled{color:var(--gray4-dark)}.metronome-plugin .plugin__controls{align-items:center;display:flex}.metronome-icon{flex-shrink:0;height:20px;width:20px}@keyframes metronome-flash{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.SongChartsModal .coverage{margin:0 0 1.25rem}.SongChartsModal .coverage .summary{display:flex;justify-content:center}.SongChartsModal .coverage .missing{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:1.25rem}.SongChartsModal .coverage .missing .missing-part{--part-surface:var(--gray0);align-items:center;background:none;border:1px dashed var(--note-text);border-radius:999px;color:var(--note-text);display:inline-flex;font-family:inherit;font-size:.9rem;gap:.3rem;padding:.3rem .6rem;-webkit-user-select:none;user-select:none}body.dark .SongChartsModal .coverage .missing .missing-part{--part-surface:var(--gray9)}.SongChartsModal .coverage .missing .missing-part .chip{border-radius:max(4px,.25em);display:inline-block;font-weight:500;padding:.1em .2em;white-space:nowrap}.SongChartsModal .coverage .missing button.missing-part{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.SongChartsModal .coverage .missing button.missing-part:active:not(:disabled){transform:scale(.96)}.SongChartsModal .coverage .missing .add-icon{stroke:currentColor;height:1.1rem;width:1.1rem}.SongChartsModal .parts{background:var(--surface);border-radius:20px;list-style:none;margin:0;overflow:hidden;padding:0}.SongChartsModal .parts li+li{border-top:1px solid var(--surface-line)}.SongChartsModal .part{--part-surface:var(--surface);align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;gap:.6rem;min-height:52px;padding:.55rem 1rem;text-align:left;-webkit-user-select:none;user-select:none;width:100%}.SongChartsModal .part:active{background:var(--surface-line)}.SongChartsModal .part .chip{border-radius:max(4px,.25em);display:inline-block;font-weight:500;padding:.1em .2em;white-space:nowrap}.SongChartsModal .part .bars{font-feature-settings:"tnum";color:var(--note-text);font-size:.85rem;font-variant-numeric:tabular-nums}body.light .SongChartsModal .instrumental,body.light .SongChartsModal .intro,body.light .SongChartsModal .music,body.light .SongChartsModal .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light .SongChartsModal .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light .SongChartsModal .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light .SongChartsModal .chorus,body.light .SongChartsModal .refrain,body.light .SongChartsModal .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light .SongChartsModal .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light .SongChartsModal .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light .SongChartsModal .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}body.dark .SongChartsModal{--part-surface:var(--gray10)}body.dark .SongChartsModal .instrumental,body.dark .SongChartsModal .intro,body.dark .SongChartsModal .music,body.dark .SongChartsModal .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.dark .SongChartsModal .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.dark .SongChartsModal .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.dark .SongChartsModal .chorus,body.dark .SongChartsModal .refrain,body.dark .SongChartsModal .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.dark .SongChartsModal .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.dark .SongChartsModal .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.dark .SongChartsModal .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}body.color-theme .SongChartsModal .instrumental,body.color-theme .SongChartsModal .intro,body.color-theme .SongChartsModal .music,body.color-theme .SongChartsModal .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.color-theme .SongChartsModal .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.color-theme .SongChartsModal .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.color-theme .SongChartsModal .chorus,body.color-theme .SongChartsModal .refrain,body.color-theme .SongChartsModal .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.color-theme .SongChartsModal .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.color-theme .SongChartsModal .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.color-theme .SongChartsModal .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}.piano-scale{--key-white-bg:#fff;--key-white-border:var(--gray3,#bebebe);--key-black-bg:var(--gray8,#333);--key-black-border:#111;--key-surface:var(--surface);--key-surface-border:var(--gray2);--key-label:var(--bg-text,#141414);--key-lit-white:var(--primary-color);--key-lit-white-border:var(--primary-color-darker,#3070b0);--key-lit-black:var(--accent-secondary);--key-lit-black-border:var(--accent-secondary-darker);--key-lit-label:#fff;margin:10px 0}.piano-scale__keyboard{display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:0}.piano-scale__keys{align-items:flex-start;background:var(--key-surface);border:1px solid var(--key-surface-border);border-radius:12px;display:flex;gap:0;padding:6px;position:relative}.piano-scale--elevated{margin:0}.piano-scale--elevated .piano-scale__keys{background:#0000;border:none;border-radius:0;padding:0}.piano-scale__key{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:3px;position:relative;transition:background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.piano-scale__key--white{background:var(--key-white-bg);border:1px solid var(--key-white-border);border-radius:0 0 4px 4px;color:var(--key-label);height:60px;margin-right:1px;width:24px;z-index:1}.piano-scale__key--white:last-child{margin-right:0}.piano-scale__key--black{background:var(--key-black-bg);border:1px solid var(--key-black-border);border-radius:0 0 3px 3px;color:#fff;height:40px;margin-left:-9px;margin-right:-8px;width:16px;z-index:2}.piano-scale__key--highlighted.piano-scale__key--white{background:var(--key-lit-white);border-color:var(--key-lit-white-border);color:var(--key-lit-label)}.piano-scale__key--highlighted.piano-scale__key--black{background:var(--key-lit-black);border-color:var(--key-lit-black-border);color:var(--key-lit-label)}.piano-scale__key--muted.piano-scale__key--white{background:color-mix(in srgb,var(--key-lit-white) 20%,var(--key-white-bg));border-color:color-mix(in srgb,var(--key-lit-white) 50%,var(--key-white-bg));color:var(--key-label)}.piano-scale__key--muted.piano-scale__key--black{background:color-mix(in srgb,var(--key-lit-black) 20%,var(--key-black-bg));border-color:color-mix(in srgb,var(--key-lit-black) 50%,var(--key-black-bg));color:var(--key-label)}.piano-scale__note-label{font-size:9px;font-weight:700;line-height:1;pointer-events:none;text-align:center;white-space:nowrap}body.dark .piano-scale{--key-white-bg:var(--gray7,#3a3a3a);--key-white-border:var(--gray6,#555);--key-black-bg:#111;--key-black-border:#000;--key-surface:var(--surface);--key-surface-border:var(--gray7);--key-label:var(--gray2,#ccc);--key-lit-label:var(--gray10,#141414)}@media(max-width:480px){.piano-scale__keyboard{padding:0}.piano-scale__keys{padding:4px}.piano-scale__key--white{height:52px;width:20px}.piano-scale__key--black{height:34px;margin-left:-7px;margin-right:-7px;width:13px}}.scale-chords{display:flex;gap:4px;margin-top:10px;overflow-x:auto;overflow-y:hidden}.scale-chords__chord{--chord-color:var(--gray4-1);--chord-surface:var(--gray2);--chord-on-fill:#fff;--push-edge:color-mix(in srgb,var(--chord-color) 55%,#000);-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--chord-surface);background-color:var(--push-face,var(--chord-surface));border:1px solid var(--chord-color);border-radius:6px;box-shadow:0 0 #0000,0 3px 0 var(--push-edge),0 4px 3px #0000002e;box-shadow:var(--push-ring,0 0 #0000),0 3px 0 var(--push-edge),0 4px 3px #0000002e;color:var(--chord-color);color:var(--push-text,var(--chord-color));cursor:pointer;flex:1 1 auto;font-size:15px;font-weight:700;line-height:1.2;margin-bottom:3px;padding:6px 8px;position:relative;transition:transform 70ms ease-out,box-shadow 70ms ease-out,background-color 70ms ease-out;white-space:nowrap}.scale-chords__chord.is-pressed,.scale-chords__chord:active{background-color:var(--chord-color);box-shadow:0 0 #0000,0 0 0 var(--push-edge);box-shadow:var(--push-ring,0 0 #0000),0 0 0 var(--push-edge);color:var(--chord-on-fill);transform:translateY(3px)}.scale-chords__chord.major{--chord-color:var(--primary-color)}.scale-chords__chord.minor{--chord-color:var(--accent-secondary)}.scale-chords__chord.diminished{--chord-color:var(--accent-tertiary)}body.dark .scale-chords__chord{--chord-surface:var(--gray8);--chord-on-fill:var(--gray10);--push-text:color-mix(in srgb,var(--chord-color) 45%,#fff)}.scale-chords__chord:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .scale-chords__chord{--chord-surface:var(--gray7)}@media(max-width:480px){.scale-chords{gap:3px}.scale-chords__chord{font-size:14px;padding:6px 5px}}.piano-scale-popup{background:#fff;background:var(--white,#fff);border:1px solid var(--gray2);border-radius:16px;box-shadow:0 4px 20px #0000002e;padding:10px 12px 12px;position:fixed;-webkit-user-select:none;user-select:none;visibility:hidden;z-index:9999}body.dark .piano-scale-popup{background:#2a2a2a;background:var(--gray8,#2a2a2a);border-color:var(--gray7);box-shadow:0 4px 20px #00000080}@media(max-width:480px){.piano-scale-popup{padding:8px 10px 10px}}.SongDetails{font-size:1rem;margin-bottom:.7rem;-webkit-user-select:none;user-select:none;white-space:pre-wrap}.SongDetails .card{background:var(--surface);border:1px solid #0000;border-radius:20px;padding:6px 8px}body.light .SongDetails .card{--primary-color-pastel:var(--surface-pastel)}body.dark .SongDetails .card{border-color:var(--gray7)}.SongDetails .stats{align-items:stretch;display:flex}.SongDetails .stats .stat{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:0 4px;white-space:nowrap}.SongDetails .stats .stat+.stat{border-left:1px solid var(--gray2)}body.dark .SongDetails .stats .stat+.stat{border-left-color:var(--gray7)}.SongDetails .stats .stat-value{font-size:1.3rem;font-weight:600;line-height:1.15}.SongDetails .stats .song-key{-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;transition:transform .12s ease,color .2s ease;-webkit-user-select:none;user-select:none}.SongDetails .stats .song-key:active:not(:disabled){transform:scale(.92)}.SongDetails .stats .stat-label{align-items:center;color:var(--gray5);display:flex;font-size:.65rem;font-weight:600;height:14px;letter-spacing:.06em;text-transform:uppercase}.SongDetails .stats .stat-label .icon svg{stroke:currentColor;stroke-width:2;height:13px;width:13px}.SongDetails .stats .key-stat .key-col{align-items:center;display:flex;flex-direction:column}.SongDetails .stats .key-stat.transposed{flex-direction:row;flex-grow:2;gap:10px}@media(max-width:440px){.SongDetails .stats .key-stat.transposed{flex-grow:1.5;gap:6px}}.SongDetails .stats .key-stat .reset-key-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:21px;border-radius:18px;color:var(--primary-color);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-size:1rem;font-weight:600;gap:6px;gap:4px;height:42px;height:36px;padding:0 12px 0 9px;transition:transform .12s ease,background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.SongDetails .stats .key-stat .reset-key-btn:active:not(:disabled){transform:scale(.95)}.SongDetails .stats .key-stat .reset-key-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .SongDetails .stats .key-stat .reset-key-btn{background:var(--gray7)}.SongDetails .stats .key-stat .reset-key-btn .icon{display:flex}.SongDetails .stats .key-stat .reset-key-btn .icon svg{stroke:currentColor;stroke-width:2;height:20px;height:18px;width:20px;width:18px}.SongDetails .stats .key-stat .reset-key-btn .offset{font-size:.8rem;margin-left:2px;opacity:.7}body.dark .SongDetails .stats .key-stat .reset-key-btn{color:var(--primary-color-dark-mode-text)}@media(max-width:440px){.SongDetails .stats .key-stat .reset-key-btn{justify-content:center;padding:0;width:36px}.SongDetails .stats .key-stat .reset-key-btn .original-key{display:none}}.SongDetails .stats .youtube{color:var(--red-color)}body.dark .SongDetails .stats .youtube{color:var(--red-color-lighter)}.SongDetails .stats .youtube .icon svg{stroke:currentColor;height:30px;width:30px}.SongDetails .stats .youtube.unavailable{cursor:not-allowed;opacity:.5;pointer-events:none}.SongDetails .stats .youtube.unavailable,body.dark .SongDetails .stats .youtube.unavailable{color:var(--gray5)}.AutoScrollPlugin.mirror{margin-right:0}.AutoScrollPlugin .btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;height:2rem;justify-content:center;margin-right:.4rem;min-width:2rem;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:2rem}.AutoScrollPlugin .btn:active:not(:disabled):not(.disabled){transform:scale(.95)}body.dark .AutoScrollPlugin .btn{background:var(--gray7);color:var(--gray3)}.AutoScrollPlugin .btn .icon svg{stroke:currentColor}.AutoScrollPlugin .btn.has-preference{box-shadow:inset 0 0 0 2px currentColor}.AutoScrollPlugin .btn.selected{background:var(--primary-color);box-shadow:none;color:var(--gray0)}body.dark .AutoScrollPlugin .btn.selected{background:var(--primary-color);color:var(--gray10)}.AutoScrollPlugin .btn:last-child{margin-right:0}.AutoScrollPlugin--compact.disabled{opacity:.4;pointer-events:none}.AutoScrollPlugin .plugin__controls{align-items:center;display:inline-flex;gap:.4rem}.AutoScrollPlugin .plugin__controls .btn-play-stop{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;height:2rem;justify-content:center;min-width:2rem;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:2rem}.AutoScrollPlugin .plugin__controls .btn-play-stop:active:not(:disabled):not(.disabled){transform:scale(.95)}body.dark .AutoScrollPlugin .plugin__controls .btn-play-stop{background:var(--gray7);color:var(--gray3)}.AutoScrollPlugin .plugin__controls .btn-play-stop .icon svg{stroke:currentColor}.AutoScrollPlugin .plugin__controls .btn-play-stop .icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.AutoScrollPlugin .plugin__controls .btn-play-stop.active{background:var(--primary-color);color:var(--gray0)}body.dark .AutoScrollPlugin .plugin__controls .btn-play-stop.active{background:var(--primary-color);color:var(--gray10)}.AutoScrollPlugin .plugin__controls .pace{display:inline-block;flex-shrink:0;transition:width .24s cubic-bezier(.3,.9,.4,1);width:3.6rem}.AutoScrollPlugin .plugin__controls .pace.open{width:11rem}.AutoScrollPlugin .plugin__controls .pace-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);font-feature-settings:"tnum";align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;height:2rem;justify-content:center;min-width:2rem;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:100%}.AutoScrollPlugin .plugin__controls .pace-btn:active:not(:disabled):not(.disabled){transform:scale(.95)}body.dark .AutoScrollPlugin .plugin__controls .pace-btn{background:var(--gray7);color:var(--gray3)}.AutoScrollPlugin .plugin__controls .pace-btn .icon svg{stroke:currentColor}.AutoScrollPlugin .plugin__controls .pace-btn:disabled{cursor:default}.AutoScrollPlugin .plugin__controls .RangeSlider{--bar-height:2rem}.AutoScrollPlugin .plugin__controls .RangeSlider .fill,.AutoScrollPlugin .plugin__controls .RangeSlider .track{border-radius:1rem}.AutoScrollPlugin .plugin__controls .RangeSlider .text{font-feature-settings:"tnum";font-size:.9rem;font-variant-numeric:tabular-nums}.AutoScrollPlugin--compact{align-items:center;display:flex;gap:.2rem;margin-right:.5rem}.AutoScrollPlugin--compact .compactBtn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;cursor:pointer;display:flex;justify-content:center;transition:transform .12s ease,opacity .2s;-webkit-user-select:none;user-select:none}.AutoScrollPlugin--compact .compactBtn:active:not(:disabled):not(.disabled){transform:scale(.9)}.AutoScrollPlugin--compact .compactBtn.disabled{cursor:default;opacity:.3}.AutoScrollPlugin--compact .compactIconUp svg{transform:rotate(90deg)}.AutoScrollPlugin--compact .compactIconDown svg{transform:rotate(-90deg)}.AutoScrollPlugin--compact .compactLabel{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:var(--primary-color);border-radius:.25rem;color:var(--gray0);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;min-width:2.5rem;padding:.5rem .45rem;text-align:center;transition:transform .12s ease,opacity .2s;-webkit-user-select:none;user-select:none}.AutoScrollPlugin--compact .compactLabel:active:not(:disabled){transform:scale(.95)}.AutoScrollPlugin--compact .compactLabel:hover{opacity:.9}.AutoScrollPlugin--compact .compactLabel:not(.active){opacity:.7}.AutoScrollPlugin--compact .compactLabel.smart{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:3.9rem}.AutoScrollPlugin--compact .compactLabel .trend{flex-shrink:0;height:10px;margin-right:.35rem;position:relative;width:8px}.AutoScrollPlugin--compact .compactLabel .trend:before{border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.AutoScrollPlugin--compact .compactLabel .trend--steady:before{background-color:currentColor;border:0;border-radius:50%;height:7px;left:50%;opacity:.45;transform:translate(-50%,-50%);width:7px}.AutoScrollPlugin--compact .compactLabel .trend--faster:before,.AutoScrollPlugin--compact .compactLabel .trend--slower:before{animation:auto-scroll-trend-pulse 1.2s ease-in-out infinite;animation:auto-scroll-trend-pulse var(--trend-pulse,1.2s) ease-in-out infinite}.AutoScrollPlugin--compact .compactLabel .trend--faster:before{border-bottom:6px solid}.AutoScrollPlugin--compact .compactLabel .trend--slower:before{border-top:6px solid}.view__service-bar .AutoScrollPlugin--compact,.view__service-bar .AutoScrollPlugin.mirror{display:none}.view__service-bar.pinned .AutoScrollPlugin.mirror{display:block}.view__service-bar.pinned .AutoScrollPlugin--compact{display:flex}@keyframes auto-scroll-trend-pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.AutoScrollPlugin--compact .compactLabel .trend:before{animation:none!important}}body.dark .AutoScrollPlugin--compact .compactBtn.disabled{opacity:.3}body.dark .AutoScrollPlugin--compact .compactLabel{color:var(--gray10)}.service-progress-bar{background:#0000;left:50%;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);transform:translateX(-50%) scaleY(0);transform-origin:top;transition:opacity .3s ease,transform .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100vw;z-index:1}.service-progress-bar.visible{opacity:1;pointer-events:auto;transform:translateX(-50%) scaleY(1)}.service-progress-bar__track{background:var(--gray2);box-shadow:0 2px 4px #00000026;display:flex;height:6px;margin:0;position:relative;width:100%}.service-progress-bar__segment{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--gray2);border-right:1px solid var(--gray0);height:100%;overflow:visible;position:relative;transition:transform .12s ease,background .3s ease,opacity .3s ease;-webkit-user-select:none;user-select:none}.service-progress-bar__segment:active:not(:disabled){transform:scale(.95)}.service-progress-bar__segment:last-child{border-right:none}.service-progress-bar__segment-remaining{animation:fadeInRemaining .3s ease forwards;background:var(--red-color);height:100%;opacity:0;position:absolute;right:0;top:0;transition:width .1s linear,opacity .3s ease;width:0}@keyframes fadeInRemaining{0%{opacity:0}to{opacity:.4}}.service-progress-bar__segment-fill{background:var(--primary-color);height:100%;left:0;opacity:.6;position:absolute;top:0;transition:width .1s linear;width:0;z-index:1}.service-progress-bar__segment.active{background:var(--gray3)}.service-progress-bar__segment.active .service-progress-bar__segment-fill,.service-progress-bar__segment.active .service-progress-bar__segment-remaining{opacity:.85}.service-progress-bar__segment.completed{background:var(--primary-color)}.service-progress-bar__segment.completed .service-progress-bar__segment-fill{opacity:1}.service-progress-bar__segment:hover{background:var(--gray4)}.service-progress-bar__segment.completed:hover{opacity:.9}.service-progress-bar__segment{cursor:pointer}body.dark .service-progress-bar{background:#0000}body.dark .service-progress-bar__track{background:var(--gray8);box-shadow:0 1px 3px #0000004d}body.dark .service-progress-bar__segment{background:var(--gray8);border-right-color:var(--gray10)}body.dark .service-progress-bar__segment.active{background:var(--gray7)}body.dark .service-progress-bar__segment-remaining{background:var(--red-color-lighter)}body.dark .service-progress-bar__segment.active .service-progress-bar__segment-remaining{opacity:.85}@media(max-width:768px){.service-progress-bar__track{height:5px}}.SongListModal .exit{align-items:center;display:flex;gap:.4rem;justify-content:center}.SongListModal .exit .icon{display:flex}.SongListModal .exit .icon svg{stroke:currentColor;fill:none;width:20px}.font-size-plugin .btn-decrease-value,.font-size-plugin .btn-increase-value{cursor:pointer}.font-size-plugin .btn-decrease-value.disabled,.font-size-plugin .btn-increase-value.disabled{cursor:not-allowed;opacity:.5}.ExportPlugin .btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;height:2rem;justify-content:center;min-width:2rem;min-width:3.75rem;padding:0 .75rem;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.ExportPlugin .btn:active:not(:disabled):not(.disabled){transform:scale(.95)}body.dark .ExportPlugin .btn{background:var(--gray7);color:var(--gray3)}.ExportPlugin .btn .icon svg{stroke:currentColor}.ViewSongPlugins{color:var(--primary-color);display:flex;gap:1.3rem;height:60px;margin-inline:calc(var(--mg-container-padding-x)*-1);margin-bottom:.2rem;padding-left:var(--mg-container-padding-x);-webkit-user-select:none;user-select:none}body.dark .view-song .ViewSongPlugins{color:var(--gray3)}.ViewSongPlugins .song-plugin{display:inline-block}.ViewSongPlugins .song-plugin .plugin__title{display:block;font-size:.7rem;font-weight:700;margin:0 0 .4rem;text-transform:uppercase}.ViewSongPlugins .song-plugin .display-value{cursor:default;display:inline-block;font-size:.9rem;font-weight:600;text-align:center;vertical-align:middle;width:45px}.ViewSongPlugins .song-plugin .btn-decrease-value,.ViewSongPlugins .song-plugin .btn-increase-value{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;height:2rem;justify-content:center;min-width:2rem;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;width:2rem}.ViewSongPlugins .song-plugin .btn-decrease-value:active:not(:disabled):not(.disabled),.ViewSongPlugins .song-plugin .btn-increase-value:active:not(:disabled):not(.disabled){transform:scale(.95)}body.dark .ViewSongPlugins .song-plugin .btn-decrease-value,body.dark .ViewSongPlugins .song-plugin .btn-increase-value{background:var(--gray7);color:var(--gray3)}.ViewSongPlugins .song-plugin .btn-decrease-value .icon svg,.ViewSongPlugins .song-plugin .btn-increase-value .icon svg{stroke:currentColor}.ViewSongPlugins .song-plugin .btn-decrease-value .icon,.ViewSongPlugins .song-plugin .btn-increase-value .icon{display:flex;margin:0}.ViewSongPlugins .song-plugin .btn-decrease-value.disabled,.ViewSongPlugins .song-plugin .btn-increase-value.disabled{cursor:not-allowed;opacity:.5}.ViewSongPlugins .song-plugin .plugin__body{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;height:2rem;justify-content:center;min-width:2rem;min-width:3.75rem;padding:0 .75rem;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.ViewSongPlugins .song-plugin .plugin__body:active:not(:disabled):not(.disabled){transform:scale(.95)}body.dark .ViewSongPlugins .song-plugin .plugin__body{background:var(--gray7);color:var(--gray3)}.ViewSongPlugins .song-plugin .plugin__body .icon svg{stroke:currentColor}.ViewSongPlugins .song-plugin .plugin__body.on{background:var(--primary-color);color:var(--gray0)}body.dark .ViewSongPlugins .song-plugin .plugin__body.on{background:var(--primary-color);color:var(--gray10)}.ViewSongPlugins .song-plugin:last-child{padding-right:var(--mg-container-padding-x)}.ViewSongPlugins .song-plugin.disabled{opacity:.5;pointer-events:none}.ViewSongPlugins .song-plugin.disabled .btn-decrease-value,.ViewSongPlugins .song-plugin.disabled .btn-increase-value,.ViewSongPlugins .song-plugin.disabled .plugin__title{cursor:not-allowed}.ChordPiano{--key-lit-white:var(--primary-color,#4a90d9);--key-lit-white-border:var(--primary-color-darker,#3070b0);--key-lit-black:var(--accent-secondary);--key-lit-black-border:var(--accent-secondary-darker);--key-lit-label:#fff;background:#fff;background:var(--white,#fff);border:1px solid var(--gray2);border-radius:16px;box-shadow:0 4px 20px #0000002e;padding:8px 10px 10px;position:fixed;-webkit-user-select:none;user-select:none;visibility:hidden;z-index:9999}.ChordPiano .header{align-items:center;color:#555;color:var(--gray7,#555);display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.03em;margin-bottom:6px}.ChordPiano .header sup{font-size:.62em;line-height:0;position:relative;top:-.45em;vertical-align:initial}.ChordPiano .header .scale-badge{align-items:center;background:color-mix(in srgb,var(--chord-color) 14%,#0000);border:1px solid #0000;border-radius:999px;color:var(--chord-color);display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:5px;letter-spacing:normal;line-height:1.4;padding:2px 8px}.ChordPiano .header .scale-badge.chord-family--key{--chord-color:var(--primary-color)}.ChordPiano .header .scale-badge.chord-family--aeolian,.ChordPiano .header .scale-badge.chord-family--ionian{--chord-color:var(--part-purple)}.ChordPiano .header .scale-badge.chord-family--dorian{--chord-color:var(--part-blue)}.ChordPiano .header .scale-badge.chord-family--phrygian{--chord-color:var(--part-red)}.ChordPiano .header .scale-badge.chord-family--lydian{--chord-color:var(--part-yellow)}.ChordPiano .header .scale-badge.chord-family--mixolydian{--chord-color:var(--part-green)}.ChordPiano .header .scale-badge.chord-family--locrian{--chord-color:var(--part-pink)}.ChordPiano .header .scale-badge.chord-family--chromatic{--chord-color:var(--part-orange)}.ChordPiano .header .scale-badge:before{background:currentColor;border-radius:50%;content:"";height:7px;width:7px}.ChordPiano .keyboard{align-items:flex-start;display:flex;gap:0}.ChordPiano .bass-section{align-items:center;display:flex;flex-direction:column;gap:4px;margin-right:2px}.ChordPiano .bass-label{color:#999;color:var(--gray5,#999);font-size:9px;letter-spacing:.04em;text-transform:lowercase}.ChordPiano .separator{align-self:stretch;border-right:1px dashed #ddd;border-right:1px dashed var(--gray3,#ddd);margin-right:6px;width:6px}.ChordPiano .keys{align-items:flex-start;display:flex;position:relative}.ChordPiano .key{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:3px;position:relative;transition:background .12s ease}.ChordPiano .key.key--white{background:#fff;border:1px solid #ddd;border:1px solid var(--gray3,#ddd);border-radius:0 0 4px 4px;height:60px;margin-right:1px;width:24px;z-index:1}.ChordPiano .key.key--white:last-child{margin-right:0}.ChordPiano .key.key--black{background:#333;background:var(--gray8,#333);border:1px solid #111;border-radius:0 0 3px 3px;color:#fff;height:40px;margin-left:-9px;margin-right:-8px;width:16px;z-index:2}.ChordPiano .key.key--isolated.key--black{margin-left:0;margin-right:0;width:18px}.ChordPiano .key.key--chord-tone.key--white{background:var(--key-lit-white);border-color:var(--key-lit-white-border);color:var(--key-lit-label)}.ChordPiano .key.key--bass.key--black,.ChordPiano .key.key--bass.key--white,.ChordPiano .key.key--chord-tone.key--black{background:var(--key-lit-black);border-color:var(--key-lit-black-border);color:var(--key-lit-label)}.ChordPiano .note-label{color:inherit;font-size:9px;font-weight:700;line-height:1;pointer-events:none;white-space:nowrap}body.dark .ChordPiano{--key-lit-label:var(--gray10,#141414);background:#2a2a2a;background:var(--gray8,#2a2a2a);border-color:var(--gray7);box-shadow:0 4px 20px #00000080}body.dark .ChordPiano .header{color:#ccc;color:var(--gray2,#ccc)}body.dark .ChordPiano .bass-label{color:#888;color:var(--gray4,#888)}body.dark .ChordPiano .key.key--white,body.dark .ChordPiano .separator{border-color:#555;border-color:var(--gray6,#555)}body.dark .ChordPiano .key.key--white{background:#3a3a3a;background:var(--gray7,#3a3a3a);color:#ccc;color:var(--gray2,#ccc)}body.dark .ChordPiano .key.key--black{background:#111;border-color:#000}body.dark .ChordPiano .key.key--chord-tone.key--white{background:var(--key-lit-white);border-color:var(--key-lit-white-border);color:var(--key-lit-label)}body.dark .ChordPiano .key.key--bass.key--black,body.dark .ChordPiano .key.key--bass.key--white,body.dark .ChordPiano .key.key--chord-tone.key--black{background:var(--key-lit-black);border-color:var(--key-lit-black-border);color:var(--key-lit-label)}@media(max-width:480px){.ChordPiano{padding:8px 10px 10px}.ChordPiano .key.key--white{height:81px;width:31px}.ChordPiano .key.key--black{height:54px;margin-left:-11px;margin-right:-11px;width:20px}.ChordPiano .key.key--isolated.key--black{width:24px}.ChordPiano .note-label{font-size:12px}.ChordPiano .bass-label{font-size:14px}}.RestMark{align-items:center;display:inline-flex;font-weight:500;letter-spacing:.02em;white-space:nowrap}.RestMark .glyph{stroke:currentColor;height:1.1em;width:1.1em}.RestMark--count-in{font-feature-settings:"tnum";font-size:.75em;font-variant-numeric:tabular-nums;gap:.4em}.ChordBarsChart{--cb-text:var(--gray8);--cb-dim:var(--gray7);--cb-muted:var(--gray5);--cb-surface:var(--gray1);--cb-surface-raised:var(--gray2);--cb-border:var(--gray4);--cb-border-soft:var(--gray3);--cb-family-key:var(--primary-color);--cb-family-aeolian:var(--part-purple);--cb-family-ionian:var(--part-purple);--cb-family-dorian:var(--part-blue);--cb-family-phrygian:var(--part-red);--cb-family-lydian:var(--part-yellow);--cb-family-mixolydian:var(--part-green);--cb-family-locrian:var(--part-pink);--cb-family-chromatic:var(--part-orange);container-type:inline-size;display:block;margin:.35em 0 .5em;white-space:normal}body.dark .ChordBarsChart{--cb-text:var(--gray0);--cb-dim:var(--gray3);--cb-surface:var(--gray8);--cb-surface-raised:var(--gray8);--cb-border:var(--gray6);--cb-border-soft:var(--gray7)}.ChordBarsChart .fit{align-items:stretch;display:flex;font-size:clamp(12px,(100cqw - 6px)/12,1em);font-size:clamp(12px,(100cqw - 6px)/var(--fit-units,12),1em);font-weight:600;line-height:1.3;max-width:32em;max-width:calc(var(--fit-max, 32)*1em)}.ChordBarsChart .bar-lines{display:flex;flex:1 1;flex-direction:column;min-width:0}.ChordBarsChart .bar-line{align-items:stretch;display:flex}.ChordBarsChart .bar-line--section-start{margin-top:.18em}.ChordBarsChart .bar-line--section-start .bar{border-top:2px solid var(--cb-muted)}.ChordBarsChart .bar{align-items:center;background:var(--cb-surface);border:1px solid #0000;border-left:2px solid var(--cb-muted);color:var(--cb-text);display:flex;flex:1 0 3em;flex:1 0 calc(var(--bar-em, 3)*1em);gap:.3em;justify-content:space-between;padding:.3em .45em}.ChordBarsChart .bar:last-child{border-right:2px solid var(--cb-muted)}.ChordBarsChart .bar--sounding{background:color-mix(in srgb,var(--primary-color) 28%,var(--cb-surface))}.ChordBarsChart .bar--filler{background:color-mix(in srgb,var(--cb-surface) 40%,#0000);border-left-color:var(--cb-border-soft)}.ChordBarsChart .bar--filler:last-child{border-right-color:var(--cb-border-soft)}.ChordBarsChart .bar:not(.bar--filler)+.bar--filler{border-left-color:var(--cb-muted)}.ChordBarsChart .chord{color:var(--primary-color);color:var(--chord-color,var(--primary-color));font-weight:600;white-space:nowrap}.ChordBarsChart .chord.chord-family--key{--chord-color:var(--primary-color)}.ChordBarsChart .chord.chord-family--aeolian,.ChordBarsChart .chord.chord-family--ionian{--chord-color:var(--part-purple)}.ChordBarsChart .chord.chord-family--dorian{--chord-color:var(--part-blue)}.ChordBarsChart .chord.chord-family--phrygian{--chord-color:var(--part-red)}.ChordBarsChart .chord.chord-family--lydian{--chord-color:var(--part-yellow)}.ChordBarsChart .chord.chord-family--mixolydian{--chord-color:var(--part-green)}.ChordBarsChart .chord.chord-family--locrian{--chord-color:var(--part-pink)}.ChordBarsChart .chord.chord-family--chromatic{--chord-color:var(--part-orange)}.ChordBarsChart .chord--sounding{position:relative}.ChordBarsChart .chord--sounding:after{animation:mg-chord-fill 0s linear both;animation:mg-chord-fill var(--sounding-seconds,0s) linear both;background:var(--primary-color);bottom:-.18em;clip-path:inset(0 0 0 0 round 999px);content:"";height:.1em;left:0;position:absolute;right:0}.ChordBarsChart .chord--slash .chord-name{font-size:.8em;font-size:calc(var(--slash-scale, .8)*1em)}.ChordBarsChart .chord-name sup{font-size:.62em;line-height:0;position:relative;top:-.45em;vertical-align:initial}.ChordBarsChart .chord--marked{align-items:baseline;display:grid;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--slots,1),1fr)}.ChordBarsChart .bar--marked{gap:0}.ChordBarsChart .bar--marked .chord:not(:last-child):not(.chord--tie){padding-right:.3em}.ChordBarsChart .beat-mark{color:var(--cb-muted);font-weight:400}.ChordBarsChart .chord:only-child{margin-right:auto}.ChordBarsChart .bar--shared{--room:calc((min(100cqw - 6px, var(--fit-max, 32) * 1em) - var(--repeat-em, 0)*1em)/var(--bars-per-line, 4) - 1.15em - var(--shared-gap, 0)*1em)}.ChordBarsChart .bar--shared .chord{font-size:clamp(.72*1em,var(--room)/1,1em);font-size:clamp(var(--min-shared,.72)*1em,var(--room)/var(--shared-em,1),1em)}.ChordBarsChart .chord--rest{align-items:center;color:var(--cb-dim);display:flex}.ChordBarsChart .bar--melody{position:relative}.ChordBarsChart .bar--melody .chord-name{font-weight:400}.ChordBarsChart .melody-badge{color:var(--cb-dim);font-size:.6em;font-weight:400;line-height:1;pointer-events:none;position:absolute;right:.25em;top:.1em}.ChordBarsChart .chord--tie{align-items:center;display:flex;padding-right:.35em}.ChordBarsChart .chord--tie .hold-mark{width:100%}.ChordBarsChart .hold-mark{background:var(--cb-muted);display:block;height:1px;margin:0 auto;width:.9em}.ChordBarsChart .repeat-sign{background-image:linear-gradient(var(--cb-muted),var(--cb-muted)),linear-gradient(var(--cb-muted),var(--cb-muted));background-repeat:no-repeat;background-size:.22em 100%,.08em 100%;flex:0 0 auto;position:relative;width:.9em}.ChordBarsChart .repeat-sign:after{background:var(--cb-muted);border-radius:50%;box-shadow:0 .44em 0 var(--cb-muted);content:"";height:.16em;position:absolute;top:calc(50% - .3em);width:.16em}.ChordBarsChart .repeat-sign--open{background-position:0 0,.32em 0}.ChordBarsChart .repeat-sign--open:after{right:.16em}.ChordBarsChart .repeat-sign--close{background-position:right 0 top 0,right .32em top 0}.ChordBarsChart .repeat-sign--close:after{left:.16em}.ChordBarsChart .repeat-count{align-self:center;color:var(--cb-dim);font-size:.85em;font-weight:600;padding-left:.4em;white-space:nowrap}.ChordBarsChart--tappable{cursor:pointer}.ChordBarsChart--repeat .bar:first-child{border-left-color:#0000}.ChordBarsChart--repeat .bar:last-child{border-right-color:#0000}.PartOptionsModal .actions{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.ModalAction{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--gray2);border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;padding:0;position:relative;transition:transform .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none;width:32px}.ModalAction:active:not(:disabled){background:var(--gray2-1);transform:scale(.92)}.ModalAction:disabled{cursor:not-allowed;opacity:.5}.ModalAction:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.ModalAction svg{stroke:currentColor;height:20px;width:20px}body.dark .ModalAction{background:var(--gray7)}body.dark .ModalAction:active:not(:disabled){background:color-mix(in srgb,var(--gray7) 85%,#fff)}.ModalAction svg.solid{fill:currentColor;stroke:none}.ModalAction svg.small{height:16px;width:16px}.ModalAction.active{background:var(--primary-color);color:#fff}body.dark .ModalAction.active{background:var(--primary-color);color:var(--gray10)}.ModalAction.busy:disabled{cursor:progress;opacity:1}.ModalAction.busy:disabled svg:not(.progress-ring){opacity:.4}.ModalAction .progress-ring{stroke:none;height:100%;inset:0;pointer-events:none;position:absolute;transform:rotate(-90deg);width:100%}.ModalAction .progress-ring circle{fill:none;stroke-width:2}.ModalAction .progress-ring .track{stroke:color-mix(in srgb,currentColor 22%,#0000)}.ModalAction .progress-ring .arc{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.ModalAction .progress-ring .spinning{animation:modal-action-spin 1s linear infinite;transform-box:view-box;transform-origin:50% 50%;transition:none}@media(prefers-reduced-motion:reduce){.ModalAction .progress-ring .spinning{animation-duration:2.4s}}@keyframes modal-action-spin{to{transform:rotate(1turn)}}.InstrumentBrowser{display:flex;flex-direction:column;min-height:0}.InstrumentBrowser .SearchBox{margin-bottom:.75rem}.InstrumentBrowser .categories{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;margin-bottom:.75rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.InstrumentBrowser .categories::-webkit-scrollbar{display:none}.InstrumentBrowser .category{background-color:var(--gray2);border:none;border-radius:999px;color:var(--gray5);cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.5;padding:.45rem .9rem;transition:background-color .15s ease-in-out;white-space:nowrap}body.dark .InstrumentBrowser .category{background-color:var(--gray8)}.InstrumentBrowser .category.selected{box-shadow:inset 0 0 0 1px currentColor;color:var(--primary-color)}body.dark .InstrumentBrowser .category.selected{color:var(--primary-color-dark-mode-text)}.InstrumentBrowser .groups{height:min(280px,60vh);overflow-y:auto}.InstrumentBrowser .group+.group{margin-top:.75rem}.InstrumentBrowser .group-title{color:var(--gray5);font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:0 0 .25rem;text-transform:uppercase}.InstrumentBrowser .list{list-style:none;margin:0;padding:0}.InstrumentBrowser .item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;height:40px;justify-content:space-between;padding:0 .6rem}.InstrumentBrowser .item:hover{background-color:var(--gray2)}body.dark .InstrumentBrowser .item:hover{background-color:var(--gray8)}.InstrumentBrowser .item.selected{background-color:var(--gray2);color:var(--primary-color);font-weight:600}body.dark .InstrumentBrowser .item.selected{background-color:var(--gray7);color:var(--primary-color-dark-mode-text)}.InstrumentBrowser .name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.InstrumentBrowser .default-tag{background:color-mix(in srgb,var(--primary-color) 14%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 55%,#0000);border-radius:999px;color:var(--primary-color);flex-shrink:0;font-size:.6rem;font-weight:700;letter-spacing:.04em;line-height:1.4;padding:0 .35rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.InstrumentBrowser .preview{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray5);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;width:28px}.InstrumentBrowser .preview svg{stroke:currentColor;fill:none;height:15px;width:15px}.InstrumentBrowser .preview:hover:not(:disabled){background-color:var(--gray3)}body.dark .InstrumentBrowser .preview:hover:not(:disabled){background-color:var(--gray7)}.InstrumentBrowser .preview:disabled{cursor:default;opacity:.4}.InstrumentBrowser .preview.playing{color:var(--primary-color)}body.dark .InstrumentBrowser .preview.playing{color:var(--primary-color-dark-mode-text)}.InstrumentBrowser .size{color:var(--gray5);flex-shrink:0;font-size:.75rem;text-align:right;width:48px}.InstrumentBrowser .progress{border-radius:2px;flex-shrink:0;height:4px;margin-left:8px;overflow:hidden;width:40px}.InstrumentBrowser .progress .fill{background-color:var(--primary-color);display:block;height:100%;transition:width .2s ease-out}body.dark .InstrumentBrowser .progress .fill{background-color:var(--primary-color-dark-mode-text)}.InstrumentBrowser .check{flex-shrink:0;height:16px;margin-left:32px;width:16px}.InstrumentBrowser .empty{align-items:center;color:var(--gray5);display:flex;height:min(280px,60vh);justify-content:center;margin:0;text-align:center}.InstrumentRow{align-items:center;background-color:var(--gray2);border:none;border-radius:14px;display:flex;font-family:inherit;gap:.75rem;height:38px;padding:0 12px;text-align:left;width:100%}.InstrumentRow .label{color:var(--gray5);flex-shrink:0;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.InstrumentRow .value{color:var(--primary-color);flex:1 1;font-size:.95rem;font-weight:600;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}body.dark .InstrumentRow{background-color:var(--gray8)}.InstrumentRow:is(button){cursor:pointer}.InstrumentRow .chevron{display:flex;flex-shrink:0}.InstrumentRow .chevron svg{height:25px;width:25px}.MidiPiano{-webkit-user-select:none;user-select:none}.MidiPiano .keyboard{--white-width:calc(100%/var(--white-count));--black-width:calc(var(--white-width)*0.62);--white-height:76px;border-radius:0 0 6px 6px;height:var(--white-height);overflow:hidden;position:relative}.MidiPiano .whites{display:flex;height:100%}.MidiPiano .key{position:relative;transition:background .06s ease-out,border-color .06s ease-out}.MidiPiano .key--white{align-items:flex-end;background:#fff;border:1px solid #ddd;border:1px solid var(--gray3,#ddd);border-radius:0 0 4px 4px;container-type:inline-size;display:flex;flex:1 1;justify-content:center;margin-right:-1px;min-width:0;padding-bottom:3px;z-index:1}.MidiPiano .key--white:last-child{margin-right:0}.MidiPiano .key--white.key--active{background:var(--primary-color);border-color:#3070b0;border-color:var(--primary-color-darker,#3070b0);color:#fff}.MidiPiano .key--black{background:#333;background:var(--gray8,#333);border:1px solid #111;border-radius:0 0 3px 3px;height:62%;position:absolute;top:0;width:var(--black-width);z-index:2}.MidiPiano .key--black.key--active{background:#8e44ad;border-color:#6c3483}.MidiPiano .octave-label{color:#999;color:var(--gray5,#999);font-size:9px;font-weight:700;line-height:1;overflow:hidden;pointer-events:none;white-space:nowrap}@container (max-width: 30px){.MidiPiano .octave-label .note{display:none}}.MidiPiano .key--white.key--active .octave-label{color:#fff}body.dark .MidiPiano .key--white{background:#3a3a3a;background:var(--gray7,#3a3a3a);border-color:#555;border-color:var(--gray6,#555)}body.dark .MidiPiano .key--white.key--active{background:var(--primary-color);border-color:#3070b0;border-color:var(--primary-color-darker,#3070b0)}body.dark .MidiPiano .key--black{background:#111;border-color:#000}body.dark .MidiPiano .key--black.key--active{background:#8e44ad;border-color:#6c3483}body.dark .MidiPiano .octave-label{color:#888;color:var(--gray4,#888)}@media(max-width:480px){.MidiPiano .keyboard{--white-height:62px}}.MidiSummary .stats{display:flex;gap:1.75rem;justify-content:center;margin:.75rem 0 1rem}.MidiSummary .stats dt{color:var(--gray5);font-size:.7rem;letter-spacing:.06em;text-align:center;text-transform:uppercase}.MidiSummary .stats dd{color:var(--primary-color);font-size:1.1rem;font-weight:700;margin:.15rem 0 0;text-align:center}.MidiKeyRow{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.MidiKeyRow .value{color:var(--primary-color);font-size:1.75rem;font-weight:700;min-width:2ch;text-align:center}.MidiKeyRow .btn-step{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--gray2);border:none;border-radius:50%;color:var(--gray6);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:2rem}.MidiKeyRow .btn-step:active:not(:disabled){transform:scale(.9)}.MidiKeyRow .btn-step svg{stroke:currentColor;stroke-width:2;height:1.25rem;width:1.25rem}body.dark .MidiKeyRow .btn-step{background:var(--gray7);color:var(--gray4)}.RhythmStylePicker{align-items:center;background-color:var(--gray2);border:none;border-radius:14px;cursor:pointer;display:flex;font-family:inherit;gap:.75rem;height:38px;padding:0 12px;text-align:left;width:100%}.RhythmStylePicker .label{color:var(--gray5);flex-shrink:0;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.RhythmStylePicker .value{color:var(--primary-color);flex:1 1;font-size:.95rem;font-weight:600;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}body.dark .RhythmStylePicker{background-color:var(--gray8)}.RhythmStylePicker .pace--gentle,.RhythmStylePicker.pace--gentle{--pace-color:var(--part-blue)}.RhythmStylePicker .pace--steady,.RhythmStylePicker.pace--steady{--pace-color:var(--part-green)}.RhythmStylePicker .pace--driving,.RhythmStylePicker.pace--driving{--pace-color:var(--part-orange)}.RhythmStylePicker:disabled{cursor:not-allowed;opacity:.4}.RhythmStylePicker .value{align-items:center;display:flex;gap:.4rem;justify-content:flex-end}.RhythmStylePicker .value:before{background:var(--pace-color);border-radius:50%;content:"";flex-shrink:0;height:.5rem;width:.5rem}.RhythmStylePicker.off .value{color:var(--gray5);color:var(--cb-muted,var(--gray5))}.RhythmStylePicker.off .value:before{display:none}.RhythmStylePicker .chevron{display:flex;flex-shrink:0}.RhythmStylePicker .chevron svg{height:25px;width:25px}.RhythmSheet .pace--gentle,.RhythmSheet.pace--gentle{--pace-color:var(--part-blue)}.RhythmSheet .pace--steady,.RhythmSheet.pace--steady{--pace-color:var(--part-green)}.RhythmSheet .pace--driving,.RhythmSheet.pace--driving{--pace-color:var(--part-orange)}.RhythmSheet .style{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:1px solid color-mix(in srgb,var(--cb-muted) 45%,#0000);border-radius:6px;color:var(--cb-muted);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:.6rem .5rem;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.RhythmSheet .style.on{background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-color:var(--primary-color);color:var(--primary-color)}.RhythmSheet .style:disabled{cursor:not-allowed;opacity:.35}.RhythmSheet .style.is-default{border-color:color-mix(in srgb,var(--primary-color) 55%,#0000);position:relative}.RhythmSheet .style.style--blocks{margin-top:.5rem}.RhythmSheet .style .default-tag{background:color-mix(in srgb,var(--primary-color) 14%,var(--sheet-surface));border:1px solid color-mix(in srgb,var(--primary-color) 55%,#0000);border-radius:999px;color:var(--primary-color);font-size:.6rem;font-weight:700;letter-spacing:.04em;line-height:1.4;padding:0 .35rem;position:absolute;right:.4rem;text-transform:uppercase;top:0;transform:translateY(-50%)}.RhythmSheet .meter-note{color:var(--cb-muted);font-size:.8rem;margin:.6rem 0 0}.RhythmSheet .pace{margin-top:1rem}.RhythmSheet .pace .pace-title{align-items:center;color:var(--pace-color);display:flex;font-size:.7rem;font-weight:700;gap:.35rem;letter-spacing:.06em;margin:0 0 .4rem;text-transform:uppercase}.RhythmSheet .pace .pace-title:before{background:var(--pace-color);border-radius:50%;content:"";height:.5rem;width:.5rem}.RhythmSheet .pace .styles{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}.ChordBarsTransport{--cb-text:var(--gray8);--cb-dim:var(--gray7);--cb-muted:var(--gray5);--cb-surface:var(--gray1);--cb-surface-raised:var(--gray2);--cb-border:var(--gray4);--cb-border-soft:var(--gray3);--cb-family-key:var(--primary-color);--cb-family-aeolian:var(--part-purple);--cb-family-ionian:var(--part-purple);--cb-family-dorian:var(--part-blue);--cb-family-phrygian:var(--part-red);--cb-family-lydian:var(--part-yellow);--cb-family-mixolydian:var(--part-green);--cb-family-locrian:var(--part-pink);--cb-family-chromatic:var(--part-orange);display:flex;flex-direction:column;gap:.6rem}body.dark .ChordBarsTransport{--cb-text:var(--gray0);--cb-dim:var(--gray3);--cb-surface:var(--gray8);--cb-surface-raised:var(--gray8);--cb-border:var(--gray6);--cb-border-soft:var(--gray7)}.ChordBarsTransport .toggles{display:flex;flex-wrap:nowrap;gap:5px}.ChordBarsTransport .toggles .toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--gray2);border:1px solid #0000;border-radius:4px;color:var(--cb-muted);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;width:40px}body.dark .ChordBarsTransport .toggles .toggle{background:var(--gray8)}.ChordBarsTransport .toggles .toggle svg{stroke:currentColor;height:30px;width:30px}.ChordBarsTransport .toggles .toggle.on{background:color-mix(in srgb,var(--primary-color) 12%,var(--gray2));border-color:var(--primary-color);color:var(--primary-color)}body.dark .ChordBarsTransport .toggles .toggle.on{background:color-mix(in srgb,var(--primary-color) 14%,var(--gray8))}.ChordBarsTransport .toggles .toggle:disabled{cursor:not-allowed;opacity:.4}.ChordBarsTransport .playback-error{color:var(--accent-tertiary);font-size:.8rem;margin:0;text-align:center}@keyframes header-sheet-drop{0%{transform:translateY(-100%)}}@keyframes header-sheet-lift{to{transform:translateY(-100%)}}@keyframes header-sheet-fade{0%{opacity:0}}.HeaderSheet{-webkit-touch-callout:none;cursor:auto;height:100vh;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 1px);-webkit-user-select:none;user-select:none}.HeaderSheet [contenteditable=true],.HeaderSheet input,.HeaderSheet textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.HeaderSheet .scrim{animation:header-sheet-fade var(--mg-open-duration) var(--mg-open-ease) backwards;background:#00000059;inset:0;position:absolute}.HeaderSheet .panel{animation:header-sheet-drop .24s var(--mg-open-ease) backwards;background:var(--gray0);border-bottom:1px solid var(--gray2);border-radius:0 0 16px 16px;box-shadow:0 8px 24px #0003;max-height:calc(100% - 3rem);overflow-y:auto;overscroll-behavior:contain;position:relative}body.dark .HeaderSheet .panel{background:var(--gray9);border-bottom-color:var(--gray8)}.HeaderSheet .panel .panel-body{margin:0 auto;max-width:480px;padding:1rem 1rem 1.25rem}.HeaderSheet.is-closing{pointer-events:none}.HeaderSheet.is-closing .scrim{animation:mg-dismiss var(--mg-close-duration) var(--mg-open-ease) forwards;pointer-events:none}.HeaderSheet.is-closing .panel{animation:header-sheet-lift .18s cubic-bezier(.4,0,1,1) forwards}@media(prefers-reduced-motion:reduce){.HeaderSheet .panel{animation:none}.HeaderSheet.is-closing .panel{animation:mg-dismiss var(--mg-close-duration) var(--mg-open-ease) forwards;pointer-events:none}}.ChordBarsMixer{--cb-text:var(--gray8);--cb-dim:var(--gray7);--cb-muted:var(--gray5);--cb-surface:var(--gray1);--cb-surface-raised:var(--gray2);--cb-border:var(--gray4);--cb-border-soft:var(--gray3);--cb-family-key:var(--primary-color);--cb-family-aeolian:var(--part-purple);--cb-family-ionian:var(--part-purple);--cb-family-dorian:var(--part-blue);--cb-family-phrygian:var(--part-red);--cb-family-lydian:var(--part-yellow);--cb-family-mixolydian:var(--part-green);--cb-family-locrian:var(--part-pink);--cb-family-chromatic:var(--part-orange)}body.dark .ChordBarsMixer{--cb-text:var(--gray0);--cb-dim:var(--gray3);--cb-surface:var(--gray8);--cb-surface-raised:var(--gray8);--cb-border:var(--gray6);--cb-border-soft:var(--gray7)}.ChordBarsMixer .panel-body{display:flex;flex-direction:column;gap:1rem}.ChordBarsMixer .panel-body .NoSoundHelp{margin-bottom:0}.ChordBarsMixer .levels{display:flex;flex-direction:column;gap:.75rem}.ChordBarsMixer .levels .level{--level-height:3.25rem;position:relative}.ChordBarsMixer .levels .level .RangeSlider{--bar-height:var(--level-height)}.ChordBarsMixer .levels .level .level-icon,.ChordBarsMixer .levels .level .mute{--inset:5px;align-items:center;background:var(--cb-surface);border:none;border-radius:50%;color:var(--primary-color);display:flex;height:calc(var(--level-height) - var(--inset)*2);justify-content:center;left:var(--inset);padding:0;position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--level-height) - var(--inset)*2);z-index:1}.ChordBarsMixer .levels .level .level-icon svg,.ChordBarsMixer .levels .level .mute svg{fill:currentColor;height:1.5rem;width:1.5rem}.ChordBarsMixer .levels .level .level-icon .stroke-icon,.ChordBarsMixer .levels .level .mute .stroke-icon{fill:none;stroke:currentColor;height:1.4rem;width:1.4rem}.ChordBarsMixer .levels .level .level-icon{pointer-events:none}.ChordBarsMixer .levels .level .mute{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-user-select:none;user-select:none}.ChordBarsMixer .levels .level .mute:not(.on){color:var(--cb-muted)}.ChordBarsMixer .levels .level .mute:not(.on):after{background:currentColor;border-radius:1px;content:"";height:2px;left:20%;position:absolute;right:20%;top:50%;transform:rotate(-45deg)}.ChordBarsMixer .levels .level .mute:disabled{cursor:not-allowed;opacity:.4}.ChordBarsMixer .levels .level .unmute{-webkit-tap-highlight-color:rgba(0,0,0,0);background:#0000;border:none;border-radius:999px;cursor:pointer;inset:0;padding:0;position:absolute;-webkit-user-select:none;user-select:none;z-index:1}.ChordBarsMixer .levels .level.cut{--cut-color:var(--primary-color)}body.dark .ChordBarsMixer .levels .level.cut{--cut-color:var(--primary-color-lighter)}.ChordBarsMixer .levels .level.cut .RangeSlider{--settle:600ms var(--mg-open-ease)}.ChordBarsMixer .levels .level.cut .RangeSlider .track:disabled,.ChordBarsMixer .levels .level.cut .RangeSlider .track:disabled~.fill{opacity:1}.ChordBarsMixer .levels .level.cut .cut-gap{animation:cut-gap-in .6s var(--mg-open-ease) both,cut-gap-breathe 1.6s ease-in-out .6s infinite alternate;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--cut-color) 40%,#0000) 0 3px,#0000 3px 6px);border-radius:999px;clip-path:inset(0 calc(100% - var(--from)) 0 var(--to));inset:0;pointer-events:none;position:absolute}.ChordBarsMixer .levels .level.cut .cut-badge{font-feature-settings:"tnum";animation:cut-badge-in .26s var(--mg-open-ease) .3s both;background:color-mix(in srgb,var(--cut-color) 14%,var(--cb-surface));border:1px solid var(--cut-color);border-radius:999px;color:var(--cut-color);font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.4;padding:0 .4rem;pointer-events:none;position:absolute;right:.5rem;top:-.55rem;white-space:nowrap;z-index:2}@keyframes cut-gap-in{0%{opacity:0}}@keyframes cut-gap-breathe{to{opacity:.45}}@keyframes cut-badge-in{0%{opacity:0;transform:translateY(3px) scale(.8)}}@media(prefers-reduced-motion:reduce){.ChordBarsMixer .levels .level.cut .RangeSlider{--settle:0s}.ChordBarsMixer .levels .level.cut .cut-badge,.ChordBarsMixer .levels .level.cut .cut-gap{animation:none}}.TempoControl{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.TempoControl .value{-moz-appearance:textfield;background:#0000;border:none;color:var(--primary-color);font-size:1.75rem;font-weight:700;padding:0;text-align:center;width:4.25ch}.TempoControl .value::-webkit-inner-spin-button,.TempoControl .value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.TempoControl .btn-step{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--gray2);border:none;border-radius:50%;color:var(--gray6);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:2rem}.TempoControl .btn-step:active:not(:disabled){transform:scale(.9)}.TempoControl .btn-step svg{stroke:currentColor;stroke-width:2;height:1.25rem;width:1.25rem}body.dark .TempoControl .btn-step{background:var(--gray7);color:var(--gray4)}.PartMidiModal .midi-details{padding-top:.5rem}.PartMidiModal .midi-details .playback-controls{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;justify-content:center;margin-bottom:1rem}.PartMidiModal .midi-details .playback-controls .control{align-items:center;display:flex;flex-direction:column}.PartMidiModal .midi-details .playback-controls .caption{color:var(--gray5);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.PartMidiModal .midi-details .playback-controls .MidiKeyRow,.PartMidiModal .midi-details .playback-controls .TempoControl{gap:.25rem;justify-content:space-between;margin:.15rem 0 0;width:8rem}.PartMidiModal .midi-details .playback-controls .MidiKeyRow .value,.PartMidiModal .midi-details .playback-controls .TempoControl .value{flex:1 1;font-size:1.5rem;min-width:0}.PartMidiModal .MidiPiano{margin-top:1rem}.PartMidiModal .ChordBarsTransport{padding-top:1rem}.PartMidiModal .empty-state{color:var(--gray5);font-size:.9rem;padding-top:1rem;text-align:center}.ChordBarsPlayerModal .ChordBarsChart{font-size:1.15rem;margin:.25rem 0 1rem}.ChordBarsPlayerModal .lyrics-view{background:var(--bg);border-radius:20px;margin:0 0 1rem;position:relative}.ChordBarsPlayerModal .lyrics-view .counted{transition:opacity .25s ease}.ChordBarsPlayerModal .lyrics-view .counted--counting{opacity:.25}@media(prefers-reduced-motion:reduce){.ChordBarsPlayerModal .lyrics-view .counted{transition:none}}.ChordBarsPlayerModal .lyrics-view .counted .lyrics{--cb-text:var(--gray8);--cb-dim:var(--gray7);--cb-muted:var(--gray5);--cb-surface:var(--gray1);--cb-surface-raised:var(--gray2);--cb-border:var(--gray4);--cb-border-soft:var(--gray3);--cb-family-key:var(--primary-color);--cb-family-aeolian:var(--part-purple);--cb-family-ionian:var(--part-purple);--cb-family-dorian:var(--part-blue);--cb-family-phrygian:var(--part-red);--cb-family-lydian:var(--part-yellow);--cb-family-mixolydian:var(--part-green);--cb-family-locrian:var(--part-pink);--cb-family-chromatic:var(--part-orange);--cb-surface:var(--bg);line-height:1.9;margin-top:0;overflow-x:auto;overscroll-behavior-x:contain;padding:.75rem .85rem;scroll-behavior:smooth;scroll-padding-inline:2.5em;white-space:pre}body.dark .ChordBarsPlayerModal .lyrics-view .counted .lyrics{--cb-text:var(--gray0);--cb-dim:var(--gray3);--cb-surface:var(--gray8);--cb-surface-raised:var(--gray8);--cb-border:var(--gray6);--cb-border-soft:var(--gray7);--cb-surface:var(--bg)}.ChordBarsPlayerModal .lyrics-view .counted .lyrics .chord-symbol-dim{display:inline-block;line-height:0;width:.6em}.ChordBarsPlayerModal .lyrics-view .counted .lyrics .chord-symbol-dim__char{font-size:1.7em;line-height:0;position:relative;top:.26em}@media(prefers-reduced-motion:reduce){.ChordBarsPlayerModal .lyrics-view .counted .lyrics{scroll-behavior:auto}}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head{--part-surface:var(--bg);align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem .85rem 0}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .instrumental,.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .intro,.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .music,.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .outro{--part-accent:var(--part-red)}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .verse{--part-accent:var(--part-blue)}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .pre-chorus{--part-accent:var(--part-green)}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .chorus,.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .refrain,.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .tag{--part-accent:var(--part-purple)}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .bridge{--part-accent:var(--part-yellow)}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .note{--part-accent:var(--part-pink)}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .hidden-note{--part-accent:var(--part-orange)}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .assigned{align-items:center;background:var(--gray2);border:1px solid var(--gray4);border-radius:1.5em;color:var(--gray6);display:flex;font-size:.9em;line-height:1.2;padding:.1em .55em;pointer-events:none;white-space:normal}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .assigned{background:var(--gray8);color:var(--gray4)}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .instruments-row{display:flex;flex-basis:100%;min-width:0}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .instruments{--pill:var(--part-accent,var(--gray6));background:color-mix(in srgb,var(--pill) 12%,var(--gray0));background:color-mix(in srgb,var(--pill) 12%,var(--part-surface,var(--gray0)));border-color:color-mix(in srgb,var(--pill) 40%,#0000);color:var(--pill);font-weight:600;gap:.35em;line-height:1;padding:.32em .7em .3em}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .instruments{--part-surface:var(--gray10);background:color-mix(in srgb,var(--pill) 14%,var(--part-surface));color:var(--pill)}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .instruments-icon{stroke:currentColor;fill:none;flex-shrink:0;height:.95em;width:.95em}.ChordBarsPlayerModal .lyrics-view .counted .run .run-head .chip{border-radius:max(4px,.25em);display:inline-block;font-weight:500;padding:.1em .2em;white-space:nowrap}body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .instrumental,body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .intro,body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .music,body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .chorus,body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .refrain,body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head{--part-surface:var(--gray10)}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .instrumental,body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .intro,body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .music,body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .chorus,body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .refrain,body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.dark .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .instrumental,body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .intro,body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .music,body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .chorus,body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .refrain,body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.color-theme .ChordBarsPlayerModal .lyrics-view .counted .run .run-head .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}.ChordBarsPlayerModal .lyrics-view .counted .run .lyrics{padding-top:.4rem}.ChordBarsPlayerModal .lyrics-view .counted .run .ChordBarsChart{margin:.5rem .85rem .75rem}.ChordBarsPlayerModal .lyrics-view .counted .run .run-notes{margin:0;padding:.4rem .85rem 0}.ChordBarsPlayerModal .lyrics-view .counted .run .run-section{text-wrap:balance;border-bottom:2px solid var(--gray4);color:var(--bg-text);font-size:1.3rem;font-weight:700;line-height:1.2;margin:.9rem .85rem 0;padding-bottom:.2em}.ChordBarsPlayerModal .lyrics-view .count-in{align-items:center;animation:chord-bars-count-beat .2s ease-out;color:var(--primary-color);display:flex;font-size:min(26vw,5rem);font-weight:700;inset:0;justify-content:center;line-height:1;max-height:60vh;pointer-events:none;position:absolute;text-shadow:0 0 .25em var(--bg);-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.ChordBarsPlayerModal .lyrics-view .count-in{animation:none}}.ChordBarsPlayerModal .lyrics-view .beat-layer{height:0;pointer-events:none;position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:1}.ChordBarsPlayerModal .lyrics-view .beat{font-feature-settings:"tnum";align-items:center;background:var(--bg);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.4rem;font-variant-numeric:tabular-nums;font-weight:700;height:2.2em;justify-content:center;line-height:1;position:absolute;right:.4rem;top:.4rem;width:2.2em}.ChordBarsPlayerModal .lyrics-view .beat .beat-ring{height:100%;inset:0;position:absolute;width:100%}.ChordBarsPlayerModal .lyrics-view .beat .beat-arc{fill:none;stroke:var(--gray5);stroke-width:3;stroke-linecap:round;opacity:.5;transition:stroke .08s ease-out,opacity .08s ease-out}.ChordBarsPlayerModal .lyrics-view .beat .beat-arc--on{stroke:var(--primary-color);opacity:1}@media(prefers-reduced-motion:reduce){.ChordBarsPlayerModal .lyrics-view .beat .beat-arc{transition:none}}.ChordBarsPlayerModal .lyrics-view .beat span{animation:chord-bars-count-beat .2s ease-out;display:inline-block}@media(prefers-reduced-motion:reduce){.ChordBarsPlayerModal .lyrics-view .beat span{animation:none}}@keyframes chord-bars-count-beat{0%{opacity:.4;transform:scale(1.12)}}.ChordBarsPlayerModal .lyrics .chord--sounding{scroll-margin-bottom:2em}.ChordBarsPlayerModal .chord--sounding{background:color-mix(in srgb,var(--primary-color) 28%,var(--cb-surface));border-radius:.2em;box-shadow:0 0 0 .12em color-mix(in srgb,var(--primary-color) 28%,var(--cb-surface));position:relative}.ChordBarsPlayerModal .chord--sounding:after{animation:mg-chord-fill 0s linear both;animation:mg-chord-fill var(--sounding-seconds,0s) linear both;background:var(--primary-color);bottom:-.18em;bottom:-.26em;clip-path:inset(0 0 0 0 round 999px);content:"";height:.1em;height:.14em;left:0;position:absolute;right:0}.ChordBarsPlayerModal .bar--melody.bar--sounding .chord--sounding{background:color-mix(in srgb,var(--primary-color) 50%,var(--cb-surface));box-shadow:0 0 0 .12em color-mix(in srgb,var(--primary-color) 50%,var(--cb-surface))}.ChordBarsPlayerModal .body{scroll-behavior:smooth;scroll-padding-block:1.5rem}@media(prefers-reduced-motion:reduce){.ChordBarsPlayerModal .body{scroll-behavior:auto}}.ChordBarsPlayerModal .MidiPiano{margin-bottom:1rem}.ChordBarsPlayerModal.playing-through .body{display:flex;flex-direction:column}.ChordBarsPlayerModal.playing-through .body>*{flex-shrink:0}.ChordBarsPlayerModal.playing-through .body>.lyrics-view{display:flex;flex:0 1 auto;flex-direction:column;min-height:12rem}.ChordBarsPlayerModal.playing-through .body>.lyrics-view .counted{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.ChordBarsPlayerModal.playing-through .body>.lyrics-view .counted .run{border-radius:20px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.ChordBarsPlayerModal.playing-through .body>.lyrics-view .counted .run{scroll-behavior:auto}}.repeat-counter{--rc-color:var(--primary-color);align-items:center;cursor:pointer;display:inline-flex;flex-wrap:wrap;gap:max(7px,.39em);padding:4px 2px 8px}.repeat-counter--instrumental,.repeat-counter--intro,.repeat-counter--music,.repeat-counter--outro{--rc-color:#ffa0a0}.repeat-counter--verse{--rc-color:#88d8ee}.repeat-counter--pre-chorus{--rc-color:#6fd47a}.repeat-counter--chorus,.repeat-counter--refrain,.repeat-counter--tag{--rc-color:#b894f5}.repeat-counter--bridge{--rc-color:#f5c842}.repeat-counter--note{--rc-color:#f594c4}.repeat-counter--hidden-note{--rc-color:#f5984a}.repeat-counter__circle{border:max(2px,.1em) solid var(--rc-color);border-radius:50%;box-sizing:border-box;display:inline-block;flex-shrink:0;height:max(22px,1.22em);width:max(22px,1.22em)}body.dark .repeat-counter--instrumental,body.dark .repeat-counter--intro,body.dark .repeat-counter--music,body.dark .repeat-counter--outro{--rc-color:var(--part-red)}body.dark .repeat-counter--verse{--rc-color:var(--part-blue)}body.dark .repeat-counter--pre-chorus{--rc-color:var(--part-green)}body.dark .repeat-counter--chorus,body.dark .repeat-counter--refrain,body.dark .repeat-counter--tag{--rc-color:var(--part-purple)}body.dark .repeat-counter--bridge{--rc-color:var(--part-yellow)}body.dark .repeat-counter--note{--rc-color:var(--part-pink)}body.dark .repeat-counter--hidden-note{--rc-color:var(--part-orange)}body.color-theme .repeat-counter--instrumental,body.color-theme .repeat-counter--intro,body.color-theme .repeat-counter--music,body.color-theme .repeat-counter--outro{--rc-color:var(--part-red)}body.color-theme .repeat-counter--verse{--rc-color:var(--part-blue)}body.color-theme .repeat-counter--pre-chorus{--rc-color:var(--part-green)}body.color-theme .repeat-counter--chorus,body.color-theme .repeat-counter--refrain,body.color-theme .repeat-counter--tag{--rc-color:var(--part-purple)}body.color-theme .repeat-counter--bridge{--rc-color:var(--part-yellow)}body.color-theme .repeat-counter--note{--rc-color:var(--part-pink)}body.color-theme .repeat-counter--hidden-note{--rc-color:var(--part-orange)}.SongTransition{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0;padding:1em 0}.SongTransition .content{align-items:center;background:var(--primary-color-pastel);border-radius:1.1em;color:var(--primary-color);display:flex;font-size:.85em;font-weight:700;gap:.4em;height:2.2em;padding:0 .9em;-webkit-user-select:none;user-select:none}body.dark .SongTransition .content{background:var(--gray7);color:var(--gray3)}.SongTransition .from-key,.SongTransition .to-key{letter-spacing:.05em;line-height:1}.SongTransition .arrow{color:var(--primary-color);font-size:1.4em;font-weight:300;line-height:1;position:relative;top:-.05em}.SongTransition .arrow.superseded,.SongTransition .from-key.superseded{opacity:.35}.SongTransition .steps{align-items:center;background-color:var(--primary-color);border-radius:.8em;color:var(--gray0);display:inline-flex;font-size:.9em;font-weight:700;height:1.6em;justify-content:center;letter-spacing:.05em;line-height:1;margin-left:.1em;margin-right:-.6em;min-width:2.2em;padding:0 .5em;text-transform:uppercase;-webkit-user-select:none;user-select:none}body.dark .SongTransition .steps{color:var(--gray10)}.PartTempoMarker{display:flex;padding-bottom:1em}.PartTempoMarker.at-foot{padding-top:.75em}.PartTempoMarker .pill{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;border-radius:1.1em;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-size:.85em;font-weight:600;font-weight:700;gap:.35em;height:2rem;height:2.2em;justify-content:center;min-width:2rem;padding:0 .9em 0 .75em;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.PartTempoMarker .pill:active:not(:disabled):not(:not(button)){transform:scale(.95)}body.dark .PartTempoMarker .pill{background:var(--gray7);color:var(--gray3)}.PartTempoMarker .pill .icon svg{stroke:currentColor}.PartTempoMarker .pill:not(button){cursor:default}.PartTempoMarker .pill .metronome{display:flex}.PartTempoMarker .pill .metronome svg{fill:currentColor;stroke:#0000;width:1.1em}.PartTempoMarker .pill .bpm{letter-spacing:.05em}.PartTempoMarker .pill.active{background:var(--primary-color);color:var(--gray0)}body.dark .PartTempoMarker .pill.active{background:var(--primary-color);color:var(--gray10)}.ViewSongPart{--cb-text:var(--gray8);--cb-dim:var(--gray7);--cb-muted:var(--gray5);--cb-surface:var(--gray1);--cb-surface-raised:var(--gray2);--cb-border:var(--gray4);--cb-border-soft:var(--gray3);--cb-family-key:var(--primary-color);--cb-family-aeolian:var(--part-purple);--cb-family-ionian:var(--part-purple);--cb-family-dorian:var(--part-blue);--cb-family-phrygian:var(--part-red);--cb-family-lydian:var(--part-yellow);--cb-family-mixolydian:var(--part-green);--cb-family-locrian:var(--part-pink);--cb-family-chromatic:var(--part-orange)}.ViewSongPart .instrumental,.ViewSongPart .intro,.ViewSongPart .music,.ViewSongPart .outro{--part-accent:var(--part-red)}.ViewSongPart .verse{--part-accent:var(--part-blue)}.ViewSongPart .pre-chorus{--part-accent:var(--part-green)}.ViewSongPart .chorus,.ViewSongPart .refrain,.ViewSongPart .tag{--part-accent:var(--part-purple)}.ViewSongPart .bridge{--part-accent:var(--part-yellow)}.ViewSongPart .note{--part-accent:var(--part-pink)}.ViewSongPart .hidden-note{--part-accent:var(--part-orange)}body.dark .ViewSongPart{--cb-text:var(--gray0);--cb-dim:var(--gray3);--cb-surface:var(--gray8);--cb-surface-raised:var(--gray8);--cb-border:var(--gray6);--cb-border-soft:var(--gray7)}.ViewSongPart .wrapper{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.4em;margin-bottom:.3rem;margin-right:.15em}.ViewSongPart .wrapper .music-tag{margin-bottom:0}.ViewSongPart .wrapper .music-tag.jump-highlight{animation:part-jump-ring .9s ease-out .35s 3}@media(prefers-reduced-motion:reduce){.ViewSongPart .wrapper .music-tag.jump-highlight{animation:part-jump-glow 2.4s ease-out .35s}}@keyframes part-jump-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-color) 60%,#0000);box-shadow:0 0 0 0 color-mix(in srgb,var(--part-accent,var(--primary-color)) 60%,#0000)}to{box-shadow:0 0 0 10px #0000}}@keyframes part-jump-glow{0%{box-shadow:0 0 0 3px var(--primary-color);box-shadow:0 0 0 3px var(--part-accent,var(--primary-color))}to{box-shadow:0 0 0 3px #0000}}.ViewSongPart .assigned{align-items:center;background:var(--gray2);border:1px solid var(--gray4);border-radius:1.5em;color:var(--gray6);display:flex;font-size:.9em;line-height:1.2;padding:.1em .55em;pointer-events:none;white-space:normal}body.dark .ViewSongPart .assigned{background:var(--gray8);color:var(--gray4)}.ViewSongPart .instruments-row{display:flex;flex-basis:100%;min-width:0}.ViewSongPart .instruments{--pill:var(--part-accent,var(--gray6));background:color-mix(in srgb,var(--pill) 12%,var(--gray0));background:color-mix(in srgb,var(--pill) 12%,var(--part-surface,var(--gray0)));border-color:color-mix(in srgb,var(--pill) 40%,#0000);color:var(--pill);font-weight:600;gap:.35em;line-height:1;padding:.32em .7em .3em}body.dark .ViewSongPart .instruments{--part-surface:var(--gray10);background:color-mix(in srgb,var(--pill) 14%,var(--part-surface));color:var(--pill)}.ViewSongPart .instruments-icon{stroke:currentColor;fill:none;flex-shrink:0;height:.95em;width:.95em}.ViewSongPart .name,.ViewSongPart .repeat-badge{align-items:center;display:inline-flex}.ViewSongPart .repeat-badge{background-color:#0000001f;border-radius:.1875em;flex-shrink:0;font-size:1em;font-weight:600;line-height:1;margin-left:.375em;opacity:.85;padding:.125em .375em}.ViewSongPart .SongTransition{padding-bottom:1.5em;padding-top:0}.ViewSongPart .chord-symbol-dim{display:inline-block;line-height:0;width:.6em}.ViewSongPart .chord-symbol-dim__char{font-size:1.7em;line-height:0;position:relative;top:.26em}.ViewSongPart.section-title{text-wrap:balance;border-bottom:2px solid var(--gray4);color:inherit;display:block;font-size:1.6em;font-weight:700;line-height:1.2;margin:.9em 0 .45em;padding-bottom:.2em}#view-body>.ViewSongPart.section-title:first-child,.song-chart>.ViewSongPart.section-title:first-child{margin-top:0}#view-body .ViewSongPart .wrapper .music-tag,.song-chart .ViewSongPart .wrapper .music-tag{margin-bottom:0}body.dark .ViewSongPart .repeat-badge{background-color:#ffffff24}.SongCount{display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.SongCount .bar{display:flex;gap:4px;height:36px;width:100%}.SongCount .segment{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:12px;cursor:pointer;display:flex;flex:1 1;justify-content:center;opacity:.7;position:relative;transition:transform .12s ease,opacity .2s ease,filter .2s ease;-webkit-user-select:none;user-select:none}.SongCount .segment:active:not(:disabled){transform:scale(.95)}.SongCount .segment.category-praise,.SongCount .segment.category-praise.active:after{background:var(--category-praise)}.SongCount .segment.category-worship,.SongCount .segment.category-worship.active:after{background:var(--category-worship)}.SongCount .segment.is-new,.SongCount .segment.is-new.active:after{background:var(--new-song-color)}.SongCount .segment.active{opacity:1}.SongCount .segment.active .number{font-weight:600}.SongCount .segment.active:after{border-radius:2px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.SongCount .number{color:var(--gray0);font-size:1rem;font-weight:500;font-weight:600;-webkit-user-select:none;user-select:none}body.dark .SongCount .number{color:var(--gray10)}.SongCount .assignment-star{fill:var(--gray0);height:.75rem;opacity:.9;position:absolute;right:4px;top:3px;-webkit-user-select:none;user-select:none;width:.75rem}body.dark .SongCount .assignment-star{fill:var(--gray10)}.SongCount.disabled{opacity:.4;pointer-events:none}.ViewNextSongBtn{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:1rem}.ViewNextSongBtn .next-button{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--primary-color);border-radius:max(30px,1.667em);color:var(--gray0);cursor:pointer;display:inline-block;flex:1 1;font-weight:500;padding:.2rem .6rem;text-align:left;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.ViewNextSongBtn .next-button:active:not(:disabled){transform:scale(.97)}.ViewNextSongBtn .next-button .solid svg{fill:var(--gray0)}.ViewNextSongBtn .next-button .next-btn-icon svg{stroke:#0000;margin-right:.3rem;width:max(36px,2em)}.ViewNextSongBtn .next-button .next-btn-title{vertical-align:middle}@supports(-webkit-touch-callout:none){.ViewNextSongBtn .next-button .next-btn-title{position:relative;top:-1px}}.ViewNextSongBtn .scroll-top-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;flex:0 1;justify-content:center;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.ViewNextSongBtn .scroll-top-btn:active:not(:disabled){transform:scale(.95)}.ViewNextSongBtn .scroll-top-btn .back-to-top-icon svg{height:max(47px,2.611em);transform:rotate(90deg);width:max(46px,2.556em)}.ViewNextSongBtn .scroll-top-btn.standalone{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--primary-color);border-radius:max(30px,1.667em);flex:1 1;padding:.5rem 1rem;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.ViewNextSongBtn .scroll-top-btn.standalone:active:not(:disabled){transform:scale(.97)}.ViewNextSongBtn .scroll-top-btn.standalone .back-to-top-icon svg{fill:var(--gray0)}body.dark .ViewNextSongBtn .next-button{color:var(--gray10)}body.dark .ViewNextSongBtn .next-button .solid svg,body.dark .ViewNextSongBtn .scroll-top-btn.standalone .back-to-top-icon svg{fill:var(--gray10)}@media only screen and (max-width:991px){body.dark .ViewNextSongBtn .next-button,body.light .ViewNextSongBtn .next-button{display:block}}.SongHeaderSection{font-size:1rem;margin-bottom:1.5rem}.SongHeaderSection .song-bar{align-items:center;background:var(--surface);border:1px solid #0000;border-radius:28px;display:flex;margin-bottom:15px;min-height:56px;padding:6px 7px 6px 10px}body.light .SongHeaderSection .song-bar{--primary-color-pastel:var(--surface-pastel)}body.dark .SongHeaderSection .song-bar{border-color:var(--gray7)}.SongHeaderSection:has(>.SongBadges){margin-bottom:0}.SongHeaderSection>.SongBadges{align-items:center;margin-top:-.5rem;min-height:64px;padding:8px 0}#view-body,.song-chart{font-style:normal;font-weight:400;margin-top:1rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:pre-wrap}#view-body .music-tag,.song-chart .music-tag{border-radius:max(4px,.25em);display:inline-block;font-weight:500;margin-bottom:.3rem;padding:.1em .2em}#view-body .music-tag__note,.song-chart .music-tag__note{color:var(--note-text);display:inline-block;font-style:italic;max-width:23.75em}#view-body .music-tag__hidden,.song-chart .music-tag__hidden{border-radius:max(6px,.375em);display:inline-block;font-style:italic;margin-top:.3em;padding:.2em .5em .2em .3em}#view-body .hidden-note-icon,.song-chart .hidden-note-icon{stroke:currentColor;height:1.25em;margin-left:4px;vertical-align:-.275em;width:1.25em}#view-body .duplicate-part-icon,.song-chart .duplicate-part-icon{stroke:currentColor;fill:none;height:1.25em;margin-left:4px;opacity:1;vertical-align:-.24em;width:1.25em}#view-body .midi-part-icon,.song-chart .midi-part-icon{fill:currentColor;stroke:none;height:1.25em;margin-left:4px;vertical-align:-.24em;width:1.25em}#view-body .chart-part-icon,.song-chart .chart-part-icon{stroke:currentColor;fill:none;height:1.25em;margin-left:4px;vertical-align:-.24em;width:1.25em}#view-body .music-tag-lyrics,.song-chart .music-tag-lyrics{cursor:default}#view-body .attached-note,.song-chart .attached-note{display:inline-block;margin-bottom:.1em}#view-body .chord:not(.chord--rest),.song-chart .chord:not(.chord--rest){color:var(--primary-color);color:var(--chord-color,var(--primary-color));font-weight:600}#view-body .chord:not(.chord--rest).chord-family--key,.song-chart .chord:not(.chord--rest).chord-family--key{--chord-color:var(--primary-color)}#view-body .chord:not(.chord--rest).chord-family--aeolian,#view-body .chord:not(.chord--rest).chord-family--ionian,.song-chart .chord:not(.chord--rest).chord-family--aeolian,.song-chart .chord:not(.chord--rest).chord-family--ionian{--chord-color:var(--part-purple)}#view-body .chord:not(.chord--rest).chord-family--dorian,.song-chart .chord:not(.chord--rest).chord-family--dorian{--chord-color:var(--part-blue)}#view-body .chord:not(.chord--rest).chord-family--phrygian,.song-chart .chord:not(.chord--rest).chord-family--phrygian{--chord-color:var(--part-red)}#view-body .chord:not(.chord--rest).chord-family--lydian,.song-chart .chord:not(.chord--rest).chord-family--lydian{--chord-color:var(--part-yellow)}#view-body .chord:not(.chord--rest).chord-family--mixolydian,.song-chart .chord:not(.chord--rest).chord-family--mixolydian{--chord-color:var(--part-green)}#view-body .chord:not(.chord--rest).chord-family--locrian,.song-chart .chord:not(.chord--rest).chord-family--locrian{--chord-color:var(--part-pink)}#view-body .chord:not(.chord--rest).chord-family--chromatic,.song-chart .chord:not(.chord--rest).chord-family--chromatic{--chord-color:var(--part-orange)}#view-body .part-comment,.song-chart .part-comment{background-color:var(--gray2);border-radius:max(4px,.25em);color:var(--gray6);display:inline-block;margin:.1em 0;padding:.1em .2em;position:relative;top:.1em}#view-body .music-tag__hidden .part-comment,#view-body .music-tag__note .part-comment,.song-chart .music-tag__hidden .part-comment,.song-chart .music-tag__note .part-comment{padding-right:.35em}#view-body .part-note,.song-chart .part-note{color:var(--note-text);display:inline-block;font-style:italic;max-width:23.75em}body.light #view-body .instrumental,body.light #view-body .intro,body.light #view-body .music,body.light #view-body .outro,body.light .song-chart .instrumental,body.light .song-chart .intro,body.light .song-chart .music,body.light .song-chart .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light #view-body .verse,body.light .song-chart .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light #view-body .pre-chorus,body.light .song-chart .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light #view-body .chorus,body.light #view-body .refrain,body.light #view-body .tag,body.light .song-chart .chorus,body.light .song-chart .refrain,body.light .song-chart .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light #view-body .bridge,body.light .song-chart .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light #view-body .note,body.light .song-chart .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light #view-body .hidden-note,body.light .song-chart .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}body.light #view-body .music-tag__hidden,body.light .song-chart .music-tag__hidden{background-color:#fff3e0;color:#7a4a1a}body.dark #view-body,body.dark .song-chart{--part-surface:var(--gray10)}body.dark #view-body .music-tag__hidden,body.dark .song-chart .music-tag__hidden{background-color:#e8893a1f;color:#f5c18a}body.dark #view-body .instrumental,body.dark #view-body .intro,body.dark #view-body .music,body.dark #view-body .outro,body.dark .song-chart .instrumental,body.dark .song-chart .intro,body.dark .song-chart .music,body.dark .song-chart .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.dark #view-body .verse,body.dark .song-chart .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.dark #view-body .pre-chorus,body.dark .song-chart .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.dark #view-body .chorus,body.dark #view-body .refrain,body.dark #view-body .tag,body.dark .song-chart .chorus,body.dark .song-chart .refrain,body.dark .song-chart .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.dark #view-body .bridge,body.dark .song-chart .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.dark #view-body .note,body.dark .song-chart .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.dark #view-body .hidden-note,body.dark .song-chart .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}body.dark #view-body .part-comment,body.dark .song-chart .part-comment{background-color:var(--gray8);color:var(--gray4)}body.dark #view-body .song-parts ion-icon,body.dark .song-chart .song-parts ion-icon{color:var(--gray10)}body.color-theme #view-body .instrumental,body.color-theme #view-body .intro,body.color-theme #view-body .music,body.color-theme #view-body .outro,body.color-theme .song-chart .instrumental,body.color-theme .song-chart .intro,body.color-theme .song-chart .music,body.color-theme .song-chart .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.color-theme #view-body .verse,body.color-theme .song-chart .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.color-theme #view-body .pre-chorus,body.color-theme .song-chart .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.color-theme #view-body .chorus,body.color-theme #view-body .refrain,body.color-theme #view-body .tag,body.color-theme .song-chart .chorus,body.color-theme .song-chart .refrain,body.color-theme .song-chart .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.color-theme #view-body .bridge,body.color-theme .song-chart .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.color-theme #view-body .note,body.color-theme .song-chart .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.color-theme #view-body .hidden-note,body.color-theme .song-chart .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}body.color-theme #view-body .music-tag__hidden,body.color-theme .song-chart .music-tag__hidden{background-color:color-mix(in srgb,var(--hidden-color) 16%,var(--part-surface));color:color-mix(in srgb,var(--hidden-color) 70%,var(--bg-text))}.SuperScroll{display:flex;flex-direction:column;gap:.5rem;opacity:1;pointer-events:auto;transition:opacity .3s ease}.SuperScroll.hidden{opacity:0;pointer-events:none}@media(max-width:490px){.SuperScroll{gap:.3rem}}.SuperScroll .overlay-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:28px;cursor:pointer;display:flex;height:112px;justify-content:center;opacity:.85;overflow:visible;padding:0;position:relative;transition:opacity .15s;width:112px}@media(max-width:490px){.SuperScroll .overlay-btn{border-radius:20px;height:72px;width:72px}}.SuperScroll .overlay-btn.overlay-speed-label{color:#fff;font-size:2.4rem;font-weight:700;opacity:.5}@media(max-width:490px){.SuperScroll .overlay-btn.overlay-speed-label{font-size:1.5rem}}.SuperScroll .overlay-btn.overlay-speed-label.smart{font-size:1.7rem}@media(max-width:490px){.SuperScroll .overlay-btn.overlay-speed-label.smart{font-size:1.1rem}}.SuperScroll .overlay-btn.overlay-speed-label.scrolling{opacity:.85}.SuperScroll .overlay-btn.disabled{cursor:default;opacity:.2}.SuperScroll .overlay-btn .icon svg{height:56px;width:56px}@media(max-width:490px){.SuperScroll .overlay-btn .icon svg{height:36px;width:36px}}.SuperScroll .overlay-btn .icon svg path{stroke:#fff}@keyframes ripple-slow{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes ripple-fast{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.btn-ripple{border:2px solid var(--primary-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}.btn-ripple--slow{animation:ripple-slow .7s ease-out forwards}.btn-ripple--fast{animation:ripple-fast .15s ease-out 3}body.dark .SuperScroll .overlay-btn .icon svg path{stroke:var(--gray10)}body.dark .SuperScroll .overlay-btn.overlay-speed-label{color:var(--gray10)}.SuperMetronome{display:flex;opacity:1;pointer-events:auto;transition:opacity .3s ease}.SuperMetronome.hidden{opacity:0;pointer-events:none}.SuperMetronome .overlay-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:28px;color:#fff;cursor:pointer;display:flex;font-size:2.4rem;font-weight:700;height:112px;justify-content:center;opacity:.5;overflow:visible;padding:0;position:relative;transition:opacity .15s ease,box-shadow .05s ease;width:112px}@media(max-width:490px){.SuperMetronome .overlay-btn{border-radius:20px;font-size:1.5rem;height:72px;width:72px}}.SuperMetronome .overlay-btn.playing{opacity:.85}.SuperMetronome .overlay-btn.disabled{cursor:default;opacity:.2}.SuperMetronome .overlay-btn:after{background-color:#ffffff4d;border-radius:50%;bottom:14px;content:"";height:12px;position:absolute;right:14px;transition:all .05s ease;width:12px}@media(max-width:490px){.SuperMetronome .overlay-btn:after{bottom:10px;right:10px}}.SuperMetronome .overlay-btn.flashing{box-shadow:0 0 16px var(--primary-color)}.SuperMetronome .overlay-btn.flashing:after{background-color:#fffffff2;box-shadow:0 0 8px #fffc;transform:scale(1.3)}body.dark .SuperMetronome .overlay-btn{color:var(--gray10)}body.dark .SuperMetronome .overlay-btn:after{background-color:#0000004d}body.dark .SuperMetronome .overlay-btn.flashing:after{background-color:#000c;box-shadow:0 0 8px #00000080}body.timing-recorder-open{padding-bottom:200px}.TimingRecorder{background:var(--gray0);border-top:3px solid var(--primary-color);bottom:0;box-shadow:0 -4px 12px #00000026;color:var(--text-primary);font-family:system-ui,sans-serif;left:0;padding:8px;position:fixed;right:0;z-index:3000}body.dark .TimingRecorder{background:var(--gray8);color:var(--gray0)}.TimingRecorder .header{align-items:center;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-bottom:6px}.TimingRecorder .tally{font-weight:400;margin-left:8px;opacity:.7}.TimingRecorder .log{font-size:13px;margin-bottom:6px;max-height:96px;overflow-y:auto}.TimingRecorder .log-row{display:flex;gap:10px;padding:1px 0}.TimingRecorder .log-part{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TimingRecorder .log-time{font-weight:700}.TimingRecorder .log-predicted,.TimingRecorder .log-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.TimingRecorder .log-predicted{opacity:.6}.TimingRecorder .tap-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:76px;padding:10px;width:100%}.TimingRecorder .tap-btn:active{opacity:.8}.TimingRecorder .tap-btn.recording{background:var(--red-color)}.TimingRecorder .tap-btn.arming{cursor:progress;opacity:.7}.TimingRecorder .tap-now{align-items:baseline;display:flex;font-size:24px;font-weight:800;gap:12px}.TimingRecorder .tap-elapsed{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.TimingRecorder .tap-hint{font-size:11px;letter-spacing:.04em;opacity:.9;text-align:center}.TimingRecorder .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.TimingRecorder .link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:13px;padding:2px 0;text-decoration:underline}.TimingRecorder .link-btn:disabled{color:var(--text-disabled);cursor:default;text-decoration:none}.TimingRecorder .link-btn.danger{color:var(--red-color)}.TimingRecorder .saved{border-top:1px solid var(--gray2-1);font-size:12px;margin-top:6px;max-height:110px;overflow-y:auto}.TimingRecorder .saved-row{align-items:center;display:flex;gap:8px;padding:3px 0}.TimingRecorder .saved-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TimingRecorder .saved-flag{color:var(--hidden-color)}.TimingRecorder .saved-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.6}.TimingRecorder .data-dump{font-family:monospace;font-size:11px;height:140px;margin-top:6px;width:100%}.TimingRecorder.collapsed{padding:4px 8px}.TimingRecorder.collapsed .header{margin-bottom:0}.SmartScrollDebug{font-family:system-ui,sans-serif;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.SmartScrollDebug .anchor{height:0;position:absolute;top:0;width:0}.SmartScrollDebug .part-box{border-bottom:1px dashed;border-radius:2px;border-top:1px solid;left:0;position:absolute;right:0}.SmartScrollDebug .part-box.active{animation:smart-scroll-xray-pulse 1.4s ease-in-out infinite;border:2px solid var(--primary-color);box-shadow:0 0 0 2px #2d76e459,inset 0 0 24px #2d76e426}.SmartScrollDebug .part-box.active:before{background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:5px}.SmartScrollDebug .part-box.timing:after{background:repeating-linear-gradient(180deg,var(--red-color) 0 6px,#0000 6px 12px);bottom:0;content:"";position:absolute;right:0;top:0;width:5px}.SmartScrollDebug .chip{background:#ffffffeb;border-left:3px solid;border-radius:3px;box-shadow:0 1px 3px #0003;color:#111;font-size:10px;line-height:1.35;max-width:min(320px,70vw);padding:2px 6px;position:absolute;right:4px;top:0}body.dark .SmartScrollDebug .chip{background:#141414eb;color:var(--gray0)}.SmartScrollDebug .chip-head{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.SmartScrollDebug .ratio{opacity:.8}.SmartScrollDebug .chip-line,.SmartScrollDebug .ratio{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.SmartScrollDebug .chip-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SmartScrollDebug .chip-line.dim{opacity:.65}@keyframes smart-scroll-xray-pulse{0%,to{box-shadow:0 0 0 2px #2d76e459,inset 0 0 24px #2d76e426}50%{box-shadow:0 0 0 4px #2d76e480,inset 0 0 32px #2d76e447}}.SmartScrollDebug .badge{background:#00000014;border-radius:2px;font-size:9px;letter-spacing:.03em;padding:0 4px;text-transform:uppercase}body.dark .SmartScrollDebug .badge{background:#ffffff24}.SmartScrollDebug .badge.exact{background:#29a35240}.SmartScrollDebug .badge.locked{background:#2492a847}.SmartScrollDebug .badge.here{background:var(--primary-color);color:#fff}.SmartScrollDebug .badge.timing{background:var(--red-color);color:#fff}.SmartScrollDebug .badge.warn{background:#f2930d4d}.SmartScrollDebug .legend{align-items:center;background:#fffffff0;border-radius:4px;bottom:8px;box-shadow:0 1px 6px #00000040;color:#111;display:flex;flex-wrap:wrap;font-size:10px;gap:6px;left:8px;max-width:calc(100vw - 16px);padding:4px 8px;pointer-events:auto;position:fixed;z-index:2900}body.dark .SmartScrollDebug .legend{background:#141414f0;color:var(--gray0)}.SmartScrollDebug .toggle{background:none;border:1px solid;border-radius:3px;color:inherit;cursor:pointer;font-size:10px;padding:2px 6px}.SmartScrollDebug .scale{align-items:center;display:flex;gap:3px;opacity:.8}.SmartScrollDebug .swatch{border-radius:2px;height:10px;width:10px}.SmartScrollDebug .swatch.slow{background:#1392ec80}.SmartScrollDebug .swatch.fast{background:#ec3e1380}.SmartScrollDebug .stat{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.85}.SmartScrollDebug .stat.warn{background:#f2930d4d;border-radius:2px;opacity:1;padding:0 4px}.SmartScrollDebug .empty{opacity:.75}@media(max-width:991.98px){.View{--mg-container-padding-x:10px}}body:has(.view-song) .NavBar{margin-bottom:15px}.SuperControls{align-items:flex-end;bottom:2rem;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;position:fixed;right:1.5rem;z-index:100}@media(max-width:490px){.SuperControls{bottom:1rem;gap:.4rem;right:.75rem}}.view__service-bar,.view__service-row{align-items:center;display:flex;justify-content:space-between;min-height:64px;padding:8px 0;text-align:right;user-select:none;-webkit-user-select:none}.view__service-row--empty{display:none}.SongDetails+.view__service-row{margin-top:-.5rem}.SongDetails+.ViewSongPlugins+.view__service-row{margin-top:-.2rem}.view__service-row:not(.view__service-row--empty)~#view-body{margin-top:0}.view__service-bar{background-color:var(--bg);left:0;padding:8px max(var(--mg-container-padding-x),(100% - var(--mg-container-max-width))/2 + var(--mg-container-padding-x));position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .25s ease,visibility 0s .25s;visibility:hidden;z-index:2}.view__service-bar.pinned{transform:none;transition:transform .25s ease;visibility:visible}.view__service-bar__title{align-items:center;display:flex;flex:1 1;float:left;font-size:1.1rem;min-width:0;position:relative}.view__service-bar__title .SongBadges{margin-right:.5rem;min-width:0}.view__service-bar__icon{align-items:center;display:flex;margin-right:.3rem}.view__service-bar__icon.icon svg{height:24px;width:24px}.view__service-bar__action-icons .clickable .icon{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}.view__service-bar__action-icons .clickable .icon svg{transition:transform .12s ease}.view__service-bar__action-icons .clickable .icon:active:not(:disabled) svg{transform:scale(.95)}.view__service-bar__text{overflow:hidden;position:relative;text-overflow:ellipsis;top:-1px;white-space:nowrap}.view__service-bar__action-icons{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative;right:-.2rem}.view__service-bar__song-position{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:var(--primary-color);border-radius:.25rem;color:var(--gray0);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;margin-right:.5rem;max-width:50px;min-width:50px;padding:.5rem .8rem;text-align:center;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.view__service-bar__song-position:active:not(:disabled){transform:scale(.95)}body.dark .view__service-bar__song-position{color:var(--gray10)}body.dark .view__service-bar__icon svg{stroke:var(--gray3)}.view__service-bar--bare,body.dark .view__service-bar--bare{background:#0000}.view__service-bar--bare:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 60%,#0000);bottom:-1.5rem;content:"";left:50%;-webkit-mask-image:linear-gradient(180deg,#000 45%,#0000);mask-image:linear-gradient(180deg,#000 45%,#0000);pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:-1}body.dark .view__service-bar--bare:before{background:color-mix(in srgb,var(--bg) 50%,#0000)}.view__service-bar--bare .view__service-bar__action-icons{margin-left:auto}.continuous-view__song-section{margin-bottom:0}.continuous-view__song-section:last-child{margin-bottom:3rem}.metronome-plugin--compact{align-items:center;display:inline-flex;margin:0 .5rem}.metronome-plugin__compact-label{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:var(--primary-color);border-radius:.25rem;color:var(--gray0);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;max-width:50px;min-width:50px;padding:.5rem .8rem;position:relative;text-align:center;transition:transform .12s ease,opacity .2s;-webkit-user-select:none;user-select:none}.metronome-plugin__compact-label:active:not(:disabled){transform:scale(.95)}.metronome-plugin__compact-label:hover{opacity:.9}.metronome-plugin__compact-label:not(.active){opacity:.7}.metronome-plugin__compact-label:after{background-color:#ffffff4d;border-radius:50%;bottom:3px;content:"";height:7px;position:absolute;right:3px;transition:all .05s ease;width:7px}.metronome-plugin__compact-label.flashing:after{background-color:#fffffff2;box-shadow:0 0 8px #fffc;transform:scale(1.2)}body.dark .metronome-plugin__compact-label{color:var(--gray10)}body.dark .metronome-plugin__compact-label:after{background-color:#0000004d;opacity:1}body.dark .metronome-plugin__compact-label.flashing:after{background-color:#000c;box-shadow:0 0 8px #00000080;opacity:1}.GlobalLoader{align-items:center;background:var(--bg);bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .4s ease;z-index:9999}.GlobalLoader.hidden{opacity:0;pointer-events:none}.GlobalLoader .content{align-items:center;display:flex;flex-direction:column}.GlobalLoader .logo{height:auto;width:200px}.GlobalLoader .dots{color:var(--primary-color)}body.dark .GlobalLoader .dots{color:var(--gray1)}.GlobalLoader .error{align-items:center;animation:fadeIn .4s ease;display:flex;flex-direction:column;gap:12px;padding:0 24px;text-align:center}.GlobalLoader .error p{color:var(--gray7);font-size:.95rem;margin:0;max-width:280px}.GlobalLoader .error p.hint{color:var(--gray5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body.dark .GlobalLoader .logo{filter:brightness(0) invert(.8)}body.dark .GlobalLoader .hint{color:var(--gray5)}body.dark .GlobalLoader .error p{color:var(--gray3)}.GlobalLoaderOpen{height:100%;overflow:hidden}body.print-sheet{background:#fff}.print-overview-count{background-color:var(--primary-color);border-radius:5px;color:#fff;font-size:.85em;margin-left:.4rem;padding:0 4px}.PrintService{background:#fff;color:var(--text-primary);margin:0 auto;max-width:210mm;padding:0 1.5rem 2rem}.PrintService .header{border-bottom:2px solid var(--text-primary);margin-bottom:1rem;padding-bottom:1rem}.PrintService .header .date{font-size:.85rem;letter-spacing:.08em;margin:0;opacity:.7;text-transform:uppercase}.PrintService .header .title{font-size:1.8rem;margin:.25rem 0}.PrintService .header .count{font-size:.85rem;margin:0;opacity:.7}.PrintService .song{margin-bottom:3rem}.PrintService .song .song-header{border-bottom:1px solid var(--gray3);margin-bottom:1.25rem;padding-bottom:.5rem}.PrintService .song .song-title{align-items:baseline;display:flex;font-size:1.25rem;gap:.6rem;margin:0}.PrintService .song .song-number{font-size:2.1rem;font-weight:700;line-height:1;opacity:.35}.PrintService .song .song-meta{font-size:.85rem;margin:.2rem 0 0;opacity:.7}.PrintService .song .song-parts{display:table;font-size:.9rem;line-height:1.5;table-layout:fixed;width:100%}@media screen and (max-width:768px){.PrintService .song .song-parts{display:block}}.PrintService .song .song-parts .ViewSongPart{display:block}.PrintService .song .song-column{display:table-cell;vertical-align:top;width:50%}.PrintService .song .song-column:first-child{padding-right:5mm}.PrintService .song .song-column:last-child{padding-left:5mm}.PrintService .song .song-column:only-child{padding:0;width:100%}@media screen and (max-width:768px){.PrintService .song .song-column,.PrintService .song .song-column:first-child,.PrintService .song .song-column:last-child{display:block;padding:0;width:auto}}@media screen{.PrintService.phone{max-width:100mm;padding:0 6mm 2rem}}.PrintService.phone .song .song-parts{font-size:12pt}.PrintService .chart-part-icon,.PrintService .duplicate-part-icon,.PrintService .midi-part-icon{display:none}@media print{@page{size:A4 portrait;margin:14mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.NavBar,.NavBarTray,.Toastify{display:none!important}.PrintService,body,html{background:#fff!important}.PrintService{margin:0;max-width:none;padding:0}.PrintService .header{break-after:avoid;page-break-after:avoid}.PrintService .song{break-before:page;margin-bottom:0;page-break-before:always}.PrintService .song:first-of-type{break-before:auto;page-break-before:auto}.PrintService .song .song-header{break-after:avoid;page-break-after:avoid}.PrintService .song .song-parts{font-size:10pt;line-height:1.45}.ChordBarsChart,.ViewSongPart{break-inside:avoid;page-break-inside:avoid}.ChordBarsChart{margin:.25em 0 .4em}.ChordBarsChart .bar{padding:.15em .35em}.ChordPiano,.repeat-counter{display:none}}.PartTypeSelect{display:block;width:100%}.PartTypeSelect .mg-dropdown__trigger{display:flex;width:100%}.PartTypeSelect .trigger{align-items:center;background-color:var(--gray0);border:1px solid var(--gray2-1);border-radius:14px;display:flex;font-size:.95rem;font-weight:600;height:42px;padding:0 10px;text-align:left;width:100%}body.dark .PartTypeSelect .trigger{background-color:var(--gray7)}.PartTypeSelect .part-icon{align-items:center;display:flex;flex-shrink:0;margin-right:7px}.PartTypeSelect .label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PartTypeSelect .caret{align-items:center;display:flex;flex-shrink:0;margin-left:8px;opacity:.75}.PartTypeSelect .caret svg{width:16px}.PartTypeSelect .menu{max-height:320px;overflow-y:auto;width:100%}.PartTypeSelect .option{font-weight:600}.PartTypeSelect .check-icon{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.PartTypeSelect .check-icon svg{width:18px}.PartTypeSelect.PartTypeSelect .section{background:linear-gradient(90deg,#ff638447,#ffcd5647,#4bc08447,#36a2eb47,#9966ff47);color:var(--gray9)}body.light .PartTypeSelect.PartTypeSelect .instrumental,body.light .PartTypeSelect.PartTypeSelect .intro,body.light .PartTypeSelect.PartTypeSelect .music,body.light .PartTypeSelect.PartTypeSelect .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light .PartTypeSelect.PartTypeSelect .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light .PartTypeSelect.PartTypeSelect .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light .PartTypeSelect.PartTypeSelect .chorus,body.light .PartTypeSelect.PartTypeSelect .refrain,body.light .PartTypeSelect.PartTypeSelect .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light .PartTypeSelect.PartTypeSelect .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light .PartTypeSelect.PartTypeSelect .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light .PartTypeSelect.PartTypeSelect .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}body.light .PartTypeSelect.PartTypeSelect .option{color:var(--text-primary)}body.dark .PartTypeSelect.PartTypeSelect{--part-surface:var(--gray10)}body.dark .PartTypeSelect.PartTypeSelect .instrumental,body.dark .PartTypeSelect.PartTypeSelect .intro,body.dark .PartTypeSelect.PartTypeSelect .music,body.dark .PartTypeSelect.PartTypeSelect .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.dark .PartTypeSelect.PartTypeSelect .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.dark .PartTypeSelect.PartTypeSelect .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.dark .PartTypeSelect.PartTypeSelect .chorus,body.dark .PartTypeSelect.PartTypeSelect .refrain,body.dark .PartTypeSelect.PartTypeSelect .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.dark .PartTypeSelect.PartTypeSelect .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.dark .PartTypeSelect.PartTypeSelect .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.dark .PartTypeSelect.PartTypeSelect .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}body.dark .PartTypeSelect.PartTypeSelect .caret svg,body.dark .PartTypeSelect.PartTypeSelect .check-icon svg,body.dark .PartTypeSelect.PartTypeSelect .part-icon svg{stroke:currentColor;color:inherit}body.dark .PartTypeSelect.PartTypeSelect .section{background:linear-gradient(90deg,color-mix(in srgb,var(--part-red) 35%,var(--gray10)),color-mix(in srgb,var(--part-yellow) 35%,var(--gray10)),color-mix(in srgb,var(--part-green) 35%,var(--gray10)),color-mix(in srgb,var(--part-blue) 35%,var(--gray10)),color-mix(in srgb,var(--part-purple) 35%,var(--gray10)));color:var(--gray2)}@media(max-width:430px){.PartTypeSelect .menu{width:125%}}.SignUp .joining-team{align-items:center;animation:joining-team-in .4s ease-out;background:color-mix(in srgb,var(--primary-color) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--primary-color) 35%,var(--surface));border-radius:20px;display:flex;gap:10px;margin-bottom:20px;padding:10px 10px 10px 14px}.SignUp .joining-team .text{display:flex;flex:1 1;flex-direction:column;line-height:1.3;min-width:0}.SignUp .joining-team .step{color:var(--primary-color);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.SignUp .joining-team .name{overflow-wrap:anywhere}.SignUp .joining-team .name strong{font-weight:600}.SignUp .joining-team .change{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--surface);border:0;border-radius:999px;color:var(--primary-color);cursor:pointer;flex:none;font:inherit;font-size:.85rem;padding:6px 12px;-webkit-user-select:none;user-select:none}.SignUp .join-btn:not(:disabled){animation:join-btn-pulse 3.2s ease-out .4s infinite}@keyframes joining-team-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes join-btn-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-color) 55%,#0000)}35%,to{box-shadow:0 0 0 12px color-mix(in srgb,var(--primary-color) 0,#0000)}}@media(prefers-reduced-motion:reduce){.SignUp .join-btn:not(:disabled),.SignUp .joining-team{animation:none}}.NavBarMenu.BottomSheet .panel .body{padding:4px 8px calc(12px + env(safe-area-inset-bottom))}.NavBarMenu .identity{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:14px;color:var(--primary-color);display:flex;gap:12px;margin-bottom:6px;padding:12px;-webkit-user-select:none;user-select:none}.NavBarMenu .identity,.NavBarMenu .identity:active,.NavBarMenu .identity:focus,.NavBarMenu .identity:hover,.NavBarMenu .identity:visited{text-decoration:none}.NavBarMenu .identity.is-active,.NavBarMenu .identity:focus-visible{background-color:var(--primary-color-pastel);outline:none}body.dark .NavBarMenu .identity{color:var(--gray3)}body.dark .NavBarMenu .identity.is-active,body.dark .NavBarMenu .identity:focus-visible{background-color:var(--gray7)}.NavBarMenu .identity .identity-avatar{background:var(--primary-color);border-radius:50%;color:var(--gray0);display:grid;flex:0 0 auto;height:44px;place-items:center;width:44px}body.dark .NavBarMenu .identity .identity-avatar{color:var(--gray10)}.NavBarMenu .identity .identity-avatar .icon svg{stroke:currentColor;width:26px}.NavBarMenu .identity .identity-text{display:flex;flex-direction:column;min-width:0}.NavBarMenu .identity .identity-text .identity-name,.NavBarMenu .identity .identity-text .identity-team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NavBarMenu .identity .identity-text .identity-name{font-weight:600}.NavBarMenu .identity .identity-text .identity-team{color:var(--gray5);font-size:.8125rem}body.dark .NavBarMenu .identity .identity-text .identity-team{color:var(--gray4)}.NavBarMenu .identity .identity-chevron{border-bottom:2px solid;border-right:2px solid;flex:0 0 auto;height:8px;margin-left:auto;margin-right:6px;opacity:.6;transform:rotate(-45deg);width:8px}.NavBarMenu .rows{display:flex;flex-direction:column;gap:2px}.NavBarMenu .rows .row{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:14px;color:var(--primary-color);display:flex;font-weight:500;gap:14px;padding:13px 14px;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.NavBarMenu .rows .row:active:not(:disabled){transform:scale(.98)}.NavBarMenu .rows .row,.NavBarMenu .rows .row:active,.NavBarMenu .rows .row:focus,.NavBarMenu .rows .row:hover,.NavBarMenu .rows .row:visited{text-decoration:none}.NavBarMenu .rows .row.is-active,.NavBarMenu .rows .row:focus-visible{background-color:var(--primary-color-pastel);outline:none}body.dark .NavBarMenu .rows .row{color:var(--gray3)}body.dark .NavBarMenu .rows .row.is-active,body.dark .NavBarMenu .rows .row:focus-visible{background-color:var(--gray7)}.NavBarMenu .rows .row .icon{align-items:center;display:inline-flex;margin:0}.NavBarMenu .rows .row .icon svg{width:22px}.NavBarMenu .rows .row--upgrade{animation:upgrade-sheen 2.6s linear infinite;background-image:linear-gradient(100deg,#fff0,#ffffffb3 50%,#fff0);background-repeat:repeat-x;background-size:200% 100%}.NavBarMenu .rows .row--upgrade .icon svg{animation:upgrade-star-lean .55s cubic-bezier(.65,0,.85,.15) .2s both}body.dark .NavBarMenu .rows .row--upgrade{background-image:linear-gradient(100deg,#fff0,#ffffff17 50%,#fff0)}@media(prefers-reduced-motion:reduce){.NavBarMenu .rows .row--upgrade{animation:none;background-image:none}.NavBarMenu .rows .row--upgrade .icon svg{animation:none}}.NavBarMenu .rows .divider{background:var(--gray2);height:1px;margin:6px 14px}body.dark .NavBarMenu .rows .divider{background:var(--gray7)}.NavBar{margin:0 0 20px;position:relative;z-index:100}.NavBar.is-sticky{position:sticky;top:0}.NavBar.is-sticky:before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 55%,#0000);content:"";inset:0 0 -18px;mask-image:linear-gradient(180deg,#000 calc(100% - 30px),#0000);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 30px),#0000);pointer-events:none;position:absolute;z-index:-1}.NavBar .bar{margin:0 auto;max-width:var(--mg-container-max-width);padding:10px 10px 0}@media(min-width:992px){.NavBar .bar{padding:10px var(--mg-container-padding-x) 0}}.NavBar .bar .capsule{align-items:center;background:var(--surface);border:1px solid #0000;border-radius:28px;display:flex;gap:6px;min-height:56px;padding:6px 7px 6px 14px;transition:background-color .2s ease,box-shadow .2s ease,padding-left .3s cubic-bezier(.16,1,.3,1)}body.light .NavBar .bar .capsule{--primary-color-pastel:var(--surface-pastel)}body.dark .NavBar .bar .capsule{border-color:var(--gray7)}.NavBar .bar .capsule.is-page{padding-left:7px}.NavBar .bar .capsule .page-slot{display:contents}.NavBar .bar .capsule .home{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.NavBar .bar .capsule .home.enter-back{animation:bar-enter-back .3s cubic-bezier(.16,1,.3,1) backwards}@keyframes bar-enter-back{0%{opacity:0;transform:translateX(-24px)}}@media(prefers-reduced-motion:reduce){.NavBar .bar .capsule .home.enter-back{animation:none}}.NavBar .bar .capsule .home.is-hidden{display:none}.NavBar .bar .capsule .brand{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;display:inline-flex;padding:4px 2px;-webkit-user-select:none;user-select:none}.NavBar .bar .capsule .brand .logo{display:block;height:34px}body.dark .NavBar .bar .capsule .brand .logo{filter:brightness(0) invert(.8)}.NavBar .bar .capsule .links{display:none}@media(min-width:992px){.NavBar .bar .capsule .links{align-items:center;display:flex;gap:4px;margin-left:12px}}.NavBar .bar .capsule .links .link{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:18px;color:var(--primary-color);display:inline-flex;gap:8px;padding:6px 12px;-webkit-user-select:none;user-select:none}.NavBar .bar .capsule .links .link,.NavBar .bar .capsule .links .link:active,.NavBar .bar .capsule .links .link:focus,.NavBar .bar .capsule .links .link:hover,.NavBar .bar .capsule .links .link:visited{text-decoration:none}.NavBar .bar .capsule .links .link.is-active,.NavBar .bar .capsule .links .link:focus-visible{background-color:var(--primary-color-pastel);outline:none}body.dark .NavBar .bar .capsule .links .link{color:var(--gray3)}body.dark .NavBar .bar .capsule .links .link.is-active,body.dark .NavBar .bar .capsule .links .link:focus-visible{background-color:var(--gray7)}.NavBar .bar .capsule .links .link .icon{align-items:center;display:inline-flex;margin:0}.NavBar .bar .capsule .actions{align-items:center;display:flex;gap:6px;margin-left:auto}.NavBar .bar .capsule .avatar{-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--primary-color);border:0;border-radius:50%;color:var(--gray0);cursor:pointer;display:grid;flex:0 0 auto;height:42px;place-items:center;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:42px}.NavBar .bar .capsule .avatar:active:not(:disabled){transform:scale(.95)}.NavBar .bar .capsule .avatar:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .NavBar .bar .capsule .avatar{color:var(--gray10)}.NavBar .bar .capsule .avatar .icon svg{stroke:currentColor;width:26px}@media(min-width:992px){.NavBar .bar .capsule .avatar{display:none}}.NavBar .bar .capsule .profile{display:none;position:relative}@media(min-width:992px){.NavBar .bar .capsule .profile{display:block}}.NavBar .bar .capsule .profile .profile-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);background:#0000;border:0;border-radius:50%;cursor:pointer;display:block;font:inherit;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.NavBar .bar .capsule .profile .profile-toggle:active:not(:disabled){transform:scale(.95)}.NavBar .bar .capsule .profile .profile-toggle.is-open,.NavBar .bar .capsule .profile .profile-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.NavBar .bar .capsule .profile .profile-toggle .avatar-dot{background:var(--primary-color);border-radius:50%;color:var(--gray0);display:grid;height:42px;place-items:center;width:42px}body.dark .NavBar .bar .capsule .profile .profile-toggle .avatar-dot{color:var(--gray10)}.NavBar .bar .capsule .profile .profile-toggle .avatar-dot .icon svg{stroke:currentColor;width:26px}.NavBar .bar .capsule .profile .profile-menu{background:var(--gray0);border:1px solid var(--gray2);border-radius:14px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;gap:2px;min-width:200px;opacity:0;padding:6px;pointer-events:none;position:absolute;right:0;top:calc(100% + 12px);transform:translateY(-6px);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s;visibility:hidden;z-index:5}.NavBar .bar .capsule .profile .profile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s;visibility:visible}body.dark .NavBar .bar .capsule .profile .profile-menu{background:var(--gray8);border-color:var(--gray7);box-shadow:0 8px 24px #0006}.NavBar .bar .capsule .profile .profile-menu .profile-item{align-items:center;border-radius:8px;color:var(--primary-color);display:flex;gap:10px;padding:10px 14px;-webkit-user-select:none;user-select:none}.NavBar .bar .capsule .profile .profile-menu .profile-item,.NavBar .bar .capsule .profile .profile-menu .profile-item:active,.NavBar .bar .capsule .profile .profile-menu .profile-item:focus,.NavBar .bar .capsule .profile .profile-menu .profile-item:hover,.NavBar .bar .capsule .profile .profile-menu .profile-item:visited{text-decoration:none}.NavBar .bar .capsule .profile .profile-menu .profile-item.is-active,.NavBar .bar .capsule .profile .profile-menu .profile-item:focus-visible{background-color:var(--primary-color-pastel);outline:none}body.dark .NavBar .bar .capsule .profile .profile-menu .profile-item{color:var(--gray3)}body.dark .NavBar .bar .capsule .profile .profile-menu .profile-item.is-active,body.dark .NavBar .bar .capsule .profile .profile-menu .profile-item:focus-visible{background-color:var(--gray7)}.NavBar .bar .capsule .profile .profile-menu .profile-item .icon{align-items:center;display:inline-flex;margin:0}.NavBar .bar .capsule .profile .profile-menu.is-open .profile-item--upgrade{animation:upgrade-sheen 2.6s linear infinite;background-image:linear-gradient(100deg,#fff0,#ffffffb3 50%,#fff0);background-repeat:repeat-x;background-size:200% 100%}@keyframes upgrade-sheen{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes upgrade-star-lean{to{transform:rotate(-14deg) scale(1.12)}}.NavBar .bar .capsule .profile .profile-menu.is-open .profile-item--upgrade .icon svg{animation:upgrade-star-lean .55s cubic-bezier(.65,0,.85,.15) .2s both}body.dark .NavBar .bar .capsule .profile .profile-menu.is-open .profile-item--upgrade{background-image:linear-gradient(100deg,#fff0,#ffffff17 50%,#fff0)}@media(prefers-reduced-motion:reduce){.NavBar .bar .capsule .profile .profile-menu.is-open .profile-item--upgrade{animation:none;background-image:none}.NavBar .bar .capsule .profile .profile-menu.is-open .profile-item--upgrade .icon svg{animation:none}}.NavBar .bar .capsule .profile .profile-menu .profile-divider{background:var(--gray2);height:1px;margin:4px 6px}body.dark .NavBar .bar .capsule .profile .profile-menu .profile-divider{background:var(--gray7)}.NavBarTray{display:flex;flex-direction:column;margin:-12px auto 16px;max-width:var(--mg-container-max-width);padding:0 10px;position:sticky;top:8px;z-index:100}@media(min-width:992px){.NavBarTray{padding:0 var(--mg-container-padding-x)}}.NavBarTray:empty{display:none}.NavBarTray>*{animation:bar-enter-down .3s cubic-bezier(.16,1,.3,1) backwards}@keyframes bar-enter-down{0%{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.NavBarTray>*{animation:none}}.select-setting-container{flex-shrink:0}.select-setting-container .mg-custom-select{max-width:100%;min-width:11rem;width:auto}.ColorThemePreview{--part-surface:var(--bg);background:var(--bg);border:1px solid color-mix(in srgb,var(--bg-text) 20%,var(--bg));border-radius:8px;color:var(--bg-text);flex:0 0 100%;font-size:.95rem;font-weight:400;margin-top:.85rem;overflow-x:auto;padding:.8rem .9rem .9rem;-webkit-user-select:none;user-select:none;white-space:pre}.ColorThemePreview .instrumental,.ColorThemePreview .intro,.ColorThemePreview .music,.ColorThemePreview .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}.ColorThemePreview .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}.ColorThemePreview .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}.ColorThemePreview .chorus,.ColorThemePreview .refrain,.ColorThemePreview .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}.ColorThemePreview .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}.ColorThemePreview .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}.ColorThemePreview .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}.ColorThemePreview .music-tag{border-radius:max(4px,.25em);display:inline-block;font-weight:500;margin-bottom:.35rem;padding:.1em .2em}.ColorThemePreview .chord{color:var(--primary-color);font-weight:600}.ColorThemePreview__line{line-height:1.4;margin:0}body.light .ColorThemePreview:not(.color-theme) .instrumental,body.light .ColorThemePreview:not(.color-theme) .intro,body.light .ColorThemePreview:not(.color-theme) .music,body.light .ColorThemePreview:not(.color-theme) .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light .ColorThemePreview:not(.color-theme) .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light .ColorThemePreview:not(.color-theme) .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light .ColorThemePreview:not(.color-theme) .chorus,body.light .ColorThemePreview:not(.color-theme) .refrain,body.light .ColorThemePreview:not(.color-theme) .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light .ColorThemePreview:not(.color-theme) .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light .ColorThemePreview:not(.color-theme) .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light .ColorThemePreview:not(.color-theme) .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}.StorageSection.settings-section .storage-meter{background-color:var(--gray2);border-radius:3px;display:block;height:6px;margin:.85rem 1rem 0;overflow:hidden;padding:0}body.dark .StorageSection.settings-section .storage-meter{background-color:var(--gray7)}.StorageSection.settings-section .storage-meter-bar{background-color:var(--primary-color);border-radius:3px;height:100%;transition:width .3s ease}.StorageSection.settings-section .storage-meter-bar.tight{background-color:#d9534f;background-color:var(--red,#d9534f)}.StorageSection.settings-section .storage-usage{color:var(--gray6);font-size:.85rem;margin:.5rem 1rem .85rem}body.dark .StorageSection.settings-section .storage-usage{color:var(--gray5)}.StorageSection.settings-section .storage-row{align-items:flex-start;gap:1rem}.StorageSection.settings-section .storage-row-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.StorageSection.settings-section .storage-row-label{font-weight:600}.StorageSection.settings-section .storage-row-description{color:var(--gray5);font-size:1rem;font-weight:400;line-height:1.4;margin-top:.2rem}.StorageSection.settings-section .clear-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;align-self:center;background-color:color-mix(in srgb,var(--red-color) 10%,#0000);border:none;border-radius:999px;color:var(--red-color);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.35rem;padding:.45rem .95rem .45rem .8rem;transition:transform .1s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.StorageSection.settings-section .clear-btn svg{stroke:currentColor;height:1.05rem;width:1.05rem}.StorageSection.settings-section .clear-btn:active:not(:disabled){background-color:color-mix(in srgb,var(--red-color) 18%,#0000);transform:scale(.96)}.StorageSection.settings-section .clear-btn:disabled{background-color:var(--gray2);color:var(--gray5);cursor:default}body.dark .StorageSection.settings-section .clear-btn{background-color:color-mix(in srgb,var(--red-color-lighter) 18%,#0000);color:var(--red-color-lighter)}body.dark .StorageSection.settings-section .clear-btn:active:not(:disabled){background-color:color-mix(in srgb,var(--red-color-lighter) 28%,#0000)}body.dark .StorageSection.settings-section .clear-btn:disabled{background-color:var(--gray7);color:var(--gray5)}.Settings{margin:auto;max-width:560px}.Settings .settings-section{background:var(--surface);border:1px solid #0000;border-radius:24px;margin-bottom:1.5rem;overflow:hidden}body.light .Settings .settings-section{--primary-color-pastel:var(--surface-pastel)}body.dark .Settings .settings-section{border-color:var(--gray7)}.Settings .settings-section .settings-section-title{background-color:var(--gray2);color:var(--gray5);font-size:.85rem;font-weight:700;letter-spacing:.08em;margin-bottom:0;padding:.6rem 1rem;text-transform:uppercase}body.dark .Settings .settings-section .settings-section-title{background-color:var(--gray7);color:var(--gray4)}.Settings .settings-section>div{align-items:center;border-top:1px solid var(--gray2);display:flex;flex-wrap:wrap;gap:0 1rem;justify-content:space-between;padding:.85rem 1rem}body.dark .Settings .settings-section>div{border-top-color:var(--gray7)}.Settings .settings-section>div:first-of-type{border-top:none}.Settings .settings-section>div>span.toggle-switch-label{flex:1 1;font-size:1rem;font-weight:600;min-width:0}.Settings .settings-section>div small.toggle-switch-description{color:var(--gray5);flex:0 0 100%;font-size:1rem;font-weight:400;line-height:1.4;margin-top:.2rem}.Settings .settings-section>div .switch-container{flex-shrink:0}.Settings .settings-section>div .switch-container label{float:none}.Settings .contact-row{align-items:center;color:inherit;cursor:pointer;display:flex;gap:.85rem;padding:.85rem 1rem;text-decoration:none;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.Settings .contact-row:active{background-color:var(--gray1)}body.dark .Settings .contact-row:active{background-color:var(--gray8)}.Settings .contact-row .icon svg{display:block;width:24px}.Settings .contact-row .contact-row-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.Settings .contact-row .contact-row-label{font-size:1rem;font-weight:600}.Settings .contact-row .contact-row-description{color:var(--gray5);font-size:1rem;line-height:1.4;margin-top:.2rem}.Settings .contact-row .contact-row-chevron{border-bottom:2px solid var(--gray5);border-right:2px solid var(--gray5);flex:0 0 auto;height:8px;margin-right:4px;transform:rotate(-45deg);width:8px}.Settings .version-info{color:var(--gray6);font-size:.875rem;margin-bottom:2rem;margin-top:1rem;opacity:.7;text-align:center}body.dark .Settings .version-info{color:var(--gray5)}.Contact{--tile:var(--gray0);margin:auto;max-width:560px;padding-bottom:2rem}body.dark .Contact{--tile:var(--gray9)}.Contact .section{background:var(--surface);border:1px solid #0000;border-radius:24px;margin-bottom:1.25rem;overflow:hidden}body.light .Contact .section{--primary-color-pastel:var(--surface-pastel)}body.dark .Contact .section{border-color:var(--gray7)}.Contact .section .section-title{background-color:var(--gray2);color:var(--gray5);font-size:.85rem;font-weight:700;letter-spacing:.08em;margin-bottom:0;padding:.6rem 1rem;text-transform:uppercase}body.dark .Contact .section .section-title{background-color:var(--gray7);color:var(--gray4)}.Contact .section .intro{text-wrap:pretty;color:var(--gray5);line-height:1.45;margin:0;padding:.85rem 1rem .15rem}.Contact .categories{display:flex;flex-direction:column;gap:8px;padding:10px}.Contact .categories .category{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:var(--tile);border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;gap:12px;margin:0;padding:12px;transition:transform .12s ease,background-color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.Contact .categories .category:active:not(:disabled){transform:scale(.98)}.Contact .categories .category:has(input:focus-visible){box-shadow:0 0 0 3px var(--focus-ring)}.Contact .categories .category .category-icon{background-color:var(--surface);border-radius:50%;display:grid;flex:0 0 auto;height:42px;place-items:center;transition:background-color .15s ease;width:42px}.Contact .categories .category .category-icon .icon{display:flex}.Contact .categories .category .category-icon .icon svg{stroke:var(--primary-color);display:block;height:22px;width:22px}body.dark .Contact .categories .category .category-icon{background-color:var(--gray7)}.Contact .categories .category .category-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.Contact .categories .category .category-text .category-title{font-weight:600}.Contact .categories .category .category-text .category-hint{color:var(--gray5);font-size:.9rem}.Contact .categories .category .category-check{border:2px solid var(--gray3);border-radius:50%;display:grid;flex:0 0 auto;height:24px;place-items:center;transition:background-color .15s ease,border-color .15s ease;width:24px}body.dark .Contact .categories .category .category-check{border-color:var(--gray5)}.Contact .categories .category .category-check svg{stroke:var(--gray0);stroke-width:2.5;opacity:0;transition:opacity .15s ease;width:14px}.Contact .categories .category.is-selected{background-color:color-mix(in srgb,var(--primary-color) 10%,var(--tile));border-color:var(--primary-color)}body.dark .Contact .categories .category.is-selected{background-color:color-mix(in srgb,var(--primary-color) 18%,var(--tile))}.Contact .categories .category.is-selected .category-icon{background-color:var(--primary-color)}.Contact .categories .category.is-selected .category-icon .icon svg{stroke:var(--gray0)}body.dark .Contact .categories .category.is-selected .category-icon{background-color:var(--primary-color)}body.dark .Contact .categories .category.is-selected .category-icon .icon svg{stroke:var(--gray10)}.Contact .categories .category.is-selected .category-check{background-color:var(--primary-color);border-color:var(--primary-color)}body.dark .Contact .categories .category.is-selected .category-check{border-color:var(--primary-color)}.Contact .categories .category.is-selected .category-check svg{opacity:1}body.dark .Contact .categories .category.is-selected .category-check svg{stroke:var(--gray10)}.Contact .fields{padding:1rem}.Contact .fields .message{background-color:var(--tile);border:2px solid #0000;border-radius:16px;display:block;line-height:1.45;min-height:180px;padding:12px 14px;resize:none;width:100%}.Contact .fields .message:focus{background-color:var(--tile);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring-form)}body.dark .Contact .fields .message{background-color:var(--tile);border-color:#0000}body.dark .Contact .fields .message:focus{background-color:var(--tile);border-color:var(--primary-color)}body.dark .Contact .fields .message::placeholder{color:var(--gray5)}.Contact .fields .counter{color:var(--gray5);font-size:.8rem;margin-top:.35rem;text-align:right}.Contact .device-info{border-top:1px solid var(--gray2)}body.dark .Contact .device-info{border-top-color:var(--gray7)}.Contact .device-info .ToggleSwitch{align-items:center;display:flex;flex-wrap:wrap;gap:0 1rem;justify-content:space-between;padding:.85rem 1rem}.Contact .device-info .ToggleSwitch .toggle-switch-label{flex:1 1;font-weight:600;min-width:0}.Contact .device-info .ToggleSwitch .switch-container{align-items:center;display:flex;flex-shrink:0}.Contact .device-info .ToggleSwitch .switch-container label{float:none;margin:0}.Contact .device-info .ToggleSwitch .switch-container:after{display:none}.Contact .device-info .ToggleSwitch .toggle-switch-description{color:var(--gray5);flex:0 0 100%;font-size:.9rem;line-height:1.4;margin-top:.2rem}.Contact .note{color:var(--gray5);font-size:.875rem;line-height:1.4;margin:0 .25rem 1rem}.Contact .submit{font-size:1.05rem;min-height:48px}.Contact .submit:disabled{background-color:var(--gray2);border-color:var(--gray2);color:var(--gray5);opacity:1}body.dark .Contact .submit:disabled{background-color:var(--gray7);border-color:var(--gray7);color:var(--gray5)}body.dark .Contact .mg-btn--primary:not(:disabled){color:var(--gray10)}.Contact .sent{padding:2.5rem 1.5rem 2rem;text-align:center}.Contact .sent .sent-icon svg{height:56px;width:56px}.Contact .sent .sent-title{font-size:1.35rem;font-weight:700;margin:.75rem 0 .5rem}.Contact .sent .sent-text{color:var(--gray5);line-height:1.45;margin:0 auto 1.5rem;max-width:360px}.Contact .sent .sent-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.ArtistInput{position:relative}.ArtistInput .artist-suggestions{background-color:var(--gray0);border:1px solid var(--gray2);border-radius:14px;box-shadow:0 2px 4px #0000001a;inset-inline:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:4px;position:absolute;top:calc(100% + 6px);z-index:1000}.ArtistInput .artist-suggestions>*{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:400;padding:8px 12px;-webkit-user-select:none;user-select:none}.ArtistInput .artist-suggestions>.selected,.ArtistInput .artist-suggestions>:active{background-color:var(--gray1)}body.dark .ArtistInput .artist-suggestions{background-color:var(--gray8);border-color:var(--gray7);box-shadow:0 2px 4px #0003}body.dark .ArtistInput .artist-suggestions>*{color:var(--gray3)}body.dark .ArtistInput .artist-suggestions>.selected,body.dark .ArtistInput .artist-suggestions>:active{background-color:var(--gray7)}.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-appear,.rc-tooltip-zoom-enter{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.18,.89,.32,1.28);opacity:0}.rc-tooltip-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,-.3,.74,.05)}.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active,.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active{animation-name:rcToolTipZoomIn;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running}@keyframes rcToolTipZoomIn{0%{opacity:0;transform:scale(0);transform-origin:50% 50%}to{opacity:1;transform:scale(1);transform-origin:50% 50%}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform:scale(1);transform-origin:50% 50%}to{opacity:0;transform:scale(0);transform-origin:50% 50%}}.rc-tooltip{background-color:#0000000d;display:block;font-size:12px;line-height:1.5;opacity:.9;padding:1px;position:absolute;visibility:visible;z-index:1070}.rc-tooltip-hidden{display:none}.rc-tooltip-inner{background-color:#fff;border:1px solid #b1b1b1;border-radius:3px;color:#333;min-height:34px;padding:8px 10px;text-align:left;text-decoration:none}.rc-tooltip-arrow,.rc-tooltip-arrow-inner{border-color:#0000;border-style:solid;height:0;position:absolute;width:0}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{border-top-color:#b1b1b1;border-width:6px 6px 0;margin-left:-6px;transform:translate(-50%,5px)}.rc-tooltip-placement-top .rc-tooltip-arrow-inner,.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner{border-top-color:#fff;border-width:6px 6px 0;bottom:1px;margin-left:-6px}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow{border-right-color:#b1b1b1;border-width:6px 6px 6px 0;left:-5px;margin-top:-6px;transform:translateX(calc(-100% + 1px))}.rc-tooltip-placement-right .rc-tooltip-arrow-inner,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner,.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner{border-right-color:#fff;border-width:6px 6px 6px 0;left:1px;margin-top:-6px}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow{border-left-color:#b1b1b1;border-width:6px 0 6px 6px;margin-top:-6px;right:-5px;transform:translateX(calc(100% - 1px))}.rc-tooltip-placement-left .rc-tooltip-arrow-inner,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner,.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner{border-left-color:#fff;border-width:6px 0 6px 6px;margin-top:-6px;right:1px}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{border-bottom-color:#b1b1b1;border-width:0 6px 6px;margin-left:-6px;transform:translate(-50%,-5px)}.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner{border-bottom-color:#fff;border-width:0 6px 6px;margin-left:-6px;top:1px}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}.PartOptions{align-items:center;display:inline-flex;float:none}.PartOptions .mg-dropdown,.PartOptions .mg-dropdown__trigger,.PartOptions .options-icon{align-items:center;display:flex}.PartOptions .options-icon svg{height:22px;width:22px}.PartOptions .mg-dropdown__item{padding:7px 14px}.PartOptions .mg-dropdown__item:disabled{cursor:not-allowed;opacity:.5}.PartOptions .mg-dropdown__divider{margin:2px 6px}body.dark .PartOptions .options-icon svg{color:inherit}body.dark .PartOptions .options-icon svg path{fill:currentColor;stroke:currentColor}@keyframes part-flash-primary{0%,to{box-shadow:inset 0 0 0 2px #0000}50%{box-shadow:inset 0 0 0 2px var(--primary-color)}}@keyframes part-flash-red{0%,to{box-shadow:inset 0 0 0 2px #0000}50%{box-shadow:inset 0 0 0 2px var(--red-color)}}.SongParts{margin-bottom:1rem}.SongParts.editing .drag-handle,.SongParts.overview .drag-handle{cursor:default}.SongParts .part{align-items:stretch;cursor:default;display:flex;justify-content:space-between;max-height:60px;min-height:40px;transition:opacity .2s ease-in-out,max-height .3s ease,min-height .3s ease;-webkit-user-select:none;user-select:none}.SongParts .part.dimmed{opacity:.3}.SongParts .part.part-collapsed{max-height:0;min-height:0;opacity:0;overflow:hidden;pointer-events:none}.SongParts .part.highlighted{box-shadow:inset 0 0 0 2px var(--primary-color)}.SongParts .part.flash-duplicate{animation:part-flash-primary .4s ease-in-out 2}.SongParts .part.flash-delete{animation:part-flash-red .4s ease-in-out 2}.SongParts .part.part-first{border-top-left-radius:16px;border-top-right-radius:16px}.SongParts .part.part-first .info{border-top-left-radius:16px}.SongParts .part.part-first .controls{border-top-right-radius:16px}.SongParts .part.part-last{border-bottom-right-radius:16px}.SongParts .part.part-last,.SongParts .part.part-last .info{border-bottom-left-radius:16px}.SongParts .part.part-last .controls{border-bottom-right-radius:16px}.SongParts .part.section-divider .name.section-name{font-size:.8rem;font-weight:700;justify-content:flex-start;letter-spacing:.04em;text-transform:uppercase}.SongParts .info{align-items:center;display:flex;flex:0 1 auto;min-width:0;overflow:hidden;padding:0 10px}.SongParts .info .icon{align-items:center;display:flex;flex-shrink:0;margin-right:7px;will-change:opacity}.SongParts .name{align-items:center;display:inline-flex;flex:0 1 auto;font-size:.95rem;font-weight:600;min-width:0;overflow:hidden}.SongParts .name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SongParts .repeat-badge{align-items:center;background-color:#0000001f;border-radius:3px;display:inline-flex;flex-shrink:0;font-size:1em;font-weight:600;line-height:1;margin-left:6px;opacity:.85;padding:2px 6px}.SongParts .assigned-icon,.SongParts .instruments-icon{stroke:currentColor;fill:none;flex-shrink:0;height:15px;margin-left:6px;opacity:.7;width:15px;will-change:opacity}.SongParts .instruments-icon{height:13px;width:13px}.SongParts .duplicate-icon{height:18px;width:18px}.SongParts .chart-icon,.SongParts .duplicate-icon{stroke:currentColor;fill:none;flex-shrink:0;margin-left:6px;opacity:.7;will-change:opacity}.SongParts .chart-icon{height:17px;width:17px}.SongParts .midi-icon{stroke:currentColor;stroke-width:1.2;fill:none;flex-shrink:0;height:19px;margin-left:6px;opacity:.7;width:19px;will-change:opacity}.SongParts .attach-pill{align-items:center;background-color:#0000;border:1px solid;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:4px;line-height:1;margin-right:4px;opacity:.7;padding:4px 10px;transition:opacity .15s ease-in-out,background-color .15s ease-in-out}.SongParts .attach-pill:hover{opacity:1}.SongParts .attach-pill.attached{background-color:#0000001f;opacity:1}.SongParts .attach-pill-icon{stroke:currentColor;fill:none;flex-shrink:0;height:11px;width:11px}.SongParts .attach-badge{align-items:center;display:inline-flex;flex-shrink:0;font-size:.8em;font-weight:600;gap:2px;line-height:1;margin-left:6px;opacity:.7;will-change:opacity}.SongParts .attach-badge-icon{stroke:currentColor;fill:none;flex-shrink:0;height:15px;width:15px}.SongParts .controls{align-items:center;display:flex;flex-shrink:0;padding:0 4px}.SongParts .controls .icon{will-change:opacity}body.light .SongParts .instrumental,body.light .SongParts .intro,body.light .SongParts .music,body.light .SongParts .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light .SongParts .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light .SongParts .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light .SongParts .chorus,body.light .SongParts .refrain,body.light .SongParts .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light .SongParts .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light .SongParts .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light .SongParts .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}body.light .SongParts .part.section-divider{background:linear-gradient(90deg,#ff638447,#ffcd5647,#4bc08447,#36a2eb47,#9966ff47)}body.light .SongParts .part.section-divider .name.section-name{color:var(--gray9)}body.dark .SongParts{--part-surface:var(--gray10)}body.dark .SongParts .instrumental,body.dark .SongParts .intro,body.dark .SongParts .music,body.dark .SongParts .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.dark .SongParts .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.dark .SongParts .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.dark .SongParts .chorus,body.dark .SongParts .refrain,body.dark .SongParts .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.dark .SongParts .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.dark .SongParts .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.dark .SongParts .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}body.dark .SongParts .info .icon svg{stroke:currentColor;color:inherit}body.dark .SongParts .attach-pill.attached,body.dark .SongParts .repeat-badge{background-color:#ffffff24}body.dark .SongParts .part.flash-delete{--red-color:var(--red-color-lighter)}body.dark .SongParts .part.section-divider{background:linear-gradient(90deg,color-mix(in srgb,var(--part-red) 35%,var(--gray10)),color-mix(in srgb,var(--part-yellow) 35%,var(--gray10)),color-mix(in srgb,var(--part-green) 35%,var(--gray10)),color-mix(in srgb,var(--part-blue) 35%,var(--gray10)),color-mix(in srgb,var(--part-purple) 35%,var(--gray10)))}body.dark .SongParts .part.section-divider .name.section-name{color:var(--gray2)}@media only screen and (max-width:768px){.SongParts .part{min-height:48px}}.song-parts-grid-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.song-parts-grid-modal{background:var(--gray0);border:1px solid var(--gray2);border-radius:24px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;position:relative;width:100%}.song-parts-grid-modal__header{align-items:center;border-bottom:1px solid var(--gray2);display:flex;justify-content:space-between;padding:1rem 1.5rem}.song-parts-grid-modal__header h3{color:var(--text-primary);margin:0 0 .25rem}@media(max-width:768px){.song-parts-grid-modal__header{padding:.4rem .9rem}.song-parts-grid-modal__header h3{font-size:1.3rem}}.song-parts-grid-modal__content{flex:1 1;overflow-y:auto;padding:1.5rem}@media(max-width:768px){.song-parts-grid-modal__content{padding:.7rem}}.song-parts-grid-modal__empty{color:var(--gray5);padding:2rem;text-align:center}.song-parts-grid{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-auto-rows:minmax(250px,max-content);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1800px}@media(max-width:768px){.song-parts-grid{gap:.75rem;grid-auto-rows:auto;grid-template-columns:1fr}}.song-parts-grid.editing .song-part-grid-item__title .icon.drag-handle,.song-parts-grid.overview .song-part-grid-item__title .icon.drag-handle{cursor:default}.song-parts-grid.editing .song-part-grid-item:not(.editing){-webkit-user-select:none;user-select:none}.song-part-grid-item{background:var(--gray0);border:1px solid var(--gray2-1);border-radius:20px;display:flex;flex-direction:column;overflow:visible;padding:.7rem;transition:all .2s ease}.song-part-grid-item.dimmed{opacity:.3}.song-part-grid-item.editing{background:var(--gray0);border-color:var(--primary-color);box-shadow:0 0 0 2px var(--focus-ring)}.song-part-grid-item.section{background:linear-gradient(135deg,#ff638447,#ffcd5647,#4bc08447,#36a2eb47,#9966ff47);background-clip:padding-box;border:none}.song-part-grid-item.section .song-part-grid-item__name{color:var(--gray9)}.song-part-grid-item.section .song-part-grid-item__lyrics pre{background:#0000;border-color:#0000;color:var(--gray9);font-size:1.15rem;font-weight:700}.song-part-grid-item--hidden{display:none}.song-part-grid-item--chosen{cursor:grabbing}.song-part-grid-item--ghost{background:var(--primary-color-pastel);border:2px dashed var(--primary-color);box-shadow:none;opacity:1;position:relative}.song-part-grid-item--ghost>*{visibility:hidden}.song-part-grid-item--floating{box-shadow:0 14px 30px #00000047;cursor:grabbing;opacity:.97;transform:rotate(2deg) scale(1.03);transition:none}body.light .song-parts-grid .instrumental,body.light .song-parts-grid .intro,body.light .song-parts-grid .music,body.light .song-parts-grid .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light .song-parts-grid .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light .song-parts-grid .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light .song-parts-grid .chorus,body.light .song-parts-grid .refrain,body.light .song-parts-grid .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light .song-parts-grid .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light .song-parts-grid .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light .song-parts-grid .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}body.light .song-part-grid-item.editing{border-color:var(--primary-color)}.song-part-grid-item__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;min-height:2rem}.song-part-grid-item__header .song-part-grid-item__title{align-items:center;display:flex;gap:.5rem;line-height:1;-webkit-user-select:none;user-select:none}.song-part-grid-item__header .song-part-grid-item__title .icon{align-items:center;display:flex;flex-shrink:0;height:1.25rem;justify-content:center;width:1.25rem}.song-part-grid-item__header .song-part-grid-item__title .icon svg{height:100%;vertical-align:top;width:100%}.song-part-grid-item__header .song-part-grid-item__title .icon.drag-handle{cursor:grab}.song-part-grid-item__header .song-part-grid-item__title .icon.drag-handle:active{cursor:grabbing}@media(max-width:768px){.song-part-grid-item__header .song-part-grid-item__title{gap:.2rem}.song-part-grid-item__header .song-part-grid-item__title .icon{height:2rem;width:2rem}.song-part-grid-item__header .song-part-grid-item__title .icon svg{height:24px;width:24px}}.song-part-grid-item__header .song-part-grid-item__name{align-items:center;display:inline-flex;font-size:.95rem;font-weight:600}.song-part-grid-item__header .song-part-grid-item__name .repeat-badge{align-items:center;background-color:#0000001f;border-radius:3px;display:inline-flex;font-size:1em;font-weight:600;line-height:1;margin-left:6px;opacity:.85;padding:2px 6px}.song-part-grid-item__header .song-part-grid-item__name .duplicate-icon{stroke:currentColor;fill:none;flex-shrink:0;height:18px;margin-left:6px;opacity:.7;width:18px}.song-part-grid-item__header .song-part-grid-item__name .assigned-icon{stroke:currentColor;fill:none;flex-shrink:0;height:15px;margin-left:6px;opacity:.7;width:15px}.song-part-grid-item__header .song-part-grid-item__controls{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.song-part-grid-item__header .song-part-grid-item__controls button:not(.mg-dropdown__trigger):not(.mg-dropdown__item){background:#0000;border:none;color:inherit;outline:none;padding:0}.song-part-grid-item__header .song-part-grid-item__controls .icon.cancel-edit,.song-part-grid-item__header .song-part-grid-item__controls .icon.save-part{align-items:center;display:flex;height:1.2rem;justify-content:center;width:1.2rem}.song-part-grid-item__header .song-part-grid-item__controls .icon.cancel-edit svg,.song-part-grid-item__header .song-part-grid-item__controls .icon.save-part svg{height:100%;width:100%}.song-part-grid-item__header .song-part-grid-item__controls .icon.save-part svg{stroke:#0000}.song-part-grid-item__header .song-part-grid-item__controls .icon.cancel-edit{height:1.5rem;width:1.5rem}@media(max-width:768px){.song-part-grid-item__header .song-part-grid-item__controls .icon.cancel-edit,.song-part-grid-item__header .song-part-grid-item__controls .icon.save-part{height:2rem;width:2rem}.song-part-grid-item__header .song-part-grid-item__controls .icon.cancel-edit svg,.song-part-grid-item__header .song-part-grid-item__controls .icon.save-part svg{height:24px;width:24px}}.song-part-grid-item__header .song-part-grid-item__controls .PartOptions .options-icon svg{margin-right:-10px}.song-part-grid-item__lyrics{display:flex;flex:1 1;flex-direction:column}.song-part-grid-item__lyrics pre{word-wrap:break-word;background:var(--gray0);border:1px solid #0000;border-radius:14px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;line-height:1.4;margin:0;padding:.6rem .75rem;white-space:pre-wrap;word-break:break-word}.song-part-grid-item__lyrics pre.clickable{cursor:pointer}.song-part-grid-item__lyrics .no-lyrics-placeholder{color:var(--gray5);font-style:italic}.song-part-grid-item__lyrics-editor{background:var(--gray0);border:1px solid var(--primary-color-lighter);border-radius:14px;box-sizing:border-box;flex:1 1;font-family:inherit;font-weight:500;line-height:1.4;min-height:120px;overflow-wrap:break-word;padding:.75rem;resize:none;width:100%;word-break:break-word}.song-part-grid-item__lyrics-editor:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring-form);outline:none}body.dark .song-parts-grid-modal-overlay{background-color:#000c}body.dark .song-parts-grid-modal{background:var(--gray10);border-color:var(--gray8);box-shadow:0 10px 25px #00000080;color:var(--bg-text)}body.dark .song-parts-grid-modal .song-parts-grid-modal__header{border-bottom-color:var(--gray8)}body.dark .song-parts-grid-modal .song-parts-grid-modal__header h3{color:var(--bg-text)}body.dark .song-part-grid-item{border-color:var(--gray7)}body.dark .song-part-grid-item .repeat-badge{background-color:#ffffff24}body.dark .song-part-grid-item--ghost{background:color-mix(in srgb,var(--primary-color) 12%,#0000)}body.dark .song-part-grid-item--floating{box-shadow:0 14px 30px #0000008c}body.dark .song-part-grid-item.section{background:linear-gradient(135deg,color-mix(in srgb,var(--part-red) 35%,var(--gray10)),color-mix(in srgb,var(--part-yellow) 35%,var(--gray10)),color-mix(in srgb,var(--part-green) 35%,var(--gray10)),color-mix(in srgb,var(--part-blue) 35%,var(--gray10)),color-mix(in srgb,var(--part-purple) 35%,var(--gray10)));background-clip:padding-box;border:none}body.dark .song-part-grid-item.section .song-part-grid-item__name{color:var(--gray2)}body.dark .song-part-grid-item.section .song-part-grid-item__lyrics pre{background:#0000;border-color:#0000;color:var(--gray2)}body.dark .song-parts-grid{--part-surface:var(--gray10)}body.dark .song-parts-grid .instrumental,body.dark .song-parts-grid .intro,body.dark .song-parts-grid .music,body.dark .song-parts-grid .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.dark .song-parts-grid .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.dark .song-parts-grid .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.dark .song-parts-grid .chorus,body.dark .song-parts-grid .refrain,body.dark .song-parts-grid .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.dark .song-parts-grid .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.dark .song-parts-grid .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.dark .song-parts-grid .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}body.dark .song-part-grid-item.editing{border-color:var(--primary-color)}body.dark .song-part-grid-item__title .icon svg{stroke:currentColor;color:inherit}body.dark .song-part-grid-item__controls .icon.save-part svg{fill:currentColor}body.dark .song-part-grid-item__controls .icon.cancel-edit svg{stroke:currentColor}body.dark .song-part-grid-item__lyrics pre{background:var(--gray10);border-color:#0000;color:var(--gray3)}body.dark .song-part-grid-item__lyrics .no-lyrics-placeholder{color:var(--gray5)}body.dark .song-part-grid-item__lyrics-editor{background:var(--gray8);border-color:var(--primary-color);color:var(--bg-text);flex:1 1;font-size:1rem}@media(max-width:768px){.song-parts-grid-modal{margin:.5rem;max-height:95vh}}@media(min-width:1200px){.song-parts-grid{grid-template-columns:repeat(4,1fr)}}.PartKeyPicker{flex-shrink:0}.PartKeyPicker .key-trigger{align-items:center;background-color:var(--surface);border:none;border-radius:12px;color:var(--primary-color);display:flex;height:40px;max-width:8.5rem;padding:0 8px}.PartKeyPicker .key-trigger .value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PartKeyPicker .key-trigger .caret{align-items:center;display:flex;flex-shrink:0;margin-left:8px;opacity:.75}.PartKeyPicker .key-trigger .caret svg{width:16px}.PartKeyPicker .key-trigger:disabled{cursor:not-allowed;opacity:.4}body.dark .PartKeyPicker .key-trigger{background-color:var(--gray8)}.mg-dropdown__menu.PartKeyMenu{gap:4px;max-height:50vh;max-width:calc(100vw - 1.5rem);overflow-y:auto;padding:6px}.mg-dropdown__menu.PartKeyMenu .key-columns{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr))}.mg-dropdown__menu.PartKeyMenu .key-group{display:flex;flex-direction:column;gap:2px;min-width:0}.mg-dropdown__menu.PartKeyMenu .group-title{color:var(--gray5);font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:4px 0 2px;padding:0 10px;text-transform:uppercase}.mg-dropdown__menu.PartKeyMenu .key-option{font-size:.95rem;padding:8px 10px}.mg-dropdown__menu.PartKeyMenu .key-option.on{background-color:color-mix(in srgb,var(--primary-color) 14%,#0000);font-weight:600}.mg-dropdown__menu.PartKeyMenu .key-option.current{box-shadow:inset 0 0 0 1.5px var(--primary-color);font-weight:600}.PartBpmPicker{flex-shrink:0}.PartBpmPicker .bpm-trigger{align-items:center;background-color:var(--surface);border:none;border-radius:12px;color:var(--primary-color);display:flex;gap:6px;height:40px;padding:0 8px;-webkit-user-select:none;user-select:none}.PartBpmPicker .bpm-trigger .metronome{display:flex}.PartBpmPicker .bpm-trigger .metronome svg{fill:currentColor;stroke:#0000;width:18px}.PartBpmPicker .bpm-trigger .caret{align-items:center;display:flex;margin-left:2px;opacity:.75}.PartBpmPicker .bpm-trigger .caret svg{width:16px}.PartBpmPicker .bpm-trigger.custom{font-weight:700}.PartBpmPicker .bpm-trigger:disabled{cursor:not-allowed;opacity:.4}body.dark .PartBpmPicker .bpm-trigger{background-color:var(--gray8)}.mg-dropdown__menu.PartBpmMenu{gap:2px;min-width:11rem;padding:6px}.mg-dropdown__menu.PartBpmMenu .bpm-option{padding:8px 10px;-webkit-user-select:none;user-select:none}.mg-dropdown__menu.PartBpmMenu .bpm-option.on{background-color:color-mix(in srgb,var(--primary-color) 14%,#0000);font-weight:600}.mg-dropdown__menu.PartBpmMenu .tap-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#0000;border:1.5px dashed var(--primary-color);border-radius:6px;color:var(--primary-color);font-weight:700;height:56px;margin-top:4px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mg-dropdown__menu.PartBpmMenu .tap-btn.counting{background-color:color-mix(in srgb,var(--primary-color) 14%,#0000);border-style:solid}.mg-dropdown__menu.PartBpmMenu .tap-btn:active{background-color:color-mix(in srgb,var(--primary-color) 28%,#0000)}.mg-dropdown__menu.PartBpmMenu .custom-bpm{align-items:stretch;display:flex;gap:6px;margin-top:4px;padding:4px}.mg-dropdown__menu.PartBpmMenu .custom-bpm .set-btn,.mg-dropdown__menu.PartBpmMenu .custom-bpm input{box-sizing:border-box;margin:0}.mg-dropdown__menu.PartBpmMenu .custom-bpm input{background-color:var(--gray1);border:1.5px dashed var(--primary-color);border-radius:4px;color:inherit;flex:1 1;font-size:1rem;height:36px;min-width:0;padding:0 8px}.mg-dropdown__menu.PartBpmMenu .custom-bpm .set-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;font-weight:600;padding:0 12px;-webkit-user-select:none;user-select:none}.mg-dropdown__menu.PartBpmMenu .custom-bpm .set-btn:disabled{opacity:.4}body.dark .mg-dropdown__menu.PartBpmMenu .custom-bpm input{background-color:var(--gray9)}.LyricsActions{display:flex;gap:5px;padding:0 5px 10px 0;position:relative}.LyricsActions .format-dropdown{flex-shrink:0}.LyricsActions .format-trigger{color:var(--primary-color);font-family:inherit;font-size:1.5rem;font-weight:600;letter-spacing:.01em;line-height:1}.LyricsActions .btn-assign,.LyricsActions .btn-chord-bars,.LyricsActions .btn-midi{position:relative}.LyricsActions .btn-dot{background-color:#e03131;border-radius:50%;height:7px;pointer-events:none;position:absolute;right:4px;top:4px;width:7px}.LyricsActions .btn{align-items:center;background-color:var(--surface);border:none;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.LyricsActions .btn svg{height:30px;width:30px}.LyricsActions .btn:disabled{cursor:not-allowed;opacity:.4}.LyricsActions .repeat-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%232d76e4' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:8px 10px;border:none;border-radius:12px;color:var(--primary-color);cursor:pointer;flex-shrink:0;height:40px;outline:none;padding:0 26px 0 6px}.LyricsActions .repeat-select:focus,.LyricsActions .repeat-select:focus-visible{outline:none}.LyricsActions .repeat-select:disabled{cursor:not-allowed;opacity:.4}.LyricsActions .repeat-select::-ms-expand{display:none}body.dark .LyricsActions .btn{background-color:var(--gray8)}body.dark .LyricsActions .format-trigger{color:var(--primary-color)}body.dark .LyricsActions .repeat-select{background-color:var(--gray8);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%235791e9' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark .LyricsActions .btn-dot{background-color:#ff6b6b}.mg-dropdown__menu.LyricsActionsFormatMenu{flex-direction:row;gap:5px;min-width:auto;padding:5px}.mg-dropdown__menu.LyricsActionsFormatMenu .btn{align-items:center;background-color:#0000;border:none;border-radius:4px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color .15s ease;width:40px}.mg-dropdown__menu.LyricsActionsFormatMenu .btn svg{height:30px;width:30px}.mg-dropdown__menu.LyricsActionsFormatMenu .btn:disabled{cursor:not-allowed;opacity:.4}.mg-dropdown__menu.LyricsActionsFormatMenu .btn:focus-visible:not(:disabled),.mg-dropdown__menu.LyricsActionsFormatMenu .btn:hover:not(:disabled){background-color:var(--primary-color-pastel);outline:none}body.dark .mg-dropdown__menu.LyricsActionsFormatMenu .btn:focus-visible:not(:disabled),body.dark .mg-dropdown__menu.LyricsActionsFormatMenu .btn:hover:not(:disabled){background-color:var(--gray7)}body.color-theme--rose .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23b5305f' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--rose .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23eb6c97' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.color-theme--ember .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23b23a2b' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--ember .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23eb735c' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.color-theme--gold .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23896609' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--gold .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23b99224' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.color-theme--moss .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%232f7a3d' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--moss .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%2348aa59' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.color-theme--teal .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%230f7971' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--teal .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%2338a79b' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.color-theme--ocean .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%231b6cc0' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--ocean .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23509be7' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.color-theme--indigo .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%234a4fc4' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--indigo .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%238990ed' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.color-theme--violet .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%237b3fd4' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--violet .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23af82ec' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.color-theme--plum .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%239c3ba0' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--plum .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23d373d7' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.color-theme--slate .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%234a5b6e' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}body.dark.color-theme--slate .repeat-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23809bb5' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}.RepeatTimerModal{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.RepeatTimerModal .dialog{max-width:500px;width:90%}.RepeatTimerModal .content{background:var(--gray0);border:1px solid var(--gray2);border-radius:24px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;width:100%}body.dark .RepeatTimerModal .content{background:var(--gray9);border-color:var(--gray8)}.RepeatTimerModal .header{align-items:center;border-bottom:1px solid var(--gray2);display:flex;justify-content:space-between;padding:1rem 1.5rem}body.dark .RepeatTimerModal .header{border-color:var(--gray8)}.RepeatTimerModal .header .dialog-title{color:var(--gray10);font-size:1.25rem;margin:0}body.dark .RepeatTimerModal .header .dialog-title{color:var(--gray0)}.RepeatTimerModal .body{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 1.25rem}.RepeatTimerModal .body .steps{counter-reset:step;display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0;padding:0;width:100%}.RepeatTimerModal .body .steps li{align-items:center;color:var(--bg-text);counter-increment:step;display:flex;gap:.75rem;line-height:1.35}.RepeatTimerModal .body .steps li:before{background:color-mix(in srgb,var(--primary-color) 12%,var(--gray0));border-radius:50%;color:var(--primary-color);content:counter(step);display:grid;flex:none;font-size:.85rem;font-weight:700;height:26px;place-items:center;width:26px}body.dark .RepeatTimerModal .body .steps li:before{background:color-mix(in srgb,var(--primary-color) 20%,var(--gray9))}.RepeatTimerModal .body .bpm-display{align-items:center;background:color-mix(in srgb,var(--primary-color) 12%,var(--gray0));border-radius:999px;color:var(--primary-color);display:flex;flex-direction:column;gap:.45rem;padding:.55rem 1.25rem .65rem;-webkit-user-select:none;user-select:none}body.dark .RepeatTimerModal .body .bpm-display{background:color-mix(in srgb,var(--primary-color) 20%,var(--gray9))}.RepeatTimerModal .body .bpm-display .tempo{align-items:baseline;display:flex;gap:.35rem}.RepeatTimerModal .body .bpm-display .tempo .value{font-feature-settings:"tnum";font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.RepeatTimerModal .body .bpm-display .tempo .label{font-size:.75rem;font-weight:600;letter-spacing:.08em;opacity:.75}.RepeatTimerModal .body .bpm-display .beats{display:flex;gap:6px}.RepeatTimerModal .body .bpm-display .beats .beat{background:currentColor;border-radius:50%;height:8px;opacity:.25;width:8px}.RepeatTimerModal .body .bpm-display .beats .beat.on{opacity:1}.RepeatTimerModal .body .stopwatch{font-feature-settings:"tnum";align-items:center;color:var(--primary-color);display:flex;font-size:3rem;font-variant-numeric:tabular-nums;font-weight:700;height:4.5rem;justify-content:center;letter-spacing:-.02em;min-width:130px;text-align:center}.RepeatTimerModal .body .stopwatch .count-in-display{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;line-height:1}.RepeatTimerModal .body .stopwatch .count-in-display .count-in-bar{color:var(--primary-color);font-size:3rem;font-weight:700}.RepeatTimerModal .body .stopwatch .count-in-display .count-in-bar.ready{font-size:1.4rem;letter-spacing:.02em}.RepeatTimerModal .body .timer-btn{font-size:1rem;font-weight:600}.RepeatTimerModal .body .result-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;width:100%}.RepeatTimerModal .body .result-wrapper.open{grid-template-rows:1fr}.RepeatTimerModal .body .result-wrapper>.inner{min-height:0;overflow:hidden}.RepeatTimerModal .body .result-wrapper .result{align-items:center;background:var(--gray1);border-radius:20px;display:flex;flex-direction:column;gap:.6rem;padding:.85rem 1rem;width:100%}body.dark .RepeatTimerModal .body .result-wrapper .result{background:var(--gray8)}.RepeatTimerModal .body .result-wrapper .result .count-row{align-items:center;display:flex;gap:.5rem}.RepeatTimerModal .body .result-wrapper .result .count-row .elapsed-label{color:var(--bg-text);font-size:1rem;font-weight:700}.RepeatTimerModal .body .result-wrapper .result .count-row .operator{color:var(--gray5);font-size:.85rem}.RepeatTimerModal .body .result-wrapper .result .count-row input[type=number]{background:var(--gray0);border:1px solid var(--gray3);border-radius:999px;color:var(--bg-text);font-size:1rem;padding:.3rem .75rem;text-align:center;width:64px}body.dark .RepeatTimerModal .body .result-wrapper .result .count-row input[type=number]{background:var(--gray9);border-color:var(--gray6)}.RepeatTimerModal .body .result-wrapper .result .formula-preview{align-self:center;background:var(--gray2);border-radius:999px;color:var(--primary-color);display:inline-block;font-family:monospace;font-size:1rem;font-weight:600;padding:.2rem .75rem}body.dark .RepeatTimerModal .body .result-wrapper .result .formula-preview{background:var(--gray7)}.RepeatTimerModal .body .lyrics-section{border-top:1px solid var(--gray2);padding-top:.75rem;width:100%}body.dark .RepeatTimerModal .body .lyrics-section{border-color:var(--gray8)}.RepeatTimerModal .body .lyrics-section .lyrics-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:none;border:none;color:var(--gray5);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;padding:.25rem 0;-webkit-user-select:none;user-select:none;width:100%}body.dark .RepeatTimerModal .body .lyrics-section .lyrics-toggle{color:var(--gray4)}.RepeatTimerModal .body .lyrics-section .lyrics-toggle .arrow{display:inline-block;font-size:.75rem;transition:transform .15s ease}.RepeatTimerModal .body .lyrics-section .lyrics-toggle .arrow.open{transform:rotate(180deg)}.RepeatTimerModal .body .lyrics-section .lyrics-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.RepeatTimerModal .body .lyrics-section .lyrics-collapse.open{grid-template-rows:1fr}.RepeatTimerModal .body .lyrics-section .lyrics-collapse>.inner{min-height:0;overflow:hidden}.RepeatTimerModal .body .lyrics-section .lyrics-collapse .lyrics-block{background:var(--gray1);border-radius:20px;color:var(--bg-text);font-family:inherit;font-size:1rem;line-height:1.5;margin:.5rem 0 0;max-height:180px;min-height:0;overflow-y:auto;padding:.85rem 1rem;white-space:pre-wrap;word-break:break-word}.RepeatTimerModal .body .lyrics-section .lyrics-collapse .lyrics-block.bar-chart{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace;font-size:1.05rem;line-height:1.4}body.dark .RepeatTimerModal .body .lyrics-section .lyrics-collapse .lyrics-block{background:var(--gray8)}.RepeatTimerModal .footer{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.RepeatTimerModal .footer .ModalButton{flex:1 1}.ChordLibrarySheet .legend{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.ChordLibrarySheet .legend .legend-item{--legend-color:var(--cb-muted);align-items:center;background:color-mix(in srgb,var(--legend-color) 14%,#0000);border:1px solid #0000;border-radius:999px;color:var(--legend-color);display:inline-flex;font-family:inherit;font-size:.75rem;font-size:.82rem;font-weight:600;gap:5px;line-height:1.4;padding:5px 11px}.ChordLibrarySheet .legend .legend-item:before{background:currentColor;border-radius:50%;content:"";height:7px;height:8px;width:7px;width:8px}.ChordLibrarySheet .legend .legend-item[aria-pressed]{cursor:pointer}.ChordLibrarySheet .legend .legend-item--off{background:#0000;border-color:color-mix(in srgb,var(--legend-color) 45%,#0000);color:var(--cb-muted)}.ChordLibrarySheet .legend .legend-item--off:before{background:#0000;box-shadow:inset 0 0 0 1px currentColor}.ChordLibrarySheet .legend .legend-item--key{--legend-color:var(--cb-family-key)}.ChordLibrarySheet .legend .legend-item--new-only{--legend-color:var(--cb-text)}.ChordLibrarySheet .legend .legend-item--new-only:before{display:none}.ChordLibrarySheet .legend .legend-item--new-only svg{stroke:currentColor;width:15px}.ChordLibrarySheet .legend .legend-item--chromatic{--legend-color:var(--cb-family-chromatic)}.ChordLibrarySheet .legend .legend-item--aeolian{--legend-color:var(--cb-family-aeolian)}.ChordLibrarySheet .legend .legend-item--ionian{--legend-color:var(--cb-family-ionian)}.ChordLibrarySheet .legend .legend-item--dorian{--legend-color:var(--cb-family-dorian)}.ChordLibrarySheet .legend .legend-item--phrygian{--legend-color:var(--cb-family-phrygian)}.ChordLibrarySheet .legend .legend-item--lydian{--legend-color:var(--cb-family-lydian)}.ChordLibrarySheet .legend .legend-item--mixolydian{--legend-color:var(--cb-family-mixolydian)}.ChordLibrarySheet .legend .legend-item--locrian{--legend-color:var(--cb-family-locrian)}.ChordLibrarySheet .group{--scale-color:var(--cb-muted);margin-top:14px}.ChordLibrarySheet .group--aeolian{--scale-color:var(--cb-family-aeolian)}.ChordLibrarySheet .group--ionian{--scale-color:var(--cb-family-ionian)}.ChordLibrarySheet .group--dorian{--scale-color:var(--cb-family-dorian)}.ChordLibrarySheet .group--phrygian{--scale-color:var(--cb-family-phrygian)}.ChordLibrarySheet .group--lydian{--scale-color:var(--cb-family-lydian)}.ChordLibrarySheet .group--mixolydian{--scale-color:var(--cb-family-mixolydian)}.ChordLibrarySheet .group--locrian{--scale-color:var(--cb-family-locrian)}.ChordLibrarySheet .group--key{--scale-color:var(--cb-family-key);margin-top:0}.ChordLibrarySheet .group .group-title{align-items:baseline;color:var(--scale-color);display:flex;font-size:.85rem;font-weight:700;gap:8px;margin:0 0 6px}.ChordLibrarySheet .group .group-title .group-note{color:var(--cb-muted);font-size:.75rem;font-weight:500}.ChordLibrarySheet .group .chords{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr))}.ChordLibrarySheet .group .chords--scale{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:480px){.ChordLibrarySheet .group .chords--scale{grid-template-columns:repeat(7,minmax(0,1fr))}}.ChordLibrarySheet .group .chord{--chord-color:var(--scale-color);--chord-surface:var(--cb-surface-raised);--chord-on-fill:#fff;--push-edge:color-mix(in srgb,var(--chord-color) 55%,#000);-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:var(--chord-surface);background-color:var(--push-face,var(--chord-surface));border:1px solid var(--chord-color);border-radius:6px;box-shadow:0 0 #0000,0 4px 0 var(--push-edge),0 5px 3px #0000002e;box-shadow:var(--push-ring,0 0 #0000),0 4px 0 var(--push-edge),0 5px 3px #0000002e;color:var(--chord-color);color:var(--push-text,var(--chord-color));cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;min-height:3rem;min-width:0;padding:4px 2px;position:relative;transition:transform 70ms ease-out,box-shadow 70ms ease-out,background-color 70ms ease-out}.ChordLibrarySheet .group .chord.is-pressed,.ChordLibrarySheet .group .chord:active{background-color:var(--chord-color);box-shadow:0 0 #0000,0 0 0 var(--push-edge);box-shadow:var(--push-ring,0 0 #0000),0 0 0 var(--push-edge);color:var(--chord-on-fill);transform:translateY(4px)}.ChordLibrarySheet .group .chord .chord-name{font-size:1rem;font-weight:600;line-height:1.1;white-space:nowrap}.ChordLibrarySheet .group .chord .chord-name--long{font-size:.85rem}.ChordLibrarySheet .group .chord .chord-name--longer{font-size:.75rem}.ChordLibrarySheet .group .chord .roman{font-size:.68rem;font-weight:500;margin-top:2px;opacity:.75}.ChordLibrarySheet .group .chord--key{--chord-color:var(--cb-family-key)}.ChordLibrarySheet .group .chord--key:after{background:currentColor;border-radius:50%;content:"";height:5px;position:absolute;right:4px;top:4px;width:5px}.ChordLibrarySheet .group .chord--borrowed{--push-face:color-mix(in srgb,var(--chord-color) 14%,var(--chord-surface))}.ChordLibrarySheet .group .chord.chord-family--key{--chord-color:var(--primary-color)}.ChordLibrarySheet .group .chord.chord-family--aeolian,.ChordLibrarySheet .group .chord.chord-family--ionian{--chord-color:var(--part-purple)}.ChordLibrarySheet .group .chord.chord-family--dorian{--chord-color:var(--part-blue)}.ChordLibrarySheet .group .chord.chord-family--phrygian{--chord-color:var(--part-red)}.ChordLibrarySheet .group .chord.chord-family--lydian{--chord-color:var(--part-yellow)}.ChordLibrarySheet .group .chord.chord-family--mixolydian{--chord-color:var(--part-green)}.ChordLibrarySheet .group .chord.chord-family--locrian{--chord-color:var(--part-pink)}.ChordLibrarySheet .group .chord.chord-family--chromatic{--chord-color:var(--part-orange)}.ChordLibrarySheet .footer{align-items:center;display:flex;gap:12px}.ChordLibrarySheet .footer .selection{color:var(--cb-text);flex:1 1;font-size:1.15rem;font-weight:700}.ChordLibrarySheet .footer .selection--empty{color:var(--cb-muted);font-size:.85rem;font-weight:500}.ChordLibrarySheet .footer .add{--chord-color:var(--primary-color);--chord-surface:var(--primary-color);--chord-on-fill:#fff;--push-text:#fff;--push-edge:color-mix(in srgb,var(--chord-color) 55%,#000);background-color:var(--chord-surface);background-color:var(--push-face,var(--chord-surface));border:1px solid var(--chord-color);border-radius:6px;box-shadow:0 0 #0000,0 4px 0 var(--push-edge),0 5px 3px #0000002e;box-shadow:var(--push-ring,0 0 #0000),0 4px 0 var(--push-edge),0 5px 3px #0000002e;color:var(--chord-color);color:var(--push-text,var(--chord-color));cursor:pointer;font-size:1rem;font-weight:700;height:2.75rem;margin-bottom:4px;min-width:6rem;padding:0 20px;position:relative;transition:transform 70ms ease-out,box-shadow 70ms ease-out,background-color 70ms ease-out}.ChordLibrarySheet .footer .add.is-pressed,.ChordLibrarySheet .footer .add:active{background-color:var(--chord-color);box-shadow:0 0 #0000,0 0 0 var(--push-edge);box-shadow:var(--push-ring,0 0 #0000),0 0 0 var(--push-edge);color:var(--chord-on-fill);transform:translateY(4px)}.ChordLibrarySheet .footer .add:disabled{cursor:default;opacity:.4;transform:none}body.dark .ChordLibrarySheet .group .chord{--chord-surface:var(--gray8);--chord-on-fill:var(--gray10);--push-text:color-mix(in srgb,var(--chord-color) 55%,#fff)}body.dark .ChordLibrarySheet .footer .add{--chord-on-fill:var(--gray10);--push-text:var(--gray10)}.BarEditor{border:1px solid var(--primary-color);border-radius:20px;flex:1 0 100%;margin:.25rem 0 .4rem;padding:.75rem;-webkit-user-select:none;user-select:none}.BarEditor .action,.BarEditor .done,.BarEditor .entry-btn,.BarEditor .melody-toggle,.BarEditor .step-btn,.BarEditor .tap-again,.BarEditor .tap-apply,.BarEditor .tap-btn,.BarEditor .tap-cancel,.BarEditor .tap-stop{-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .12s ease;-webkit-user-select:none;user-select:none}.BarEditor .action.tap-btn--pressed,.BarEditor .action:active:not(:disabled),.BarEditor .done.tap-btn--pressed,.BarEditor .done:active:not(:disabled),.BarEditor .entry-btn.tap-btn--pressed,.BarEditor .entry-btn:active:not(:disabled),.BarEditor .melody-toggle.tap-btn--pressed,.BarEditor .melody-toggle:active:not(:disabled),.BarEditor .step-btn.tap-btn--pressed,.BarEditor .step-btn:active:not(:disabled),.BarEditor .tap-again.tap-btn--pressed,.BarEditor .tap-again:active:not(:disabled),.BarEditor .tap-apply.tap-btn--pressed,.BarEditor .tap-apply:active:not(:disabled),.BarEditor .tap-btn.tap-btn--pressed,.BarEditor .tap-btn:active:not(:disabled),.BarEditor .tap-cancel.tap-btn--pressed,.BarEditor .tap-cancel:active:not(:disabled),.BarEditor .tap-stop.tap-btn--pressed,.BarEditor .tap-stop:active:not(:disabled){transform:scale(.95)}.BarEditor .bar-header{align-items:center;display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.BarEditor .bar-header .bar-title{color:var(--cb-text);flex:1 1;font-weight:600}.BarEditor .bar-header .bar-title .count{color:var(--cb-dim);font-weight:400}.BarEditor .bar-header .melody-toggle{background:#0000;border:1px solid var(--cb-muted);border-radius:999px;color:var(--cb-dim);cursor:pointer;font:inherit;padding:.2rem .7rem}.BarEditor .bar-header .melody-toggle.on{background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-color:var(--primary-color);color:var(--primary-color)}.BarEditor .bar-header .melody-toggle:disabled{cursor:default;opacity:.4}.BarEditor .bar-header .done{background:#0000;border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);cursor:pointer;font:inherit;padding:.2rem .8rem}.BarEditor .track{border-left:2px solid var(--cb-muted);border-right:2px solid var(--cb-muted);display:flex;height:3.6rem;position:relative}.BarEditor .track--preview{height:2.8rem}.BarEditor .track .tick{background:var(--cb-muted);bottom:0;height:.3rem;pointer-events:none;position:absolute;width:1px;z-index:1}.BarEditor .track .tick--beat{background:var(--cb-dim);height:.6rem}.BarEditor .track .slice{align-items:flex-start;background:var(--cb-surface);border:none;color:var(--cb-text);color:var(--chord-color,var(--cb-text));cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;font:inherit;font-weight:600;justify-content:center;min-width:0;padding:0 .4rem 0 .75rem;text-align:left}.BarEditor .track .slice:first-of-type{padding-left:.5rem}.BarEditor .track .slice:disabled{pointer-events:none}.BarEditor .track .slice.chord-family--key{--chord-color:var(--primary-color)}.BarEditor .track .slice.chord-family--aeolian,.BarEditor .track .slice.chord-family--ionian{--chord-color:var(--part-purple)}.BarEditor .track .slice.chord-family--dorian{--chord-color:var(--part-blue)}.BarEditor .track .slice.chord-family--phrygian{--chord-color:var(--part-red)}.BarEditor .track .slice.chord-family--lydian{--chord-color:var(--part-yellow)}.BarEditor .track .slice.chord-family--mixolydian{--chord-color:var(--part-green)}.BarEditor .track .slice.chord-family--locrian{--chord-color:var(--part-pink)}.BarEditor .track .slice.chord-family--chromatic{--chord-color:var(--part-orange)}.BarEditor .track .slice .slice-name{font-size:1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.BarEditor .track .slice .slice-name sup{font-size:.62em;line-height:0;position:relative;top:-.45em;vertical-align:initial}.BarEditor .track .slice .slice-beats{color:var(--cb-dim);font-size:.75rem;font-weight:400;white-space:nowrap}.BarEditor .track .slice--tie{color:var(--cb-dim)}.BarEditor .track .slice--tie .slice-name{font-weight:500}.BarEditor .track .slice--rest{color:var(--cb-dim)}.BarEditor .track .slice--rest .slice-name{font-weight:500}.BarEditor .track .slice--missing{background:color-mix(in srgb,var(--part-yellow) 14%,var(--cb-surface));color:var(--cb-dim);outline:1px dashed var(--part-yellow);outline-offset:-1px}.BarEditor .track .slice--missing .slice-name{font-size:.8rem;font-weight:500}.BarEditor .track .slice--selected{background:color-mix(in srgb,var(--primary-color) 10%,var(--cb-surface));box-shadow:inset 0 0 0 1px var(--primary-color)}.BarEditor .track .divider{align-items:center;bottom:0;cursor:ew-resize;display:flex;justify-content:center;position:absolute;top:0;touch-action:none;transform:translateX(-50%);width:1.75rem;z-index:2}.BarEditor .track .divider .grip{background:var(--primary-color);border-radius:3px;box-shadow:0 0 0 2px var(--cb-surface);height:60%;width:6px}.BarEditor .track .divider--dragging .grip{width:8px}.BarEditor .track .divider:focus-visible{outline:none}.BarEditor .track .divider:focus-visible .grip{box-shadow:0 0 0 2px var(--cb-surface),0 0 0 4px var(--primary-color)}.BarEditor .tap-panel{align-items:center;display:flex;gap:.6rem;margin-top:.6rem}.BarEditor .tap-panel .tap-count{display:flex;flex-direction:column;gap:.35rem;min-width:4.5rem}.BarEditor .tap-panel .tap-count .tap-label{color:var(--cb-text);font-size:.8rem;font-weight:600}.BarEditor .tap-panel .tap-count .tap-beats{display:flex;gap:.3rem}.BarEditor .tap-panel .tap-count .tap-beats .tap-beat{background:var(--cb-muted);border-radius:50%;height:.55rem;width:.55rem}.BarEditor .tap-panel .tap-count .tap-beats .tap-beat.on{background:var(--primary-color)}.BarEditor .tap-panel .tap-count .tap-beats .tap-beat.entry{box-shadow:0 0 0 2px var(--primary-color)}.BarEditor .tap-panel .tap-btn{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,var(--cb-surface));border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font:inherit;font-size:1rem;font-weight:600;height:3.4rem;justify-content:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}.BarEditor .tap-panel .tap-btn.tap-btn--pressed,.BarEditor .tap-panel .tap-btn:active{background:color-mix(in srgb,var(--primary-color) 30%,var(--cb-surface))}.BarEditor .tap-panel .tap-btn .tap-keys{color:var(--cb-dim);font-size:.7rem;font-weight:400}.BarEditor .tap-result{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.BarEditor .tap-result .tap-summary{color:var(--cb-text);font-size:.8rem}.BarEditor .tap-result .tap-hint{color:var(--cb-dim);font-size:.75rem}.BarEditor .tap-result .tap-bar{align-items:center;display:flex;gap:.5rem}.BarEditor .tap-result .tap-bar .tap-bar-number{color:var(--cb-dim);flex:0 0 auto;font-size:.75rem;font-weight:600;width:3.2rem}.BarEditor .tap-result .tap-bar .track{flex:1 1}.BarEditor .tap-result .tap-actions{display:flex;flex-wrap:wrap;gap:.35rem}.BarEditor .tap-result .tap-actions .tap-apply{background:color-mix(in srgb,var(--primary-color) 14%,#0000);border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);cursor:pointer;font:inherit;font-size:.8rem;font-weight:600;height:2rem;padding:0 .9rem}.BarEditor .tap-result .tap-actions .tap-apply:disabled{cursor:default;opacity:.4}.BarEditor .tap-again,.BarEditor .tap-cancel,.BarEditor .tap-stop{background:var(--cb-surface);border:none;border-radius:999px;color:var(--primary-color);cursor:pointer;font:inherit;font-size:.8rem;height:2rem;padding:0 .9rem}.BarEditor .tap-panel .tap-stop{height:3.4rem;padding:0 1.1rem}.BarEditor .length,.BarEditor .tap-shift{align-items:center;display:flex;gap:.4rem;margin-top:.6rem}.BarEditor .length .step-btn,.BarEditor .tap-shift .step-btn{align-items:center;background:var(--cb-surface);border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;font:inherit;font-size:1.2rem;font-weight:600;height:2.2rem;justify-content:center;padding:0;width:2.2rem}.BarEditor .length .step-btn:disabled,.BarEditor .tap-shift .step-btn:disabled{color:var(--cb-muted);cursor:default;opacity:.5}.BarEditor .length .step-btn .chevron,.BarEditor .tap-shift .step-btn .chevron{border-bottom:2px solid;border-right:2px solid;height:.5rem;width:.5rem}.BarEditor .length .step-btn .chevron--left,.BarEditor .tap-shift .step-btn .chevron--left{transform:translateX(.1rem) rotate(135deg)}.BarEditor .length .step-btn .chevron--right,.BarEditor .tap-shift .step-btn .chevron--right{transform:translateX(-.1rem) rotate(-45deg)}.BarEditor .length .readout,.BarEditor .tap-shift .readout{color:var(--cb-text);font-size:.85rem;font-weight:600;min-width:4.5rem;text-align:center}.BarEditor .length .hint,.BarEditor .tap-shift .hint{color:var(--cb-dim);font-size:.75rem;margin-left:auto;text-align:right}.BarEditor .entry-picker{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.35rem;margin-top:.6rem}.BarEditor .entry-picker .entry-label{color:var(--cb-dim);margin-right:.15rem}.BarEditor .entry-picker .entry-btn{background:#0000;border:1px solid var(--cb-muted);border-radius:999px;color:var(--cb-dim);cursor:pointer;font:inherit;height:2rem;padding:0 .7rem}.BarEditor .entry-picker .entry-btn--beat{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:2rem;padding:0}.BarEditor .entry-picker .entry-btn.on{background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-color:var(--primary-color);color:var(--primary-color)}.BarEditor .tools{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.BarEditor .tools .action{align-items:center;background:var(--cb-surface);border:none;border-radius:999px;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.8rem;gap:.3rem;height:2rem;padding:0 .8rem 0 .65rem}.BarEditor .tools .action svg{stroke:currentColor;height:1rem;width:1rem}.BarEditor .tools .action .hold-mark{background:currentColor;height:2px;width:.9rem}.BarEditor .tools .action:disabled{color:var(--cb-muted);cursor:default;opacity:.5}.BarEditor .tools .action--remove{color:var(--red-color)}body.dark .BarEditor .tools .action--remove{color:var(--red-color-lighter)}.grid-lines:has(.cell.sortable-ghost) .BarEditor[data-tap-drop]{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-style:dashed}.Modal.ChordBarsModal .content{min-height:min(520px,80vh);min-height:min(520px,80dvh)}@media(min-width:992px){.Modal.ChordBarsModal .content{zoom:1;zoom:var(--cb-zoom,1);max-height:calc(100vh - 4rem);max-height:calc((100vh - 4rem)/var(--cb-zoom, 1));max-height:calc(100dvh/1 - 4rem);max-height:calc((100dvh - 4rem)/var(--cb-zoom, 1));max-width:980px;min-height:min(600px,(100vh - 4rem)/1);min-height:min(600px,(100vh - 4rem)/var(--cb-zoom,1));min-height:min(600px,(100dvh - 4rem)/1);min-height:min(600px,(100dvh - 4rem)/var(--cb-zoom,1));width:92%}.Modal.ChordBarsModal .body{display:flex;flex-direction:column}.Modal.ChordBarsModal .footer.even .ModalButton:not(.remove){flex:0 1 11rem}.Modal.ChordBarsModal .footer.even .remove{margin-right:auto}}@media(min-width:1440px)and (min-height:860px){.Modal.ChordBarsModal .content{--cb-zoom:1.15}}@media(min-width:1800px)and (min-height:1000px){.Modal.ChordBarsModal .content{--cb-zoom:1.3}}.ChordBarsModal{-webkit-touch-callout:none;--palette-control-height:2.75rem;--palette-cell-width:5.5rem;--palette-gap:7px;--chord-major:var(--primary-color);--chord-minor:var(--accent-secondary);--chord-dim:var(--accent-tertiary);--cb-text:var(--gray8);--cb-dim:var(--gray7);--cb-muted:var(--gray5);--cb-surface:var(--gray1);--cb-surface-raised:var(--gray2);--cb-border:var(--gray4);--cb-border-soft:var(--gray3);--cb-family-key:var(--primary-color);--cb-family-aeolian:var(--part-purple);--cb-family-ionian:var(--part-purple);--cb-family-dorian:var(--part-blue);--cb-family-phrygian:var(--part-red);--cb-family-lydian:var(--part-yellow);--cb-family-mixolydian:var(--part-green);--cb-family-locrian:var(--part-pink);--cb-family-chromatic:var(--part-orange);-webkit-user-select:none;user-select:none}.ChordBarsModal [contenteditable=true],.ChordBarsModal input,.ChordBarsModal textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}body.dark .ChordBarsModal{--cb-text:var(--gray0);--cb-dim:var(--gray3);--cb-surface:var(--gray8);--cb-surface-raised:var(--gray8);--cb-border:var(--gray6);--cb-border-soft:var(--gray7)}.ChordBarsModal .col,.ChordBarsModal .columns{display:contents}.ChordBarsModal .icon{display:inline-flex}.ChordBarsModal .chart-stats{align-items:flex-start;color:var(--cb-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.75rem;justify-content:space-between;margin-bottom:.85rem}.ChordBarsModal .chart-stats .context,.ChordBarsModal .chart-stats .length{display:flex;flex-wrap:wrap;gap:.3rem}.ChordBarsModal .chart-stats .stat{align-items:center;background:var(--cb-surface);border-radius:999px;display:inline-flex;padding:.2rem .6rem;white-space:nowrap}.ChordBarsModal .chart-stats .stat--part-bpm,.ChordBarsModal .chart-stats .stat--part-key{color:var(--primary-color);font-weight:600}.ChordBarsModal .chart-stats .context{letter-spacing:.02em}.ChordBarsModal .chart-stats .length{color:var(--cb-dim)}.ChordBarsModal .chart-stats .length strong{color:var(--primary-color)}.ChordBarsModal .palette{--morph-duration:260ms;--morph-ease:cubic-bezier(0.2,0.8,0.2,1);display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}@media(prefers-reduced-motion:reduce){.ChordBarsModal .palette{--morph-duration:1ms}}@keyframes chord-bars-field-open{0%{background-color:var(--cb-surface-raised);border-color:var(--primary-color);box-shadow:0 0 0 0 #0000}}@keyframes chord-bars-field-close{to{background-color:var(--cb-surface-raised);border-color:var(--primary-color);box-shadow:0 0 0 0 #0000}}@keyframes chord-bars-text-out{40%,to{opacity:0}}@keyframes chord-bars-text-in{0%,40%{opacity:0}}@keyframes chord-bars-plus-in{0%,35%{opacity:0;transform:rotate(-90deg) scale(.6)}to{opacity:1;transform:none}}@keyframes chord-bars-plus-out{0%{opacity:1;transform:none}50%,to{opacity:0;transform:rotate(90deg) scale(.6)}}.ChordBarsModal .palette .chord-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--palette-gap);justify-content:center;margin:0 auto;max-width:calc(var(--palette-cell-width)*5 + var(--palette-gap)*4)}.ChordBarsModal .palette .no-key{color:var(--cb-muted);font-size:.8rem;margin:0;text-align:center}.ChordBarsModal .palette .chord-btn{--chord-color:var(--gray4-1);--chord-surface:var(--cb-surface-raised);--chord-on-fill:#fff;--push-edge:color-mix(in srgb,var(--chord-color) 55%,#000);background-color:var(--chord-surface);background-color:var(--push-face,var(--chord-surface));border:1px solid var(--chord-color);border-radius:6px;box-shadow:0 0 #0000,0 3px 0 var(--push-edge),0 4px 3px #0000002e;box-shadow:var(--push-ring,0 0 #0000),0 3px 0 var(--push-edge),0 4px 3px #0000002e;color:var(--chord-color);color:var(--push-text,var(--chord-color));cursor:pointer;flex-shrink:0;font-size:1.05rem;font-weight:500;height:var(--palette-control-height);margin-bottom:3px;padding:0 4px;position:relative;text-align:center;transition:transform 70ms ease-out,box-shadow 70ms ease-out,background-color 70ms ease-out;width:var(--palette-cell-width)}.ChordBarsModal .palette .chord-btn.is-pressed,.ChordBarsModal .palette .chord-btn:active{background-color:var(--chord-color);box-shadow:0 0 #0000,0 0 0 var(--push-edge);box-shadow:var(--push-ring,0 0 #0000),0 0 0 var(--push-edge);color:var(--chord-on-fill);transform:translateY(3px)}.ChordBarsModal .palette .chord-btn.major{--chord-color:var(--chord-major)}.ChordBarsModal .palette .chord-btn.minor{--chord-color:var(--chord-minor)}.ChordBarsModal .palette .chord-btn.diminished{--chord-color:var(--chord-dim)}.ChordBarsModal .palette .chord-btn--used:after{background-color:currentColor;border-radius:50%;bottom:3px;content:"";height:4px;opacity:.55;position:absolute;right:3px;width:4px}.ChordBarsModal .palette .chord-btn--add,.ChordBarsModal .palette .chord-btn--more{--chord-color:var(--primary-color);align-items:center;display:inline-flex;justify-content:center}.ChordBarsModal .palette .chord-btn--add svg,.ChordBarsModal .palette .chord-btn--more svg{stroke:currentColor;width:18px}.ChordBarsModal .palette .custom-chord{align-items:center;display:flex;flex-shrink:0;position:relative;width:var(--palette-cell-width)}.ChordBarsModal .palette .custom-chord .field{animation:chord-bars-field-open var(--morph-duration) var(--morph-ease);background:var(--cb-surface);border:1px solid var(--cb-border);border-radius:6px;display:flex;height:var(--palette-control-height);overflow:hidden;position:relative;width:100%}.ChordBarsModal .palette .custom-chord .field:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 .2rem var(--focus-ring)}.ChordBarsModal .palette .custom-chord .field input{animation:chord-bars-text-in var(--morph-duration) var(--morph-ease);background:#0000;border:0;color:var(--cb-text);flex:1 1;font-family:inherit;font-size:16px;min-width:0;outline:0;padding:0 26px 0 4px}.ChordBarsModal .palette .custom-chord .field .field-plus{align-items:center;animation:chord-bars-plus-out var(--morph-duration) var(--morph-ease);color:var(--primary-color);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute}.ChordBarsModal .palette .custom-chord .field .field-plus svg{stroke:currentColor;width:18px}.ChordBarsModal .palette .custom-chord .add{align-items:center;animation:chord-bars-text-in var(--morph-duration) var(--morph-ease);background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;justify-content:center;padding:2px;position:absolute;right:2px;top:50%;transform:translateY(-50%);width:24px}.ChordBarsModal .palette .custom-chord .add:disabled{cursor:default;opacity:.4}.ChordBarsModal .palette .custom-chord--closing{pointer-events:none}.ChordBarsModal .palette .custom-chord--closing .field{animation:chord-bars-field-close var(--morph-duration) var(--morph-ease) forwards}.ChordBarsModal .palette .custom-chord--closing .field input{animation:chord-bars-text-out var(--morph-duration) var(--morph-ease) forwards}.ChordBarsModal .palette .custom-chord--closing .field .field-plus{animation:chord-bars-plus-in var(--morph-duration) var(--morph-ease) forwards}.ChordBarsModal .palette .custom-chord--closing .add{animation:chord-bars-text-out var(--morph-duration) var(--morph-ease) forwards}.ChordBarsModal .mode-hint{align-items:center;color:var(--cb-dim);display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;margin-bottom:.4rem}.ChordBarsModal .mode-hint .chord-name{color:var(--primary-color);font-weight:600}.ChordBarsModal .mode-hint button{background:#0000;border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);cursor:pointer;font:inherit;padding:.2rem .7rem}.ChordBarsModal .grid{margin-bottom:.85rem}.ChordBarsModal .grid .grid-line{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.ChordBarsModal .grid .grid-line--section-start{margin-top:.4rem}.ChordBarsModal .grid .grid-line--section-start .cell{border-top:2px solid var(--cb-muted)}.ChordBarsModal .grid .drag-handle{color:var(--primary-color);cursor:grab;display:flex;flex-shrink:0}.ChordBarsModal .grid .drag-handle svg{stroke:currentColor;height:1.15rem;width:1.15rem}.ChordBarsModal .grid .sortable-ghost{opacity:.4}.ChordBarsModal .grid .sortable-chosen .drag-handle{cursor:grabbing}.ChordBarsModal .grid .grid-lines:has(.cell.sortable-ghost) .cell--end-slot{display:flex}.ChordBarsModal .grid.grid--focused .cell,.ChordBarsModal .grid.grid--focused .drag-handle,.ChordBarsModal .grid.grid--focused .grid-footer,.ChordBarsModal .grid.grid--focused .line-menu{opacity:.35}.ChordBarsModal .grid.grid--focused .drag-handle,.ChordBarsModal .grid.grid--focused .grid-footer,.ChordBarsModal .grid.grid--focused .line-menu{pointer-events:none}.ChordBarsModal .grid.grid--focused .cell--focus-target{border-color:var(--primary-color);opacity:1}.ChordBarsModal .grid.grid--reordering .cell--focus-target .cell-chord:not(.cell-chord--tie):not(.cell-chord--missing){border-radius:3px;cursor:grab;outline:1px dashed var(--primary-color);outline-offset:-1px}.ChordBarsModal .grid .cells{display:flex;flex:1 1;gap:0;min-width:0;overflow-x:auto}.ChordBarsModal .grid .cell{align-items:center;background:var(--cb-surface);background-image:none;background-image:var(--cell-shade,none);border:1px solid #0000;border-left:2px solid var(--cb-muted);color:var(--cb-text);container-type:inline-size;cursor:pointer;display:flex;flex:1 0 3.5rem;font-family:inherit;font-size:.9rem;font-weight:600;gap:.15rem;justify-content:center;min-height:2.6rem;padding:.4rem .2rem}.ChordBarsModal .grid .cell .cell-chord{display:flex;font-size:clamp(.62em,(100cqw - 0*.15rem)/1,1em);font-size:clamp(.62em,(100cqw - var(--cell-gaps,0)*.15rem)/var(--cell-em,1),1em);justify-content:flex-start;min-width:0}.ChordBarsModal .grid .cell .cell-chord.chord-family--key{--chord-color:var(--primary-color)}.ChordBarsModal .grid .cell .cell-chord.chord-family--aeolian,.ChordBarsModal .grid .cell .cell-chord.chord-family--ionian{--chord-color:var(--part-purple)}.ChordBarsModal .grid .cell .cell-chord.chord-family--dorian{--chord-color:var(--part-blue)}.ChordBarsModal .grid .cell .cell-chord.chord-family--phrygian{--chord-color:var(--part-red)}.ChordBarsModal .grid .cell .cell-chord.chord-family--lydian{--chord-color:var(--part-yellow)}.ChordBarsModal .grid .cell .cell-chord.chord-family--mixolydian{--chord-color:var(--part-green)}.ChordBarsModal .grid .cell .cell-chord.chord-family--locrian{--chord-color:var(--part-pink)}.ChordBarsModal .grid .cell .cell-chord.chord-family--chromatic{--chord-color:var(--part-orange)}.ChordBarsModal .grid .cell .cell-chord:only-child{justify-content:center}.ChordBarsModal .grid .cell .cell-chord--tie{align-items:center;padding-right:.35em}.ChordBarsModal .grid .cell .cell-chord--tie .hold-mark{width:100%}.ChordBarsModal .grid .cell .cell-chord--missing{align-items:flex-end;align-self:stretch;border:1px dashed var(--part-yellow);border-radius:3px;justify-content:center;margin:.1rem 0}.ChordBarsModal .grid .cell .cell-chord--missing .cell-beats{overflow:hidden;white-space:nowrap}.ChordBarsModal .grid .cell .cell-chord--missing.cell-chord--selected{border-color:var(--primary-color);border-style:solid}.ChordBarsModal .grid .cell .cell-chord--rest .cell-chord-name{color:var(--cb-dim);font-weight:500}.ChordBarsModal .grid .cell .cell-chord--note .cell-chord-name{font-weight:400}.ChordBarsModal .grid .cell.cell--melody{position:relative}.ChordBarsModal .grid .cell .melody-badge{color:var(--cb-dim);font-size:.65rem;font-weight:400;line-height:1;pointer-events:none;position:absolute;right:.25rem;top:.1rem}.ChordBarsModal .grid .cell .cell-chord-stack{align-items:center;display:flex;flex-direction:column;min-width:0}.ChordBarsModal .grid .cell .cell-chord-name{color:inherit;color:var(--chord-color,inherit);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChordBarsModal .grid .cell .cell-chord-name sup{font-size:.62em;line-height:0;position:relative;top:-.45em;vertical-align:initial}.ChordBarsModal .grid .cell .cell-chord--selected .cell-chord-stack{border-radius:3px;outline:2px solid var(--primary-color);outline-offset:1px}.ChordBarsModal .grid .cell .cell-beats{color:var(--cb-muted);font-size:.69em;font-weight:400;line-height:1.2}.ChordBarsModal .grid .cell:has(+.cell--end-slot),.ChordBarsModal .grid .cell:last-child{border-right:2px solid var(--cb-muted)}.ChordBarsModal .grid .cell .hold-mark{background:var(--cb-muted);display:block;height:1px;margin:0 auto;width:.9rem}.ChordBarsModal .grid .cell--cursor{background:color-mix(in srgb,var(--primary-color) 10%,var(--cb-surface));border-color:var(--primary-color);border-left-color:var(--primary-color)}.ChordBarsModal .grid .cell--missing{background:color-mix(in srgb,var(--part-yellow) 14%,var(--cb-surface));box-shadow:inset 0 0 0 2px var(--part-yellow)}.ChordBarsModal .grid .cell--sounding{background:color-mix(in srgb,var(--primary-color) 28%,var(--cb-surface))}.ChordBarsModal .grid .cell--end-slot{background:#0000;border:1px dashed var(--cb-muted);display:none;flex:0 0 2rem}.ChordBarsModal .grid .cell--swap-target{background:color-mix(in srgb,var(--primary-color) 22%,var(--cb-surface));border-color:var(--primary-color)}.ChordBarsModal .grid.grid--moving .cell-chord--missing{background:color-mix(in srgb,var(--part-yellow) 22%,var(--cb-surface));border-style:solid}.ChordBarsModal .grid.grid--moving .cell-chord:not(.cell-chord--missing):not(.cell-chord--moving){opacity:.4}.ChordBarsModal .grid.grid--moving .cell-chord--moving .cell-chord-name{border-radius:3px;outline:2px solid var(--primary-color);outline-offset:2px}.ChordBarsModal .grid .line-menu{align-items:center;display:flex;flex-shrink:0}.ChordBarsModal .grid .line-menu .options-icon{color:var(--primary-color);display:flex}.ChordBarsModal .grid .line-menu .options-icon svg{height:1.4rem;width:1.4rem}.ChordBarsModal .grid .grid-footer{align-items:center;display:flex;gap:.5rem}.ChordBarsModal .grid .grid-footer .add-line,.ChordBarsModal .grid .grid-footer .fill-lines,.ChordBarsModal .grid .grid-footer .history-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .12s ease;-webkit-user-select:none;user-select:none}.ChordBarsModal .grid .grid-footer .add-line:active:not(:disabled),.ChordBarsModal .grid .grid-footer .fill-lines:active:not(:disabled),.ChordBarsModal .grid .grid-footer .history-btn:active:not(:disabled){transform:scale(.95)}.ChordBarsModal .grid .grid-footer .add-line,.ChordBarsModal .grid .grid-footer .fill-lines{align-items:center;background:var(--cb-surface);border:none;border-radius:999px;color:var(--primary-color);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;gap:.3rem;height:2.2rem;padding:0 .9rem 0 .65rem;-webkit-user-select:none;user-select:none}.ChordBarsModal .grid .grid-footer .history{display:flex;gap:.25rem;margin-left:auto}.ChordBarsModal .grid .grid-footer .history .history-btn{align-items:center;background:var(--cb-surface);border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;height:2.2rem;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;width:2.2rem}.ChordBarsModal .grid .grid-footer .history .history-btn svg{stroke:currentColor;height:1.2rem;width:1.2rem}.ChordBarsModal .grid .grid-footer .history .history-btn:disabled{color:var(--cb-muted);cursor:default;opacity:.5}.ChordBarsModal .MidiPiano{margin-bottom:.85rem}.ChordBarsModal .lyrics-preview{background:var(--cb-surface);border:1px solid var(--cb-border-soft);border-radius:20px;color:var(--cb-text);line-height:1.5;margin-bottom:.85rem;max-height:max(13rem,10em);overflow:auto;overscroll-behavior:contain;padding:.75rem 1rem;scroll-behavior:smooth;-webkit-user-select:none;user-select:none;white-space:pre}.ChordBarsModal .lyrics-preview .lyrics-row--chords{color:var(--primary-color);font-weight:600}.ChordBarsModal .lyrics-preview .chord--sounding{background:color-mix(in srgb,var(--primary-color) 28%,var(--cb-surface));border-radius:.2em;box-shadow:0 0 0 .12em color-mix(in srgb,var(--primary-color) 28%,var(--cb-surface));position:relative}.ChordBarsModal .lyrics-preview .chord--sounding:after{animation:mg-chord-fill 0s linear both;animation:mg-chord-fill var(--sounding-seconds,0s) linear both;background:var(--primary-color);bottom:-.18em;bottom:-.26em;clip-path:inset(0 0 0 0 round 999px);content:"";height:.1em;height:.14em;left:0;position:absolute;right:0}@media(prefers-reduced-motion:reduce){.ChordBarsModal .lyrics-preview{scroll-behavior:auto}}.ChordBarsModal .footer.even .ModalButton.remove{align-items:center;border-radius:50%;display:flex;flex:0 0 auto;justify-content:center;padding:0;width:calc(1lh + 1.2rem)}.ChordBarsModal .footer.even .ModalButton.remove svg{stroke:var(--btn-danger-bg);display:block;height:1.25rem;width:1.25rem}.ChordBarsModal .footer.even .ModalButton.remove.danger svg{stroke:#fff}.ChordBarsModal .missing-hint{color:var(--part-yellow);font-size:.85rem;margin:1rem 0 0}body.dark .ChordBarsModal .palette .chord-btn{--chord-surface:var(--gray8);--chord-on-fill:var(--gray10);--push-text:color-mix(in srgb,var(--chord-color) 45%,#fff)}body.dark .ChordBarsModal .palette .custom-chord .field-plus{color:color-mix(in srgb,var(--primary-color) 45%,#fff)}@media(min-width:992px){.ChordBarsModal .columns{grid-gap:0 1.5rem;align-items:stretch;display:grid;flex:1 1;gap:0 1.5rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.ChordBarsModal .col{display:block;min-width:0}.ChordBarsModal .col--player{border-left:1px solid var(--cb-border-soft);display:flex;flex-direction:column;padding-left:1.5rem}.ChordBarsModal .grid .cell{min-height:3rem}}@media screen and (max-width:575px){.ChordBarsModal .grid .cell{flex-basis:3rem;font-size:.85rem}}.ChordBarsLineMenu{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ChordBarsLineMenu [contenteditable=true],.ChordBarsLineMenu input,.ChordBarsLineMenu textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.ChordBarsLineMenu .mg-dropdown__item{font-size:.9rem;padding:7px 14px}.ChordBarsLineMenu .mg-dropdown__item .line-menu__icon{display:inline-flex}.ChordBarsLineMenu .mg-dropdown__item .line-menu__icon svg{stroke:currentColor;width:18px}.ChordBarsLineMenu .mg-dropdown__item:disabled{cursor:not-allowed;opacity:.5}.ChordBarsLineMenu .mg-dropdown__divider{margin:2px 6px}.ChordBarsLineMenu .line-menu__delete{color:var(--red-color)}body.dark .ChordBarsLineMenu .line-menu__delete{color:var(--red-color-lighter)}body.dark .ChordBarsLineMenu .line-menu__delete:focus,body.dark .ChordBarsLineMenu .line-menu__delete:focus-visible,body.dark .ChordBarsLineMenu .line-menu__delete:hover{color:var(--red-color-lighter)}.AssignPartModal .tabs{background:var(--gray1);border-radius:999px;display:flex;gap:4px;margin-bottom:.75rem;padding:4px}body.dark .AssignPartModal .tabs{background:var(--gray9)}.AssignPartModal .tab{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#0000;border:none;border-radius:999px;color:var(--gray6);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem .75rem;transition:transform .12s ease,background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.AssignPartModal .tab:active:not(:disabled){transform:scale(.97)}.AssignPartModal .tab svg{stroke:currentColor;fill:none;color:inherit;flex-shrink:0;height:1.05rem;width:1.05rem}.AssignPartModal .tab svg.note-icon{height:.85rem;width:.85rem}.AssignPartModal .tab.active{background:var(--primary-color-pastel);color:var(--primary-color)}body.dark .AssignPartModal .tab{color:var(--gray4)}body.dark .AssignPartModal .tab.active{background:var(--gray7);color:var(--primary-color-dark-mode-text)}.AssignPartModal .tab-count{font-feature-settings:"tnum";background:color-mix(in srgb,currentColor 18%,#0000);border-radius:1rem;font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.25rem;min-width:1.25rem;padding:0 .35rem}.AssignPartModal .SearchBox{margin-bottom:.75rem}.AssignPartModal .empty{align-items:center;color:var(--gray5);display:flex;font-size:.9rem;height:clamp(120px,32vh,180px);justify-content:center}.AssignPartModal .list{grid-gap:6px;align-content:start;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(max(150px,(100% - 2 * 6px)/3),1fr));height:clamp(120px,32vh,180px);list-style:none;margin:0;overflow-y:auto;padding:0}.AssignPartModal .item{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:var(--gray1);border-radius:999px;color:var(--bg-text);cursor:pointer;display:flex;gap:.4rem;justify-content:space-between;padding:.55rem .9rem;transition:transform .12s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.AssignPartModal .item:active:not(:disabled){transform:scale(.97)}body.dark .AssignPartModal .item{background-color:var(--gray8)}.AssignPartModal .item.selected{background-color:var(--primary-color-pastel)}body.dark .AssignPartModal .item.selected{background-color:var(--gray7)}.AssignPartModal .item.selected .check{color:var(--primary-color);font-weight:600}body.dark .AssignPartModal .item.selected .check{color:var(--primary-color-dark-mode-text)}body.dark .AssignPartModal .item.selected .solo{border-color:var(--primary-color-dark-mode-text);color:var(--primary-color-dark-mode-text)}body.dark .AssignPartModal .item.selected .solo.on{border-color:var(--primary-color);color:var(--btn-secondary-text)}.AssignPartModal .marks{align-items:center;display:flex;flex-shrink:0;gap:.4rem}.AssignPartModal .solo{background:#0000;border:1px solid var(--primary-color);border-radius:1rem;color:var(--primary-color);cursor:pointer;font-size:.7rem;font-weight:600;line-height:1.2;padding:.1rem .45rem;-webkit-user-select:none;user-select:none}.AssignPartModal .solo.on{background:var(--primary-color);color:var(--btn-secondary-text)}.AssignPartModal .name{font-size:.9rem;min-width:0;overflow-wrap:anywhere}.AssignPartModal .check{stroke:currentColor;flex-shrink:0;height:1rem;width:1rem}.SampleLoadStatus{align-items:center;display:flex;flex-direction:column;gap:.35rem;width:100%}.SampleLoadStatus .track{background-color:var(--gray2);border-radius:2px;height:4px;overflow:hidden;width:100%}body.dark .SampleLoadStatus .track{background-color:var(--gray8)}.SampleLoadStatus .track .fill{background-color:var(--primary-color);height:100%;transition:width .2s ease-out}.SampleLoadStatus .caption{color:var(--gray5);font-size:.75rem}.SampleLoadStatus.load-error{color:var(--red-color);font-size:.85rem;margin:0;text-align:center}body.dark .SampleLoadStatus.load-error{color:var(--red-color-lighter)}.SampleLoadStatus.load-error .retry{background:none;border:none;color:inherit;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.PartMidiUploadModal .MidiKeyRow{margin-bottom:0}.PartMidiUploadModal .part-key-note{color:var(--gray5);font-size:.8rem;margin:.35rem 0 0;text-align:center}.PartMidiUploadModal .pickup,.PartMidiUploadModal .plays-with,.PartMidiUploadModal .recorded-key,.PartMidiUploadModal .trim-lead-in{border:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;padding:0}.PartMidiUploadModal .pickup legend,.PartMidiUploadModal .plays-with legend,.PartMidiUploadModal .recorded-key legend,.PartMidiUploadModal .trim-lead-in legend{color:var(--gray5);font-size:.8rem;margin-bottom:.4rem;padding:0;text-align:left;width:100%}.PartMidiUploadModal .pickup .option,.PartMidiUploadModal .plays-with .option,.PartMidiUploadModal .recorded-key .option,.PartMidiUploadModal .trim-lead-in .option{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border:1px solid var(--gray3);border-radius:20px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:8rem;padding:.6rem .75rem;transition:transform .12s ease,border-color .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.PartMidiUploadModal .pickup .option:active:not(:disabled),.PartMidiUploadModal .plays-with .option:active:not(:disabled),.PartMidiUploadModal .recorded-key .option:active:not(:disabled),.PartMidiUploadModal .trim-lead-in .option:active:not(:disabled){transform:scale(.97)}body.dark .PartMidiUploadModal .pickup .option,body.dark .PartMidiUploadModal .plays-with .option,body.dark .PartMidiUploadModal .recorded-key .option,body.dark .PartMidiUploadModal .trim-lead-in .option{border-color:var(--gray7)}.PartMidiUploadModal .pickup .option input,.PartMidiUploadModal .plays-with .option input,.PartMidiUploadModal .recorded-key .option input,.PartMidiUploadModal .trim-lead-in .option input{opacity:0;pointer-events:none;position:absolute}.PartMidiUploadModal .pickup .option .name,.PartMidiUploadModal .plays-with .option .name,.PartMidiUploadModal .recorded-key .option .name,.PartMidiUploadModal .trim-lead-in .option .name{color:var(--bg-text);font-size:.9rem}.PartMidiUploadModal .pickup .option .hint,.PartMidiUploadModal .plays-with .option .hint,.PartMidiUploadModal .recorded-key .option .hint,.PartMidiUploadModal .trim-lead-in .option .hint{color:var(--gray5);font-size:.75rem}.PartMidiUploadModal .pickup .option.selected,.PartMidiUploadModal .plays-with .option.selected,.PartMidiUploadModal .recorded-key .option.selected,.PartMidiUploadModal .trim-lead-in .option.selected{background:color-mix(in srgb,var(--primary-color) 10%,var(--gray0));border-color:var(--primary-color)}body.dark .PartMidiUploadModal .pickup .option.selected,body.dark .PartMidiUploadModal .plays-with .option.selected,body.dark .PartMidiUploadModal .recorded-key .option.selected,body.dark .PartMidiUploadModal .trim-lead-in .option.selected{background:color-mix(in srgb,var(--primary-color) 18%,var(--gray9));border-color:var(--primary-color)}.PartMidiUploadModal .pickup .option.selected .name strong,.PartMidiUploadModal .plays-with .option.selected .name strong,.PartMidiUploadModal .recorded-key .option.selected .name strong,.PartMidiUploadModal .trim-lead-in .option.selected .name strong{color:var(--primary-color)}.PartMidiUploadModal .pickup .option:has(input:focus-visible),.PartMidiUploadModal .plays-with .option:has(input:focus-visible),.PartMidiUploadModal .recorded-key .option:has(input:focus-visible),.PartMidiUploadModal .trim-lead-in .option:has(input:focus-visible){border-color:var(--primary-color)}.PartMidiUploadModal .trim-lead-in{margin-top:1rem}.PartMidiUploadModal .pickup{flex-wrap:nowrap}.PartMidiUploadModal .pickup .RangeSlider{flex:1 1;min-width:0}.PartMidiUploadModal .attached-file{align-items:center;background-color:var(--gray2);border-radius:999px;display:flex;gap:.25rem;height:44px;margin-top:1rem;padding:0 .3rem 0 1rem}body.dark .PartMidiUploadModal .attached-file{background-color:var(--gray8)}.PartMidiUploadModal .attached-file .name{color:var(--bg-text);flex:1 1;font-size:.9rem;min-width:0;overflow:hidden;padding-right:.25rem;text-overflow:ellipsis;white-space:nowrap}.PartMidiUploadModal .attached-file .row-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:36px}.PartMidiUploadModal .attached-file .row-btn:active:not(:disabled){transform:scale(.9)}.PartMidiUploadModal .attached-file .row-btn:focus-visible,.PartMidiUploadModal .attached-file .row-btn:has(input:focus-visible){outline:2px solid var(--primary-color);outline-offset:-2px}.PartMidiUploadModal .attached-file .row-btn input{opacity:0;pointer-events:none;position:absolute}.PartMidiUploadModal .attached-file .row-btn .icon{align-items:center;display:flex;justify-content:center}.PartMidiUploadModal .attached-file .row-btn .icon svg{width:18px}.PartMidiUploadModal .attached-file .row-btn.remove .icon svg{stroke:var(--red-color);width:24px}body.dark .PartMidiUploadModal .attached-file .row-btn.remove .icon svg{stroke:var(--red-color-lighter)}.PartMidiUploadModal .file-picker{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border:1px dashed var(--gray4);border-radius:20px;color:var(--bg-text);cursor:pointer;display:flex;font-size:.95rem;justify-content:center;margin-top:1rem;padding:1.25rem 1rem;transition:transform .12s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.PartMidiUploadModal .file-picker:active:not(:disabled){transform:scale(.98)}.PartMidiUploadModal .file-picker:active{border-color:var(--primary-color)}.PartMidiUploadModal .file-picker input{display:none}.PartMidiUploadModal .error{color:var(--red-color);font-size:.85rem;margin-top:.75rem;text-align:center}body.dark .PartMidiUploadModal .error{color:var(--red-color-lighter)}.PartMidiUploadModal .midi-summary{margin-top:1rem}.PartMidiUploadModal .midi-summary .MidiPiano{margin-bottom:1rem}.ChordSuggestions{-webkit-touch-callout:none;margin-bottom:10px;-webkit-user-select:none;user-select:none}.ChordSuggestions [contenteditable=true],.ChordSuggestions input,.ChordSuggestions textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.ChordSuggestions .buttons{display:flex;gap:5px}.ChordSuggestions .buttons.horizontal-menu{flex-wrap:nowrap}.ChordSuggestions .chord-btn{--chord-color:var(--gray4-1);--chord-surface:var(--gray2);--chord-on-fill:#fff;--push-edge:color-mix(in srgb,var(--chord-color) 55%,#000);-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--chord-surface);background-color:var(--push-face,var(--chord-surface));border:1px solid var(--chord-color);border-radius:6px;box-shadow:0 0 #0000,0 3px 0 var(--push-edge),0 4px 3px #0000002e;box-shadow:var(--push-ring,0 0 #0000),0 3px 0 var(--push-edge),0 4px 3px #0000002e;color:var(--chord-color);color:var(--push-text,var(--chord-color));cursor:pointer;flex-shrink:0;font-size:.85em;font-weight:500;margin-bottom:3px;min-width:40px;padding:6px 8px;position:relative;text-align:center;transition:transform 70ms ease-out,box-shadow 70ms ease-out,background-color 70ms ease-out}.ChordSuggestions .chord-btn.is-pressed,.ChordSuggestions .chord-btn:active{background-color:var(--chord-color);box-shadow:0 0 #0000,0 0 0 var(--push-edge);box-shadow:var(--push-ring,0 0 #0000),0 0 0 var(--push-edge);color:var(--chord-on-fill);transform:translateY(3px)}.ChordSuggestions .chord-btn.major{--chord-color:var(--primary-color)}.ChordSuggestions .chord-btn.minor{--chord-color:var(--accent-secondary)}.ChordSuggestions .chord-btn.diminished{--chord-color:var(--accent-tertiary)}body.dark .ChordSuggestions .chord-btn{--chord-surface:var(--gray8);--chord-on-fill:var(--gray10);--push-text:color-mix(in srgb,var(--chord-color) 45%,#fff)}.ChordSuggestions .chord-btn--more{--chord-color:var(--primary-color);align-items:center;display:inline-flex;justify-content:center}.ChordSuggestions .chord-btn--more .icon{display:inline-flex}.ChordSuggestions .chord-btn--more svg{stroke:currentColor;width:18px}@media screen and (max-width:575px){.ChordSuggestions .chord-btn{font-size:.8em;min-width:35px;padding:8px 10px}}.theme-suggestions{background-color:#fffffff2;border:1px solid #e0e0e0;border-radius:4px;bottom:8px;box-shadow:0 2px 8px #0000001a;max-width:300px;padding:.5rem .75rem;pointer-events:auto;position:absolute;right:8px;z-index:10}body.light.color-theme .theme-suggestions{background-color:color-mix(in srgb,var(--vt-accent) 10%,#fffffff2)}.theme-suggestions--collapsed{background-color:#0000;border:none;box-shadow:none;padding:.25rem}.theme-suggestions__header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.375rem}.theme-suggestions__label{color:#666;font-size:1rem;font-weight:500;margin:0}.theme-suggestions__close{background:none;border:none;color:#666;cursor:pointer;font-size:.875rem;line-height:1;padding:0;transition:color .2s ease}.theme-suggestions__close:hover{color:#333}.theme-suggestions__toggle{background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;opacity:.8;padding:0;transition:transform .2s ease}.theme-suggestions__toggle:hover{opacity:1;transform:scale(1.15)}.theme-suggestions__buttons{display:flex;flex-wrap:wrap;gap:.375rem}.theme-suggestions__btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:3px;color:#333;cursor:pointer;font-size:1rem;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.theme-suggestions__btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.theme-suggestions__btn:active{transform:translateY(0)}body.dark .theme-suggestions{background-color:#292929f2;border-color:var(--gray7)}body.dark .theme-suggestions--collapsed{background-color:#0000;border:none;box-shadow:none}body.dark .theme-suggestions__close,body.dark .theme-suggestions__label{color:var(--gray3)}body.dark .theme-suggestions__close:hover{color:var(--gray2)}body.dark .theme-suggestions__btn{background-color:var(--gray7);border-color:var(--gray6);color:var(--gray3)}body.dark .theme-suggestions__btn:hover{background-color:var(--primary-color-lighter);border-color:var(--primary-color-lighter);color:#fff}.tag-input{align-items:center;background-clip:padding-box;border:1px solid #0000;border-radius:14px;cursor:text;display:flex;font-size:1rem;line-height:1.5;min-height:38px;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.tag-input,.tag-input:focus-within{background-color:var(--surface);color:var(--text-primary)}.tag-input:focus-within{border-color:var(--primary-color-lighter);box-shadow:0 0 0 3px var(--focus-ring-form);outline:0}.tag-input--error{border-color:var(--red-color)}.tag-input--error:focus-within{border-color:var(--red-color);box-shadow:0 0 0 .2rem #d81d2640}.tag-input__tags{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.25rem}.tag-input__tag{align-items:center;background-color:var(--primary-color);border-radius:999px;color:#fff;cursor:default;display:inline-flex;font-size:1rem;gap:.25rem;padding:.2rem .4rem .2rem .7rem}.tag-input__remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;line-height:1;margin-left:.25rem;padding:0}.tag-input__remove:hover{opacity:.8}.tag-input__input{background:#0000;border:none;color:inherit;flex:1 1;font-size:1rem;min-width:120px;outline:none;padding:.25rem}.tag-input__input::placeholder{color:var(--gray5)}body.dark .tag-input{background:var(--gray7);border-color:var(--gray7);color:inherit}body.dark .tag-input__remove,body.dark .tag-input__tag{color:var(--gray10)}body.dark .tag-input:focus-within{background:var(--gray7);box-shadow:0 0 0 .2rem #5791e940}body.dark .tag-input--error{border-color:var(--red-color-lighter)}body.dark .tag-input--error:focus-within{background:var(--gray7);border-color:var(--red-color-lighter);box-shadow:0 0 0 .2rem #dd4a5240}body.dark .tag-input .tag-input__input{color:inherit}body.dark .tag-input .tag-input__input::placeholder{color:var(--gray4)}.tag-input-container{position:relative}.tag-input-container .tag-suggestions{background-color:var(--gray0);border:1px solid var(--gray2);border-radius:14px;box-shadow:0 2px 4px #0000001a;inset-inline:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:4px;position:absolute;top:calc(100% + 6px);z-index:1000}.tag-input-container .tag-suggestions>*{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:400;padding:8px 12px;-webkit-user-select:none;user-select:none}.tag-input-container .tag-suggestions>.selected,.tag-input-container .tag-suggestions>:active{background-color:var(--gray1)}body.dark .tag-input-container .tag-suggestions{background-color:var(--gray8);border-color:var(--gray7);box-shadow:0 2px 4px #0003}body.dark .tag-input-container .tag-suggestions>*{color:var(--gray3)}body.dark .tag-input-container .tag-suggestions>.selected,body.dark .tag-input-container .tag-suggestions>:active{background-color:var(--gray7)}.SongCounter{grid-column-gap:.9rem;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#0000;border:1px solid var(--gray2);border-radius:16px;color:inherit;column-gap:.9rem;cursor:pointer;display:grid;font:inherit;grid-template-columns:1fr auto;margin-bottom:1rem;padding:.8rem 1rem .95rem;text-align:left;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:100%}.SongCounter:active:not(:disabled):not(.is-static){transform:scale(.98)}.SongCounter:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .SongCounter{border-color:var(--gray7)}.SongCounter.is-static{cursor:default;grid-template-columns:1fr}.SongCounter .header{align-items:baseline;display:flex;gap:.5rem;grid-column:1;justify-content:space-between;line-height:1.2;margin-bottom:.6rem}.SongCounter .status{color:var(--gray10);font-weight:500}body.dark .SongCounter .status{color:var(--gray2)}.SongCounter .count{font-feature-settings:"tnum";color:var(--gray6);flex-shrink:0;font-size:.85rem;font-variant-numeric:tabular-nums}body.dark .SongCounter .count{color:var(--gray4)}.SongCounter .count strong{color:var(--gray10);font-weight:600}body.dark .SongCounter .count strong{color:var(--gray2)}.SongCounter .track{background:var(--gray2);border-radius:4px;display:block;grid-column:1;height:8px;overflow:hidden;position:relative}body.dark .SongCounter .track{background:var(--gray7)}.SongCounter .fill{background:var(--primary-color);border-radius:4px;bottom:0;left:0;position:absolute;top:0;transition:width .35s ease,background .2s ease}.SongCounter .cta{background:var(--primary-color);border-radius:30px;color:var(--gray0);font-size:.85rem;font-weight:600;grid-column:2;grid-row:1/span 2;line-height:1;padding:.45rem .9rem}body.dark .SongCounter .cta{color:var(--gray10)}.SongCounter.is-warning .fill{background:var(--danger-color)}.SongCounter.is-warning .count strong{color:var(--danger-color)}.song-parts-grid-btn,.song-parts-overview-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;border-radius:50%;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;height:2rem;height:2.25rem;justify-content:center;min-width:2rem;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:2.25rem}.song-parts-grid-btn:active:not(:disabled):not(.disabled),.song-parts-overview-btn:active:not(:disabled):not(.disabled){transform:scale(.95)}body.dark .song-parts-grid-btn,body.dark .song-parts-overview-btn{background:var(--gray7);color:var(--gray3)}.song-parts-grid-btn .icon svg,.song-parts-overview-btn .icon svg{stroke:currentColor}.song-parts-grid-btn .icon,.song-parts-overview-btn .icon{display:flex;margin:0}.song-parts-grid-btn .icon svg,.song-parts-overview-btn .icon svg{fill:none;height:22px;width:22px}.song-parts-grid-btn.active,.song-parts-overview-btn.active{background:var(--primary-color);color:var(--gray0)}body.dark .song-parts-grid-btn.active,body.dark .song-parts-overview-btn.active{background:var(--primary-color);color:var(--gray10)}.song-form__parts-header-actions{align-items:center;display:flex;gap:.5rem}.song-form{margin-bottom:2rem}.song-form__options-bar{background:var(--surface);border:1px solid #0000;border-radius:28px;margin-bottom:1rem;padding:8px}body.light .song-form__options-bar{--primary-color-pastel:var(--surface-pastel)}body.dark .song-form__options-bar{border-color:var(--gray7)}.song-form__options-bar .copy-note{padding:4px 12px}.song-form .mg-custom-select,.song-form .mg-form-control{background-color:var(--surface);border-color:#0000;border-radius:14px}.song-form .mg-custom-select:focus,.song-form .mg-form-control:focus{background-color:var(--surface);border-color:var(--primary-color-lighter);box-shadow:0 0 0 3px var(--focus-ring-form)}.song-form .mg-custom-select:disabled,.song-form .mg-custom-select[readonly],.song-form .mg-form-control:disabled,.song-form .mg-form-control[readonly]{background-color:var(--surface-line)}.song-form__lyrics-row .mg-form-group{margin-bottom:.1rem}.song-form #partNumber,.song-form .currentPart{min-height:42px}.song-form .chart-defaults{display:flex;flex-direction:column;gap:10px;margin-bottom:1rem}.song-form .chart-defaults .InstrumentRow,.song-form .chart-defaults .RhythmStylePicker{background-color:var(--surface);height:42px;-webkit-user-select:none;user-select:none}.song-form__input-group{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.song-form__input-group .mg-form-group{flex:1 0}.song-form__input-group #bpm,.song-form__input-group .mg-custom-select{height:42px}.song-form__parts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.song-form__parts-header .section-header{margin-bottom:0}.song-form__add-part-btn{height:42px}body.dark .song-form__add-part-btn{color:var(--gray9)}.song-form #currentLyrics{padding:10px 10px 18px}.lyrics-textarea-container{position:relative}.lyrics-textarea-container textarea{pointer-events:auto;resize:none}.lyrics-textarea-container textarea.bar-chart{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace;font-size:1.05rem;line-height:1.4}.lyrics-textarea-container .lyrics-textarea-actions{align-items:center;display:flex;flex-direction:column;gap:6px;position:absolute;right:8px;top:8px;z-index:1}.lyrics-textarea-container .lyrics-textarea-action-btn,.lyrics-textarea-container .lyrics-textarea-clear-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;line-height:0;padding:0}.lyrics-textarea-container .lyrics-textarea-action-btn .icon svg,.lyrics-textarea-container .lyrics-textarea-clear-btn .icon svg{stroke:var(--primary-color);fill:#0000;display:block;width:22px}body.dark .lyrics-textarea-container .lyrics-textarea-action-btn .icon svg,body.dark .lyrics-textarea-container .lyrics-textarea-clear-btn .icon svg,body.dark .lyrics-textarea-container .lyrics-textarea-original-badge .icon svg{stroke:var(--gray3)}body.dark .lyrics-textarea-container .lyrics-textarea-original-badge .lyrics-textarea-duplicate-count{color:var(--gray3)}.lyrics-textarea-container .lyrics-textarea-original-badge{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:0;pointer-events:none}.lyrics-textarea-container .lyrics-textarea-original-badge .icon svg{stroke:var(--primary-color);fill:none;display:block;opacity:.5;width:22px}.lyrics-textarea-container .lyrics-textarea-original-badge .lyrics-textarea-duplicate-count{color:var(--primary-color);font-size:11px;font-weight:600;line-height:1;margin-top:2px;opacity:.5}.lyrics-textarea-container:has(.lyrics-textarea-actions) #currentLyrics{padding-right:36px}.lyrics-textarea-container #bpm,.lyrics-textarea-container #partNumber{color:inherit}body.dark .lyrics-textarea-container #bpm::-webkit-inner-spin-button,body.dark .lyrics-textarea-container #bpm::-webkit-outer-spin-button,body.dark .lyrics-textarea-container #partNumber::-webkit-inner-spin-button,body.dark .lyrics-textarea-container #partNumber::-webkit-outer-spin-button{filter:invert(.7)}body.dark .lyrics-textarea-container #bpm::-moz-number-spin-box,body.dark .lyrics-textarea-container #partNumber::-moz-number-spin-box{filter:invert(.7)}.lyrics-textarea-container .team-icon .icon{position:relative;top:.3rem}.song-options{display:flex;flex-direction:row;gap:8px}.song-options>*{flex-shrink:0}.Toastify__toast-icon+div{width:100%}.undo-toast{display:flex;justify-content:space-between}.undo-toast__undo{background-color:var(--gray2);border-radius:4px;color:var(--gray6);cursor:pointer;margin-right:1rem;opacity:.7;padding:0 .3rem;transition:color .3s}body.dark .undo-toast__undo{background-color:var(--gray6);color:var(--gray2)}.undo-toast__undo:hover{opacity:1}.youtube-preview{border-radius:16px;max-width:100%;overflow:hidden}.youtube-preview .embed-responsive{height:0;padding-bottom:56.25%;position:relative;width:100%}.youtube-preview .embed-responsive-item{border:0;border-radius:16px;height:100%;left:0;position:absolute;top:0;width:100%}.renumber-preview__intro{margin:0 0 .75rem}.renumber-preview__list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;max-height:16rem;overflow-y:auto;padding:0}.renumber-preview__item{align-items:center;background-color:var(--gray1);border-radius:6px;color:var(--gray10);display:flex;gap:.5rem;padding:.4rem .6rem}body.dark .renumber-preview__item{background-color:var(--gray7);color:var(--gray0)}.renumber-preview__item--moved{box-shadow:inset 0 0 0 2px var(--btn-secondary-bg)}.renumber-preview__before{opacity:.7}.renumber-preview__arrow{opacity:.6}.renumber-preview__after{align-items:center;display:inline-flex;font-weight:600;gap:.3rem}.renumber-preview__after .duplicate-icon{stroke:currentColor;fill:none;height:.95em;opacity:.8;width:.95em}.renumber-preview__tag{font-size:.7rem;letter-spacing:.04em;margin-left:auto;opacity:.85;text-transform:uppercase}.renumber-preview__section{background:linear-gradient(90deg,#ff638447,#ffcd5647,#4bc08447,#36a2eb47,#9966ff47);border-radius:4px;color:var(--gray9);display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:.1rem .45rem;text-transform:uppercase;vertical-align:middle}body.dark .renumber-preview__section{background:linear-gradient(90deg,color-mix(in srgb,var(--part-red) 35%,var(--gray10)),color-mix(in srgb,var(--part-yellow) 35%,var(--gray10)),color-mix(in srgb,var(--part-green) 35%,var(--gray10)),color-mix(in srgb,var(--part-blue) 35%,var(--gray10)),color-mix(in srgb,var(--part-purple) 35%,var(--gray10)));color:var(--gray2)}.renumber-preview__item .renumber-preview__section{flex-shrink:0;margin-left:auto}@media only screen and (max-width:600px){.renumber-preview__item{flex-wrap:wrap}.renumber-preview__item .renumber-preview__section{flex-basis:100%;margin-left:0;margin-top:.35rem}}body.light .renumber-preview .instrumental,body.light .renumber-preview .intro,body.light .renumber-preview .music,body.light .renumber-preview .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light .renumber-preview .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light .renumber-preview .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light .renumber-preview .chorus,body.light .renumber-preview .refrain,body.light .renumber-preview .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light .renumber-preview .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light .renumber-preview .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light .renumber-preview .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}body.dark .renumber-preview{--part-surface:var(--gray10)}body.dark .renumber-preview .instrumental,body.dark .renumber-preview .intro,body.dark .renumber-preview .music,body.dark .renumber-preview .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.dark .renumber-preview .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.dark .renumber-preview .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.dark .renumber-preview .chorus,body.dark .renumber-preview .refrain,body.dark .renumber-preview .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.dark .renumber-preview .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.dark .renumber-preview .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.dark .renumber-preview .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}.chart-update-prompt p,.repeat-spread-prompt p{line-height:1.9;margin:0 0 .75rem}.chart-update-prompt p:last-child,.repeat-spread-prompt p:last-child{margin-bottom:0}.chart-update-prompt .duplicates,.chart-update-prompt .part,.chart-update-prompt .repeats,.repeat-spread-prompt .duplicates,.repeat-spread-prompt .part,.repeat-spread-prompt .repeats{background-color:var(--gray1);border:1px solid var(--gray2);border-radius:6px;display:inline-block;font-weight:600;line-height:1.6;padding:0 .5rem;white-space:nowrap}body.dark .chart-update-prompt .duplicates,body.dark .chart-update-prompt .part,body.dark .chart-update-prompt .repeats,body.dark .repeat-spread-prompt .duplicates,body.dark .repeat-spread-prompt .part,body.dark .repeat-spread-prompt .repeats{background-color:var(--gray8);border-color:var(--gray7)}.chart-update-prompt .duplicate-icon,.repeat-spread-prompt .duplicate-icon{stroke:currentColor;fill:none;height:1em;margin-right:.3rem;vertical-align:-.15em;width:1em}body.light .chart-update-prompt .instrumental,body.light .chart-update-prompt .intro,body.light .chart-update-prompt .music,body.light .chart-update-prompt .outro,body.light .repeat-spread-prompt .instrumental,body.light .repeat-spread-prompt .intro,body.light .repeat-spread-prompt .music,body.light .repeat-spread-prompt .outro{background-color:#ffc6c6;border-color:color-mix(in srgb,#ffc6c6 70%,#000)}body.light .chart-update-prompt .verse,body.light .repeat-spread-prompt .verse{background-color:#def7fd;border-color:color-mix(in srgb,#def7fd 70%,#000)}body.light .chart-update-prompt .pre-chorus,body.light .repeat-spread-prompt .pre-chorus{background-color:#c3ffc8;border-color:color-mix(in srgb,#c3ffc8 70%,#000)}body.light .chart-update-prompt .chorus,body.light .chart-update-prompt .refrain,body.light .chart-update-prompt .tag,body.light .repeat-spread-prompt .chorus,body.light .repeat-spread-prompt .refrain,body.light .repeat-spread-prompt .tag{background-color:#ebdefd;border-color:color-mix(in srgb,#ebdefd 70%,#000)}body.light .chart-update-prompt .bridge,body.light .repeat-spread-prompt .bridge{background-color:#fff3c3;border-color:color-mix(in srgb,#fff3c3 70%,#000)}body.light .chart-update-prompt .note,body.light .repeat-spread-prompt .note{background-color:#ffc3de;border-color:color-mix(in srgb,#ffc3de 70%,#000)}body.light .chart-update-prompt .hidden-note,body.light .repeat-spread-prompt .hidden-note{background-color:var(--part-orange-pastel);border-color:color-mix(in srgb,var(--part-orange-pastel) 70%,#000)}body.dark .chart-update-prompt,body.dark .repeat-spread-prompt{--part-surface:var(--gray10);--part-surface:var(--gray9)}body.dark .chart-update-prompt .instrumental,body.dark .chart-update-prompt .intro,body.dark .chart-update-prompt .music,body.dark .chart-update-prompt .outro,body.dark .repeat-spread-prompt .instrumental,body.dark .repeat-spread-prompt .intro,body.dark .repeat-spread-prompt .music,body.dark .repeat-spread-prompt .outro{background-color:color-mix(in srgb,var(--part-red) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-red) 45%,var(--part-surface));color:var(--part-red)}body.dark .chart-update-prompt .verse,body.dark .repeat-spread-prompt .verse{background-color:color-mix(in srgb,var(--part-blue) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-blue) 45%,var(--part-surface));color:var(--part-blue)}body.dark .chart-update-prompt .pre-chorus,body.dark .repeat-spread-prompt .pre-chorus{background-color:color-mix(in srgb,var(--part-green) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-green) 45%,var(--part-surface));color:var(--part-green)}body.dark .chart-update-prompt .chorus,body.dark .chart-update-prompt .refrain,body.dark .chart-update-prompt .tag,body.dark .repeat-spread-prompt .chorus,body.dark .repeat-spread-prompt .refrain,body.dark .repeat-spread-prompt .tag{background-color:color-mix(in srgb,var(--part-purple) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-purple) 45%,var(--part-surface));color:var(--part-purple)}body.dark .chart-update-prompt .bridge,body.dark .repeat-spread-prompt .bridge{background-color:color-mix(in srgb,var(--part-yellow) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-yellow) 45%,var(--part-surface));color:var(--part-yellow)}body.dark .chart-update-prompt .note,body.dark .repeat-spread-prompt .note{background-color:color-mix(in srgb,var(--part-pink) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-pink) 45%,var(--part-surface));color:var(--part-pink)}body.dark .chart-update-prompt .hidden-note,body.dark .repeat-spread-prompt .hidden-note{background-color:color-mix(in srgb,var(--part-orange) 16%,var(--part-surface));border-color:color-mix(in srgb,var(--part-orange) 45%,var(--part-surface));color:var(--part-orange)}.ServiceSongs{background:var(--surface);border-radius:20px;list-style:none;margin:0;overflow:hidden;padding:0}.ServiceSongs .song{align-items:center;background:inherit;border-top:1px solid var(--surface-line);display:flex;gap:12px;min-height:64px;padding:10px 6px 10px 12px;-webkit-user-select:none;user-select:none}.ServiceSongs .song:first-child{border-top:0}.ServiceSongs .song.sortable-ghost{background:color-mix(in srgb,var(--primary-color) 10%,#0000)}.ServiceSongs .song .category{--category-color:var(--category-praise);background:color-mix(in srgb,var(--category-color) 14%,var(--gray0));border-radius:50%;color:var(--category-color);cursor:grab;display:grid;flex:none;height:40px;place-items:center;width:40px}.ServiceSongs .song .category.worship{--category-color:var(--category-worship)}.ServiceSongs .song .category.new{--category-color:var(--new-song-color)}.ServiceSongs .song .category .icon{display:flex;margin:0}.ServiceSongs .song .category .icon svg{stroke:currentColor;width:20px}body.dark .ServiceSongs .song .category{background:color-mix(in srgb,var(--category-color) 22%,var(--gray8))}.ServiceSongs .song .info{flex:1 1;line-height:1.25;min-width:0}.ServiceSongs .song .info .title{font-weight:600;margin:0}.ServiceSongs .song .info .artist{color:var(--gray6);font-size:.85rem;font-weight:400}body.dark .ServiceSongs .song .info .artist{color:var(--gray4)}.ServiceSongs .song .meta{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex:none;flex-direction:column;justify-content:center;line-height:1.15;min-width:52px;padding:4px 10px}.ServiceSongs .song .meta .key{font-size:1rem;font-weight:700}.ServiceSongs .song .meta .bpm{font-size:.75rem;font-weight:600;opacity:.75}body.dark .ServiceSongs .song .meta{background:color-mix(in srgb,var(--primary-color) 18%,#0000)}.ServiceSongs .song .remove{-webkit-tap-highlight-color:rgba(0,0,0,0);background:#0000;border:0;border-radius:50%;color:var(--gray5);cursor:pointer;display:grid;flex:none;height:36px;padding:0;place-items:center;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:36px}.ServiceSongs .song .remove:active:not(:disabled){transform:scale(.9)}.ServiceSongs .song .remove:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.ServiceSongs .song .remove .icon{display:flex;margin:0}.ServiceSongs .song .remove .icon svg{stroke:currentColor;width:20px}.ServiceActions{display:flex;gap:.5rem}.ServiceActions .service-actions-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:1rem;border-radius:50%;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:600;height:2rem;height:2.25rem;justify-content:center;min-width:2rem;padding:0;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:2.25rem}.ServiceActions .service-actions-btn:active:not(:disabled):not(.disabled){transform:scale(.95)}body.dark .ServiceActions .service-actions-btn{background:var(--gray7);color:var(--gray3)}.ServiceActions .service-actions-btn .icon svg{stroke:currentColor}.ServiceActions .service-actions-btn .icon{display:flex;margin:0}.ServiceActions .service-actions-btn .icon svg{height:22px;width:22px}.ServiceActions .service-actions-btn:disabled{cursor:not-allowed;opacity:.5}.ServiceActions .service-actions-btn.danger{background:color-mix(in srgb,var(--red-color) 12%,var(--gray0));color:var(--red-color)}body.dark .ServiceActions .service-actions-btn.danger{background:color-mix(in srgb,var(--red-color-lighter) 18%,var(--gray8));color:var(--red-color-lighter)}.service-form .mg-form-control{background-color:var(--surface);border-color:#0000;border-radius:14px}.service-form .mg-form-control:focus{background-color:var(--surface);border-color:var(--primary-color-lighter);box-shadow:0 0 0 3px var(--focus-ring-form)}.service-form .mg-form-control:disabled,.service-form .mg-form-control[readonly]{background-color:var(--surface-line)}.service-form .song-title-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.service-form .song-title-container:has(+.no-content){margin-bottom:10px}@media screen and (max-width:575px){.service-form .song-title-container:has(+.no-content){margin-bottom:0}}.service-form .song-title-container .section-header{margin:0}.service-form .header-info{margin-bottom:20px}.service-form .title{margin-bottom:1.5rem}@media only screen and (max-width:991px){.service-form .title{margin-bottom:1rem}}.service-form__right{padding-left:2rem}@media only screen and (max-width:991px){.service-form__right{padding-left:0}}@media only screen and (min-width:992px){.service-form__info-col{align-self:flex-start;position:sticky;top:86px}.service-form__right,.service-form__songs{background:var(--surface);border:1px solid #0000;border-radius:24px;padding:1rem}body.light .service-form__right,body.light .service-form__songs{--primary-color-pastel:var(--surface-pastel)}body.dark .service-form__right,body.dark .service-form__songs{border-color:var(--gray7)}.service-form__songs .ServiceSongs{background:var(--gray0)}body.dark .service-form__songs .ServiceSongs{background:var(--gray9)}.service-form__right .mg-form-control,.service-form__right .mg-form-control:focus{background-color:var(--gray0)}}.service-form__song-count{background:var(--primary-color-pastel);border-radius:.8rem;color:var(--primary-color);display:inline-grid;font-size:.85rem;font-weight:700;height:1.6rem;margin-left:.35rem;min-width:1.6rem;padding:0 .5rem;place-items:center;vertical-align:.15em}body.dark .service-form__song-count{background:var(--gray7);color:var(--gray3)}.service-form .date{display:none}.service-form .mg-form-row .title{margin-bottom:.8rem}.service-form .badge-pill{font-size:1rem}.react-calendar{--calendar-muted:color-mix(in srgb,var(--gray4-1) 75%,#000);--calendar-fill-text:var(--gray0);border:none;border-radius:20px;font-family:inherit;font-size:.8rem;margin:auto auto .5rem;overflow:hidden;padding:6px;width:100%}body.light.color-theme .react-calendar{background-color:color-mix(in srgb,var(--vt-accent) 10%,#fff)}body.light.color-theme .react-calendar__navigation button:disabled,body.light.color-theme .react-calendar__tile:disabled{background-color:color-mix(in srgb,var(--vt-accent) 10%,#f0f0f0)}.react-calendar__month-view__days .react-calendar__tile:disabled,.react-calendar__navigation button:disabled{color:var(--calendar-muted)}body.light.color-theme .react-calendar__navigation button:enabled:focus,body.light.color-theme .react-calendar__navigation button:enabled:hover{background-color:color-mix(in srgb,var(--vt-accent) 10%,#e6e6e6)}@media only screen and (min-width:992px){.react-calendar{font-size:.7rem}}.react-calendar__tile{margin:.3rem 0!important}.react-calendar__tile:hover{background-color:#0000!important}.react-calendar__tile:disabled:not(.react-calendar__tile--active):hover{background-color:#f0f0f0!important}body.light.color-theme .react-calendar__tile:disabled:not(.react-calendar__tile--active):hover{background-color:color-mix(in srgb,var(--vt-accent) 10%,#f0f0f0)!important}body.dark .react-calendar__tile:disabled:not(.react-calendar__tile--active):hover{background-color:var(--gray8)!important}.react-calendar__month-view__days>.react-calendar__tile:disabled:nth-child(7n+1){border-bottom-left-radius:25px;border-top-left-radius:25px}.react-calendar__month-view__days>.react-calendar__tile:disabled:nth-child(7n){border-bottom-right-radius:25px;border-top-right-radius:25px}.react-calendar__navigation{gap:6px}.react-calendar__navigation button{border-radius:14px}.react-calendar__tile--now{background-color:var(--primary-color);border-bottom-right-radius:25px;border-top-right-radius:25px;color:var(--calendar-fill-text)!important}.react-calendar__tile--now:hover{background-color:var(--primary-color)!important;color:var(--calendar-fill-text)}.react-calendar__tile--active{background-color:var(--accent-secondary);border-radius:25px;color:var(--calendar-fill-text)!important}.react-calendar__tile--active:disabled,.react-calendar__tile--active:focus,.react-calendar__tile--active:hover{background-color:var(--accent-secondary)!important}.react-calendar__tile--now.react-calendar__tile--active{background-color:var(--accent-secondary);border-bottom-left-radius:0;border-bottom-right-radius:25px;border-top-left-radius:0;border-top-right-radius:25px;color:var(--calendar-fill-text)!important}.react-calendar__month-view__days__day--weekend{color:var(--primary-color)}body.dark .react-calendar{--calendar-fill-text:var(--gray10);--calendar-muted:color-mix(in srgb,var(--gray4-1) 75%,#fff);background:inherit}body.dark .react-calendar__navigation button{background-color:#0000;color:var(--gray3)}body.dark .react-calendar__navigation button:enabled:focus,body.dark .react-calendar__navigation button:enabled:hover{background-color:var(--gray7);color:var(--gray3)}body.dark .react-calendar__navigation button[disabled]{background-color:#0000!important;color:var(--calendar-muted)!important}body.dark .react-calendar__month-view__days__day{color:var(--gray0)}body.dark .react-calendar__century-view__decades__decade,body.dark .react-calendar__decade-view__years__year,body.dark .react-calendar__year-view__months__month{color:var(--gray3)}body.dark .react-calendar__tile:disabled{background-color:var(--gray8)}body.dark .react-calendar__month-view__days__day--neighboringMonth{color:var(--calendar-muted)}body.dark .react-calendar__tile:enabled:focus,body.dark .react-calendar__tile:enabled:hover{background-color:var(--gray7)}body.dark .react-calendar__tile--hasActive,body.dark .react-calendar__tile--hasActive:enabled:focus,body.dark .react-calendar__tile--hasActive:enabled:hover{background:var(--primary-color)}body.dark .react-calendar__month-view__days__day--weekend{color:var(--primary-color)}.PublicSongsResult .songs{background:var(--surface);border:1px solid #0000;border-radius:24px;list-style:none;margin:10px 0 0;overflow:hidden;padding:0}body.light .PublicSongsResult .songs{--primary-color-pastel:var(--surface-pastel)}body.dark .PublicSongsResult .songs{border-color:var(--gray7)}.PublicSongsResult .song{align-items:center;border-top:1px solid var(--surface-line);display:flex;gap:12px;padding:11px 10px 11px 18px}.PublicSongsResult .song:first-child{border-top:0}.PublicSongsResult .song .info{flex:1 1;min-width:0}.PublicSongsResult .song .artist,.PublicSongsResult .song .title{margin:0}body.dark .PublicSongsResult .song .title a{color:var(--primary-color-dark-mode-text)}.PublicSongsResult .song .artist{font-size:.9em}.PublicSongsResult .song .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.PublicSongsResult .song .chip{align-items:center;background:var(--surface-line);border-radius:12px;color:var(--gray6);display:inline-flex;font-size:.8rem;gap:4px;padding:2px 9px}body.dark .PublicSongsResult .song .chip{background:var(--gray7);color:var(--gray4)}.PublicSongsResult .song .chip .icon svg{stroke:currentColor;width:14px}.PublicSongsResult .song .add{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--primary-color-pastel);border:0;border-radius:21px;color:var(--primary-color);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-weight:600;gap:6px;height:42px;padding:0 16px 0 12px;position:relative;transition:transform .12s ease,background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.PublicSongsResult .song .add:active:not(:disabled){transform:scale(.95)}.PublicSongsResult .song .add:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark .PublicSongsResult .song .add{background:var(--gray7)}.PublicSongsResult .song .add .icon{display:flex}.PublicSongsResult .song .add .icon svg{stroke:currentColor;height:20px;width:20px}.PublicSongsResult .song .add .label{align-items:center;display:inline-flex;gap:6px}.PublicSongsResult .song .add .is-hidden{visibility:hidden}.PublicSongsResult .song .add .adding-dots{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media(max-width:991.98px){.PublicSongs{--mg-container-padding-x:10px}}.PublicSongs .content{margin-bottom:3rem}.PublicSongs .no-content-loader{margin-top:1.5rem;text-align:center}.PublicSongs .not-found{margin-top:2rem;text-align:center}.PublicSongs .not-found .icon svg{width:32px}.BillingForm{display:flex;flex-direction:column;gap:.25rem}.BillingForm .row{display:flex;gap:.75rem}.BillingForm .col{flex:1 1;min-width:0}.Subscribe{padding-bottom:3rem;padding-top:2rem}.Subscribe .Subscribe-card{background:var(--surface);border:1px solid #0000;border-radius:24px;margin:0 auto;max-width:480px;padding:1.75rem}body.light .Subscribe .Subscribe-card{--primary-color-pastel:var(--surface-pastel)}body.dark .Subscribe .Subscribe-card{border-color:var(--gray7)}.Subscribe .Subscribe-header{margin-bottom:1.5rem;text-align:center}.Subscribe .Subscribe-header h2{color:var(--gray10);margin:0 0 .5rem}body.dark .Subscribe .Subscribe-header h2{color:var(--gray0)}.Subscribe .Subscribe-header .lead{text-wrap:pretty;color:var(--gray7);font-size:.95rem;margin:0}body.dark .Subscribe .Subscribe-header .lead{color:var(--gray3)}.Subscribe .Subscribe-header .lead strong{color:var(--primary-color)}body.dark .Subscribe .Subscribe-header .lead strong{color:var(--primary-color-lighter)}.Subscribe .Subscribe-footer{color:var(--gray6);font-size:.8rem;margin-top:1rem;text-align:center}body.dark .Subscribe .Subscribe-footer{color:var(--gray4)}.welcome-modal-container .header{display:none}.welcome-modal-container .content{z-index:2}.welcome-modal-container .backdrop,.welcome-modal-container .content,.welcome-modal-container .fireworks-wrapper{transition:opacity .5s ease-out}.welcome-modal-container.closing .backdrop,.welcome-modal-container.closing .content,.welcome-modal-container.closing .fireworks-wrapper{opacity:0}.welcome-modal-container .fireworks-wrapper{inset:0;pointer-events:none;position:fixed;z-index:1}.WelcomeModal{text-align:center}.WelcomeModal .greeting{color:var(--bg-text);font-size:1.75rem;font-weight:600;margin-bottom:.75rem}.WelcomeModal .welcome-text{color:var(--bg-text);font-size:1.1rem;margin-bottom:.25rem}.WelcomeModal .member-count{color:var(--primary-color);font-size:1.1rem;font-weight:500;margin-bottom:1rem}.WelcomeModal .team-members-section .team-members-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:.4rem;overflow-x:auto;padding:.25rem 0}.WelcomeModal .team-members-section .team-member-chip{background:var(--primary-color);border-radius:999px;color:#fff;flex-shrink:0;font-size:.95rem;font-weight:500;padding:.25rem .75rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.WelcomeModal .tips-section{margin-top:1.5rem;text-align:left}.WelcomeModal .tips-section .tips-title{color:var(--bg-text);font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:center}.WelcomeModal .tips-section .tips-list{background:var(--gray0);border-radius:16px;list-style:none;margin:0;overflow:hidden;padding:0}.WelcomeModal .tips-section .tips-list li{color:var(--bg-text);font-size:.95rem;line-height:1.45;padding:.7rem 1rem}.WelcomeModal .tips-section .tips-list li:not(:last-child){border-bottom:1px solid var(--surface-line)}.WhatsNewModal{text-align:center}.WhatsNewModal .greeting{color:var(--bg-text);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.WhatsNewModal .intro{color:var(--bg-text);font-size:1rem;margin-bottom:1.25rem}.WhatsNewModal .intro .version-badge{background:var(--primary-color);border-radius:999px;color:#fff;display:inline-block;margin-left:.15rem;padding:.05rem .5rem;white-space:nowrap}body.dark .WhatsNewModal .intro .version-badge{color:var(--gray10)}.WhatsNewModal .release-title{color:var(--bg-text);font-size:1rem;font-weight:600;margin-bottom:.6rem;text-align:left}.WhatsNewModal .changes{background:var(--surface);border-radius:16px;list-style:none;margin:0;overflow:hidden;padding:0;text-align:left}body.dark .WhatsNewModal .changes{background:var(--gray8)}.WhatsNewModal .changes li{color:var(--bg-text);font-size:.95rem;line-height:1.45;padding:.7rem 1rem .7rem 2rem;position:relative}.WhatsNewModal .changes li:before{background:var(--primary-color);border-radius:50%;content:"";height:6px;left:1rem;position:absolute;top:calc(.7rem + .725em - 3px);width:6px}.WhatsNewModal .changes li:not(:last-child){border-bottom:1px solid var(--surface-line)}body.dark .WhatsNewModal .changes li:not(:last-child){border-color:var(--gray7)}.PullToRefresh{align-items:center;background:var(--gray0);border:1px solid var(--gray2-1);border-radius:50%;box-shadow:0 2px 8px #0000001f;color:var(--primary-color);display:flex;height:40px;justify-content:center;left:50%;pointer-events:none;position:fixed;top:env(safe-area-inset-top,0);-webkit-user-select:none;user-select:none;width:40px;z-index:1000}body.dark .PullToRefresh{background:var(--gray8);border-color:var(--gray7);box-shadow:0 2px 8px #00000080}.PullToRefresh .arrow{stroke:currentColor;height:20px;transition:transform var(--mg-close-duration) ease;width:20px}.PullToRefresh.armed .arrow{transform:rotate(180deg)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-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 Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--mg-container-max-width:1320px;--mg-container-padding-x:15px;--mg-grid-gutter:20px;--mg-grid-row-gap:0;--mg-form-row-gutter:8px;--mg-open-duration:200ms;--mg-close-duration:140ms;--mg-open-ease:cubic-bezier(0.2,0.8,0.2,1);--primary-color:#2d76e4;--primary-color-lighter:#5791e9;--primary-color-dark-mode-text:#689ceb;--primary-color-pastel:#def7fd;--secondary-color:#a541ff;--secondary-color-lighter:#b767ff;--secondary-color-pastel:#ebdefd;--secondary-color-muted:var(--secondary-color);--red-color:#d81d26;--red-color-lighter:#dd4a52;--accent-secondary:color-mix(in srgb,var(--secondary-color) 90%,#000);--accent-secondary-darker:color-mix(in srgb,var(--secondary-color) 75%,#000);--accent-tertiary:var(--red-color);--danger-color:#dc3545;--badge-red:#ef4444d9;--badge-yellow:#fb923cd9;--badge-green:#22c55ed9;--shadow-color:#f8f9fa;--text-primary:#242424;--text-disabled:#9e9e9e;--gray0:#fff;--gray1:#f8f8f8;--gray1-opacity:#f8f8f89b;--gray2:#f1f1f1;--gray2-1:#d5d5d5;--gray3:#bebebe;--gray4:#aaa;--gray4-1:#858585;--gray5:#868686;--gray6:#333;--gray7:#292929;--gray8:#222;--gray9:#1b1b1b;--gray9-1:#181818;--gray10:#141414;--new-song-color:#10b981;--new-song-color-pastel:#d1fae5;--new-song-text:#fff;--category-praise:#2d76e4;--category-praise-pastel:#def7fd;--category-worship:#a541ff;--category-worship-pastel:#ebdefd;--draft-color:#d87093;--draft-text:#fff;--hidden-color:#d9822b;--hidden-badge-bg:var(--part-orange-pastel);--hidden-badge-border:color-mix(in srgb,var(--part-orange-pastel) 70%,#000);--hidden-text:color-mix(in srgb,var(--hidden-color) 35%,var(--gray10));--note-text:#6b6b6b;--part-orange-pastel:#ffe0b2;--part-red:#c9524b;--part-blue:#2f6fbf;--part-green:#1c9c56;--part-purple:#7b3fd4;--part-yellow:#96700a;--part-pink:#c2558f;--part-orange:#b8651a;--tag-surface:var(--gray0);--surface:#f3f4f6;--surface-line:#e5e7eb;--surface-pastel:color-mix(in srgb,var(--primary-color) 18%,#fff);--tag-blue:#2d76e4;--tag-amber:#ab8f06;--tag-green:#1c9c56;--tag-purple:#a541ff;--tag-teal:#0d9488;--tag-red:#c62a35;--tag-orange:var(--hidden-color);--tag-pink:var(--draft-color);--tag-neutral:var(--gray4-1);--btn-secondary-bg:var(--primary-color);--btn-secondary-text:#fff;--btn-danger-bg:var(--danger-color);--btn-danger-text:#fff;--focus-ring:#2d76e440;--focus-ring-form:#2d76e426;--focus-ring-soft:#2d76e41a}.light{--bg:var(--gray0);--bg-text:var(--gray10)}body.dark{--primary-color:var(--primary-color-lighter);--secondary-color:var(--secondary-color-lighter);--secondary-color-muted:#b38cd9;--accent-secondary:var(--secondary-color);--accent-tertiary:var(--red-color-lighter);--badge-red:#f87171e6;--badge-yellow:#fdba74e6;--badge-green:#4ade80e6;--new-song-color:#86d9a5;--new-song-text:#1a1a1a;--category-praise:#5791e9;--category-worship:#b767ff;--draft-color:#f098b9;--draft-text:#1a1a1a;--hidden-color:var(--part-orange);--hidden-badge-bg:var(--hidden-color);--hidden-badge-border:#0000;--hidden-text:#1a1a1a;--note-text:var(--gray5);--bg:var(--gray10);--bg-text:var(--gray3);--btn-secondary-bg:var(--primary-color);--btn-secondary-text:var(--gray10);--btn-danger-bg:var(--red-color-lighter);--btn-danger-text:var(--gray10);--part-red:#e87b75;--part-blue:#74a9e8;--part-green:#63bd80;--part-purple:#b793e6;--part-yellow:#d7bd5b;--part-pink:#e88bc0;--part-orange:#db924f;--tag-surface:var(--gray10);--surface:var(--gray8);--surface-line:var(--gray7);--tag-blue:var(--part-blue);--tag-amber:var(--part-yellow);--tag-green:var(--part-green);--tag-purple:var(--part-purple);--tag-teal:#5fc4b8;--tag-red:#ea6b64;--tag-orange:var(--hidden-color);--tag-neutral:var(--gray4)}.color-theme--rose,body.color-theme--rose{--vt-accent:#b5305f;--vt-accent-2:#0d7a6d;--vt-accent-3:#8a6300}body.dark .color-theme--rose,body.dark.color-theme--rose{--vt-accent:#eb6c97;--vt-accent-2:#3fb8a5;--vt-accent-3:#d3a12b}.color-theme--ember,body.color-theme--ember{--vt-accent:#b23a2b;--vt-accent-2:#0f6f8c;--vt-accent-3:#9c3b8f}body.dark .color-theme--ember,body.dark.color-theme--ember{--vt-accent:#eb735c;--vt-accent-2:#46aecb;--vt-accent-3:#d97bce}.color-theme--gold,body.color-theme--gold{--vt-accent:#896609;--vt-accent-2:#6b46c1;--vt-accent-3:#b3295a}body.dark .color-theme--gold,body.dark.color-theme--gold{--vt-accent:#b99224;--vt-accent-2:#a98cf0;--vt-accent-3:#ef7aa4}.color-theme--moss,body.color-theme--moss{--vt-accent:#2f7a3d;--vt-accent-2:#8e3d9e;--vt-accent-3:#b23a2b}body.dark .color-theme--moss,body.dark.color-theme--moss{--vt-accent:#48aa59;--vt-accent-2:#c47fd6;--vt-accent-3:#ec7a63}.color-theme--teal,body.color-theme--teal{--vt-accent:#0f7971;--vt-accent-2:#6a45c4;--vt-accent-3:#b23a2b}body.dark .color-theme--teal,body.dark.color-theme--teal{--vt-accent:#38a79b;--vt-accent-2:#a68bee;--vt-accent-3:#ec7a63}.color-theme--ocean,body.color-theme--ocean{--vt-accent:#1b6cc0;--vt-accent-2:#a5339b;--vt-accent-3:#8a6305}body.dark .color-theme--ocean,body.dark.color-theme--ocean{--vt-accent:#509be7;--vt-accent-2:#dc7fd2;--vt-accent-3:#d1a02f}.color-theme--indigo,body.color-theme--indigo{--vt-accent:#4a4fc4;--vt-accent-2:#0f7a63;--vt-accent-3:#bd2f45}body.dark .color-theme--indigo,body.dark.color-theme--indigo{--vt-accent:#8990ed;--vt-accent-2:#3cb392;--vt-accent-3:#f0808f}.color-theme--violet,body.color-theme--violet{--vt-accent:#7b3fd4;--vt-accent-2:#2f7a4e;--vt-accent-3:#b8452a}body.dark .color-theme--violet,body.dark.color-theme--violet{--vt-accent:#af82ec;--vt-accent-2:#56b57f;--vt-accent-3:#ee8a6b}.color-theme--plum,body.color-theme--plum{--vt-accent:#9c3ba0;--vt-accent-2:#2c7a55;--vt-accent-3:#8a6205}body.dark .color-theme--plum,body.dark.color-theme--plum{--vt-accent:#d373d7;--vt-accent-2:#52b585;--vt-accent-3:#d1a02f}.color-theme--slate,body.color-theme--slate{--vt-accent:#4a5b6e;--vt-accent-2:#8e3d9e;--vt-accent-3:#b8392d}body.dark .color-theme--slate,body.dark.color-theme--slate{--vt-accent:#809bb5;--vt-accent-2:#c47fd6;--vt-accent-3:#ec8272}.color-theme,body.color-theme{--gray0:color-mix(in srgb,var(--vt-accent) 10%,#fff);--gray1:color-mix(in srgb,var(--vt-accent) 13%,#f8f8f8);--gray1-opacity:color-mix(in srgb,var(--vt-accent) 13%,#f8f8f89b);--gray2:color-mix(in srgb,var(--vt-accent) 16%,#f1f1f1);--gray2-1:color-mix(in srgb,var(--vt-accent) 22%,#d5d5d5);--bg:var(--gray0);--surface:color-mix(in srgb,var(--vt-accent) 14%,#f3f4f6);--surface-line:color-mix(in srgb,var(--vt-accent) 20%,#e5e7eb);--surface-pastel:color-mix(in srgb,var(--vt-accent) 30%,#fff);--bg-text:color-mix(in srgb,var(--vt-accent) 12%,#141414);--primary-color:var(--vt-accent);--primary-color-lighter:var(--vt-accent);--primary-color-dark-mode-text:var(--vt-accent);--primary-color-pastel:color-mix(in srgb,var(--vt-accent) 22%,#fff);--primary-color-darker:color-mix(in srgb,var(--vt-accent) 75%,#000);--accent-secondary:var(--vt-accent-2);--accent-secondary-darker:color-mix(in srgb,var(--vt-accent-2) 75%,#000);--accent-tertiary:var(--vt-accent-3);--focus-ring:color-mix(in srgb,var(--vt-accent) 25%,#0000);--focus-ring-form:color-mix(in srgb,var(--vt-accent) 15%,#0000);--focus-ring-soft:color-mix(in srgb,var(--vt-accent) 10%,#0000);--part-surface:var(--gray0)}body.dark .color-theme,body.dark.color-theme{--gray7:color-mix(in srgb,var(--vt-accent) 15%,#292929);--gray8:color-mix(in srgb,var(--vt-accent) 14%,#222);--gray9:color-mix(in srgb,var(--vt-accent) 13%,#1b1b1b);--gray9-1:color-mix(in srgb,var(--vt-accent) 13%,#181818);--gray10:color-mix(in srgb,var(--vt-accent) 12%,#141414);--bg:var(--gray10);--surface:var(--gray8);--surface-line:var(--gray7);--bg-text:color-mix(in srgb,var(--vt-accent) 18%,#d8d8d8);--primary-color:var(--vt-accent);--primary-color-lighter:var(--vt-accent);--primary-color-dark-mode-text:var(--vt-accent);--primary-color-pastel:color-mix(in srgb,var(--vt-accent) 22%,#141414);--part-surface:var(--gray10)}body.dark .badge-primary{background-color:#2d76e4}body.dark input[type=number]::-webkit-inner-spin-button,body.dark input[type=number]::-webkit-outer-spin-button{filter:invert(1);opacity:1}.section-header{font-size:20px;font-weight:600}.no-new-teams{background-color:color-mix(in srgb,#d9822b 14%,#f3f4f6);background-color:color-mix(in srgb,var(--hidden-color) 14%,var(--surface));border:1px solid color-mix(in srgb,#d9822b 30%,#f3f4f6);border:1px solid color-mix(in srgb,var(--hidden-color) 30%,var(--surface));border-radius:20px;font-size:.9rem;margin-bottom:20px;padding:12px 14px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--bg-text);font-family:Jost,sans-serif;font-size:1rem;font-weight:500;line-height:1.5;margin:0}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem;margin-top:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}dl,ol,p,ul{margin-bottom:1rem;margin-top:0}figure{margin:0 0 1rem}img,svg{vertical-align:middle}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}button{cursor:pointer}button:focus{outline:none}table{border-collapse:collapse}a{background-color:#0000;color:#2d76e4;color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}ul{list-style-type:none;padding:0}.bold{font-weight:700}.horizontal-menu{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:auto;white-space:nowrap}.horizontal-menu::-webkit-scrollbar{display:none}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky{position:sticky;top:0}.bg-color{background-color:#2d76e4;background-color:var(--primary-color)}.text-color,.text-color:hover{color:#2d76e4;color:var(--primary-color)}.icon svg{stroke:#2d76e4;stroke:var(--primary-color);width:20px}.icon.solid svg{fill:#2d76e4;fill:var(--primary-color);stroke:#0000}.icon.options-icon svg,.icon.play-icon svg{width:36px}.icon.back-to-top-icon svg,.icon.next-song-icon svg,.icon.previous-song-icon svg{stroke:#0000;width:48px}.icon.page-up-icon svg{fill:#0000;stroke:#2d76e4;stroke:var(--primary-color)}.max-width{width:100%}.clickable{cursor:pointer}.clickable-link{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .2s ease}.no-action{cursor:default;opacity:.5}.auth-page{align-items:center;background-attachment:local;background-image:linear-gradient(90deg,#ffffffe0,#ffffffe0),url(/static/media/bg.5c6936348616c93ab225.svg);background-position:50%;background-repeat:repeat;display:flex;margin-top:0;min-height:100vh;min-height:100dvh}body.dark .auth-page{background-image:linear-gradient(90deg,#141414eb,#141414eb),url(/static/media/bg.5c6936348616c93ab225.svg)}@media(min-width:576px){:root{--mg-container-padding-x:20px}}.mg-container{margin-left:auto;margin-right:auto;max-width:1320px;max-width:var(--mg-container-max-width);padding-left:15px;padding-left:var(--mg-container-padding-x);padding-right:15px;padding-right:var(--mg-container-padding-x);width:100%}.mg-form-row,.mg-row{grid-column-gap:20px;grid-column-gap:var(--mg-grid-gutter);grid-row-gap:0;grid-row-gap:var(--mg-grid-row-gap);column-gap:20px;column-gap:var(--mg-grid-gutter);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:0;row-gap:var(--mg-grid-row-gap)}.mg-form-row{column-gap:8px;column-gap:var(--mg-form-row-gutter);row-gap:8px;row-gap:var(--mg-form-row-gutter)}.mg-col,.mg-form-row>:not([class*=mg-col]),.mg-row>:not([class*=mg-col]){grid-column:1/-1}.mg-col-1{grid-column:span 1}.mg-col-2{grid-column:span 2}.mg-col-3{grid-column:span 3}.mg-col-4{grid-column:span 4}.mg-col-5{grid-column:span 5}.mg-col-6{grid-column:span 6}.mg-col-7{grid-column:span 7}.mg-col-8{grid-column:span 8}.mg-col-9{grid-column:span 9}.mg-col-10{grid-column:span 10}.mg-col-11{grid-column:span 11}.mg-col-12{grid-column:span 12}.mg-col-lg-1,.mg-col-lg-10,.mg-col-lg-11,.mg-col-lg-12,.mg-col-lg-2,.mg-col-lg-3,.mg-col-lg-4,.mg-col-lg-5,.mg-col-lg-6,.mg-col-lg-7,.mg-col-lg-8,.mg-col-lg-9,.mg-col-md-1,.mg-col-md-10,.mg-col-md-11,.mg-col-md-12,.mg-col-md-2,.mg-col-md-3,.mg-col-md-4,.mg-col-md-5,.mg-col-md-6,.mg-col-md-7,.mg-col-md-8,.mg-col-md-9{grid-column:1/-1}@media(min-width:768px){.mg-col-md-1{grid-column:span 1}.mg-col-md-2{grid-column:span 2}.mg-col-md-3{grid-column:span 3}.mg-col-md-4{grid-column:span 4}.mg-col-md-5{grid-column:span 5}.mg-col-md-6{grid-column:span 6}.mg-col-md-7{grid-column:span 7}.mg-col-md-8{grid-column:span 8}.mg-col-md-9{grid-column:span 9}.mg-col-md-10{grid-column:span 10}.mg-col-md-11{grid-column:span 11}.mg-col-md-12{grid-column:span 12}}@media(min-width:992px){.mg-col-lg-1{grid-column:span 1}.mg-col-lg-2{grid-column:span 2}.mg-col-lg-3{grid-column:span 3}.mg-col-lg-4{grid-column:span 4}.mg-col-lg-5{grid-column:span 5}.mg-col-lg-6{grid-column:span 6}.mg-col-lg-7{grid-column:span 7}.mg-col-lg-8{grid-column:span 8}.mg-col-lg-9{grid-column:span 9}.mg-col-lg-10{grid-column:span 10}.mg-col-lg-11{grid-column:span 11}.mg-col-lg-12{grid-column:span 12}}.badge-primary{background-color:#2d76e4;background-color:var(--primary-color)}.list-group-item{background:inherit}.mg-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#0000;border:1px solid #0000;border-radius:max(30px,1.667em);cursor:pointer;display:inline-block;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;text-decoration:none;transition:transform .12s ease,background .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle}.mg-btn:active:not(:disabled):not(.disabled){transform:scale(.97)}.mg-btn:hover{text-decoration:none}.mg-btn:focus{box-shadow:0 0 0 .2rem #2d76e440;box-shadow:0 0 0 .2rem var(--focus-ring);outline:0}.mg-btn.disabled,.mg-btn:disabled{cursor:not-allowed;opacity:.65}.mg-btn--primary{background-color:#2d76e4;background-color:var(--primary-color);border-color:#2d76e4;border-color:var(--primary-color);color:#fff;font-weight:500}.mg-btn--primary.disabled,.mg-btn--primary:disabled,.mg-btn--primary:focus{color:#fff}.mg-btn--light{background-color:#f1f1f1;background-color:var(--gray2);border-color:#f1f1f1;border-color:var(--gray2);color:#141414;color:var(--gray10)}.mg-btn--light:focus{background-color:#d5d5d5;background-color:var(--gray2-1);border-color:#d5d5d5;border-color:var(--gray2-1);color:#141414;color:var(--gray10)}body.dark .mg-btn--light{background-color:#292929;background-color:var(--gray7);border-color:#292929;border-color:var(--gray7);color:#bebebe;color:var(--gray3)}body.dark .mg-btn--light:focus{background-color:#333;background-color:var(--gray6);border-color:#333;border-color:var(--gray6);color:#bebebe;color:var(--gray3)}.mg-btn--outline{background-color:#0000;color:#868686;color:var(--gray5)}.mg-btn--outline,.mg-btn--outline:focus{border-color:#868686;border-color:var(--gray5)}.mg-btn--outline:focus{background-color:#868686;background-color:var(--gray5);color:#fff}body.dark .mg-btn--outline{border-color:#aaa;border-color:var(--gray4);color:#bebebe;color:var(--gray3)}body.dark .mg-btn--outline:focus{background-color:#bebebe;background-color:var(--gray3);border-color:#bebebe;border-color:var(--gray3);color:#141414;color:var(--gray10)}.mg-btn--sm{font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.mg-btn--block{display:block;width:100%}.mg-form-group{margin-bottom:1rem}.mg-form-control{background-clip:padding-box;border:1px solid #d5d5d5;border:1px solid var(--gray2-1);border-radius:.25rem;display:block;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.mg-form-control,.mg-form-control:focus{background-color:#fff;background-color:var(--gray0);color:#242424;color:var(--text-primary)}.mg-form-control:focus{border-color:#5791e9;border-color:var(--primary-color-lighter);box-shadow:0 0 0 .2rem #2d76e440;box-shadow:0 0 0 .2rem var(--focus-ring);outline:0}.mg-form-control::placeholder{color:#aaa;color:var(--gray4);opacity:1}.mg-form-control[type=password]:not(:placeholder-shown){font-family:Verdana,sans-serif;letter-spacing:.1em}.mg-form-control:disabled,.mg-form-control[readonly]{background-color:#f1f1f1;background-color:var(--gray2);opacity:1}body.dark .mg-form-control{border-color:#292929;border-color:var(--gray7)}body.dark .mg-form-control,body.dark .mg-form-control:focus{background-color:#292929;background-color:var(--gray7);color:inherit}body.dark .mg-form-control:disabled,body.dark .mg-form-control[readonly]{background-color:#222;background-color:var(--gray8)}.mg-input-clear-wrapper{position:relative}.mg-input-clear-wrapper .mg-form-control{padding-right:34px}.mg-input-clear-wrapper .mg-input-clear-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;line-height:0;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:1}.mg-input-clear-wrapper .mg-input-clear-btn .icon svg{stroke:#2d76e4;stroke:var(--primary-color);fill:#0000;display:block;width:22px}body.dark .mg-input-clear-wrapper .mg-input-clear-btn .icon svg{stroke:#bebebe;stroke:var(--gray3)}@keyframes form-error-in{0%{margin-top:0;max-height:0;opacity:0}to{margin-top:.25rem;max-height:60px;opacity:1}}@keyframes form-error-out{0%{margin-top:.25rem;max-height:60px;opacity:1}to{margin-top:0;max-height:0;opacity:0}}.mg-form-text{color:#868686;color:var(--gray5);display:block;font-size:.875em;margin-top:.25rem}.mg-form-text--error{animation:form-error-in .25s ease-out;color:#dc3545;color:var(--danger-color);overflow:hidden}.mg-form-text--error.exiting{animation:form-error-out .25s ease-in forwards}body.dark .mg-form-text{color:#aaa;color:var(--gray4)}body.dark .mg-form-text.mg-form-text--error{color:#dd4a52;color:var(--red-color-lighter)}.mg-text-muted{color:#868686;color:var(--gray5)}body.dark .mg-text-muted{color:#aaa;color:var(--gray4)}.mg-text-center{text-align:center}.mg-text-right{text-align:right}.mg-d-block{display:block}.mg-d-flex{display:flex}.mg-align-items-center{align-items:center}.mg-mb-2{margin-bottom:.5rem}.mg-mb-3{margin-bottom:1rem}.mg-mb-4{margin-bottom:1.5rem}.mg-mt-2{margin-top:.5rem}.mg-mt-5{margin-top:3rem}.mg-custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;background:var(--gray0) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;border:1px solid #d5d5d5;border:1px solid var(--gray2-1);border-radius:.25rem;color:#242424;color:var(--text-primary);display:inline-block;font-family:inherit;font-size:1rem;font-weight:400;height:calc(1.5em + .75rem + 2px);line-height:1.5;padding:.375rem 1.75rem .375rem .75rem;vertical-align:middle;width:100%}.mg-custom-select:focus{border-color:#5791e9;border-color:var(--primary-color-lighter);box-shadow:0 0 0 .2rem #2d76e440;box-shadow:0 0 0 .2rem var(--focus-ring);outline:0}.mg-custom-select::-ms-expand{display:none}body.dark .mg-custom-select{background:#292929 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23C8C8C8' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;background:var(--gray7) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23C8C8C8' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;border-color:#292929;border-color:var(--gray7);color:inherit}.mg-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mg-dropdown{display:inline-block;position:relative}.mg-dropdown__trigger{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;padding:0}.mg-dropdown__trigger:focus{outline:none}.caret{transition:transform .2s cubic-bezier(.2,.8,.2,1);transition:transform var(--mg-open-duration) var(--mg-open-ease)}[aria-expanded=true] .caret{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){:root{--mg-open-duration:1ms;--mg-close-duration:1ms}}@keyframes mg-reveal{0%{opacity:0;transform:translateY(-6px) scale(.98)}}@keyframes mg-reveal-above{0%{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes mg-grow{0%{height:0;margin-top:0;margin-top:calc(var(--mg-reveal-gap, 0px)*-1)}}@keyframes mg-dismiss{to{opacity:0}}@keyframes mg-shrink{to{height:0;margin-top:0;margin-top:calc(var(--mg-reveal-gap, 0px)*-1)}}@keyframes mg-chord-fill{0%{clip-path:inset(0 100% 0 0 round 999px)}}.mg-dropdown__menu{animation:mg-reveal .2s cubic-bezier(.2,.8,.2,1) both;animation:mg-reveal var(--mg-open-duration) var(--mg-open-ease) both;background-color:#fff;background-color:var(--gray0);border-radius:10px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;gap:2px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);transform-origin:top center;z-index:1000}.mg-dropdown__menu--right{right:0}.mg-dropdown__menu--left{left:0}.mg-dropdown__menu--portal{position:fixed;z-index:1100}.mg-dropdown__menu--above{animation:mg-reveal-above .2s cubic-bezier(.2,.8,.2,1) both;animation:mg-reveal-above var(--mg-open-duration) var(--mg-open-ease) both;transform-origin:bottom center}.mg-dropdown__menu--closing{animation:mg-dismiss .14s cubic-bezier(.2,.8,.2,1) forwards;animation:mg-dismiss var(--mg-close-duration) var(--mg-open-ease) forwards;pointer-events:none}.mg-dropdown__menu--columns{align-content:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-columns:repeat(var(--mg-dropdown-columns,2),minmax(0,1fr))}body.dark .mg-dropdown__menu{background-color:#222;background-color:var(--gray8);box-shadow:0 2px 10px #00000038}.mg-dropdown__item{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:none;border:0;border-radius:6px;color:#2d76e4;color:var(--primary-color);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:400;gap:10px;line-height:1.5;padding:10px 14px;text-align:inherit;text-decoration:none;transition:background-color .15s ease;white-space:nowrap;width:100%}.mg-dropdown__item:focus,.mg-dropdown__item:focus-visible,.mg-dropdown__item:hover{background-color:#def7fd;background-color:var(--primary-color-pastel);outline:none;text-decoration:none}body.dark .mg-dropdown__item{color:#bebebe;color:var(--gray3)}body.dark .mg-dropdown__item:focus,body.dark .mg-dropdown__item:focus-visible,body.dark .mg-dropdown__item:hover{background-color:#292929;background-color:var(--gray7);color:#bebebe;color:var(--gray3)}.mg-dropdown__stack{align-items:flex-start;display:flex;flex-direction:column;line-height:1.3;min-width:0}.mg-dropdown__subtitle{font-size:.78rem;font-weight:400;opacity:.65}.mg-dropdown__shortcut{align-items:center;border:1px solid;border-radius:4px;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:600;height:16px;justify-content:center;width:16px}.mg-dropdown__divider{background:#f1f1f1;background:var(--gray2);flex:0 0 1px;height:1px;margin:4px 6px}body.dark .mg-dropdown__divider{background:#292929;background:var(--gray7)}.form-logo{display:block;height:48px;margin:auto auto 20px}.form-signup .form-logo{margin-bottom:10px}.form-signin .forgot-password{position:relative;top:-.8rem}@keyframes auth-form-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-reset,.form-reset-new,.form-signin,.form-signup{animation:auth-form-in .3s ease-out;background:#f3f4f6;background:var(--surface);border:1px solid #0000;border-radius:24px;margin:auto;max-width:360px;padding:28px 24px;width:100%}body.light .form-reset,body.light .form-reset-new,body.light .form-signin,body.light .form-signup{--primary-color-pastel:var(--surface-pastel)}body.dark .form-reset,body.dark .form-reset-new,body.dark .form-signin,body.dark .form-signup{border-color:#292929;border-color:var(--gray7)}.form-reset .mg-form-control,.form-reset-new .mg-form-control,.form-signin .mg-form-control,.form-signup .mg-form-control{border-color:#d5d5d5;border-color:var(--gray2-1);border-radius:999px;font-size:1rem;padding:.7rem 1.1rem}.form-reset .mg-form-control:focus,.form-reset-new .mg-form-control:focus,.form-signin .mg-form-control:focus,.form-signup .mg-form-control:focus{border-color:#5791e9;border-color:var(--primary-color-lighter);box-shadow:0 0 0 3px #2d76e426;box-shadow:0 0 0 3px var(--focus-ring-form)}@keyframes pw-req-in{0%{margin-bottom:0;max-height:0;opacity:0}to{margin-bottom:1rem;max-height:120px;opacity:1}}@keyframes pw-req-out{0%{margin-bottom:1rem;max-height:120px;opacity:1}to{margin-bottom:0;max-height:0;opacity:0}}.mg-password-requirements{animation:pw-req-in .25s ease-out;display:flex;flex-direction:column;gap:.3rem;list-style:none;margin:-.25rem 0 1rem;overflow:hidden;padding:0}.mg-password-requirements.exiting{animation:pw-req-out .25s ease-in forwards}.mg-password-requirements .req-item{align-items:center;color:#aaa;color:var(--gray4);display:flex;font-size:.78rem;gap:.4rem}.mg-password-requirements .req-item.met{color:#10b981;color:var(--new-song-color)}.mg-password-requirements .req-item .req-icon{align-items:center;display:flex;flex-shrink:0}.mg-password-requirements .req-item .req-icon svg{fill:currentColor;height:13px;width:13px}.rc-tooltip{background-color:#0000;opacity:1}.rc-tooltip .rc-tooltip-inner{background-color:#141414!important;background-color:var(--gray10)!important;border:none!important;border-radius:14px;color:#bebebe!important;color:var(--gray3)!important;padding:10px 14px}.rc-tooltip .lyrics-tooltip{white-space:pre-wrap}.rc-tooltip .chart-tooltip{--primary-color:var(--primary-color-lighter);width:min(360px,100vw - 48px)}body.color-theme--rose .rc-tooltip .chart-tooltip{--primary-color:#eb6c97}body.color-theme--ember .rc-tooltip .chart-tooltip{--primary-color:#eb735c}body.color-theme--gold .rc-tooltip .chart-tooltip{--primary-color:#b99224}body.color-theme--moss .rc-tooltip .chart-tooltip{--primary-color:#48aa59}body.color-theme--teal .rc-tooltip .chart-tooltip{--primary-color:#38a79b}body.color-theme--ocean .rc-tooltip .chart-tooltip{--primary-color:#509be7}body.color-theme--indigo .rc-tooltip .chart-tooltip{--primary-color:#8990ed}body.color-theme--violet .rc-tooltip .chart-tooltip{--primary-color:#af82ec}body.color-theme--plum .rc-tooltip .chart-tooltip{--primary-color:#d373d7}body.color-theme--slate .rc-tooltip .chart-tooltip{--primary-color:#809bb5}.rc-tooltip .chart-tooltip .ChordBarsChart{--cb-text:var(--gray0);--cb-dim:var(--gray3);--cb-surface:var(--gray8);--cb-surface-raised:var(--gray8);--cb-border:var(--gray6);--cb-border-soft:var(--gray7);margin-bottom:0}.rc-tooltip .chart-tooltip .ChordBarsChart:first-child{margin-top:0}.rc-tooltip .chart-tooltip .ChordBarsChart .fit{max-width:none}.rc-tooltip.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-arrow{border-top-color:#141414!important;border-top-color:var(--gray10)!important}.rc-tooltip.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{border-bottom-color:#141414!important;border-bottom-color:var(--gray10)!important}.rc-tooltip.rc-tooltip-placement-left .rc-tooltip-arrow{border-left-color:#141414!important;border-left-color:var(--gray10)!important}.rc-tooltip.rc-tooltip-placement-right .rc-tooltip-arrow{border-right-color:#141414!important;border-right-color:var(--gray10)!important}.drag-handle{cursor:grab}.Toastify__toast{border-radius:8px;font-family:inherit;font-weight:400}.Toastify__toast .Toastify__toast-body{color:inherit;margin:0;padding:0}body.light .Toastify__toast{box-shadow:0 2px 8px #0000001a}body.light .Toastify__close-button{transition:all .2s ease}body.dark .Toastify__toast{background-color:#222;background-color:var(--gray8);border:1px solid #292929;border:1px solid var(--gray7);color:#bebebe;color:var(--gray3)}body.dark .Toastify__toast--info{background-color:#222;background-color:var(--gray8);color:#689ceb;color:var(--primary-color-dark-mode-text)}body.dark .Toastify__toast--error{background-color:#222;background-color:var(--gray8);color:#dd4a52;color:var(--red-color-lighter)}body.dark .Toastify__progress-bar{background:linear-gradient(90deg,#2d76e4,#b767ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color-lighter))}body.dark .Toastify__progress-bar--error{background:#dd4a52;background:var(--red-color-lighter)}body.dark .Toastify__close-button{color:#aaa;color:var(--gray4);opacity:.7;transition:all .2s ease}body.dark .Toastify__close-button:hover{opacity:1}body.dark .Toastify__toast-icon{margin-right:12px}body.dark .Toastify__toast-icon--info svg{fill:#689ceb;fill:var(--primary-color-dark-mode-text)}body.dark .Toastify__toast-icon--error svg{fill:#dd4a52;fill:var(--red-color-lighter)}
/*# sourceMappingURL=main.c419e123.css.map*/