.song-card{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;display:flex;position:relative}.song-card>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.song-card{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;padding:.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.song-card:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(var(--palette-pink-500) / var(--tw-border-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.song-card:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.song-card:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-500) / var(--tw-border-opacity,1))}@media (min-width:640px){.song-card{padding:1rem}}.song-card__admin-tools{z-index:20;opacity:1;align-items:center;gap:.25rem;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.625rem;right:.625rem}@media (min-width:640px){.song-card__admin-tools{opacity:0}}.song-card__edit{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;font-size:10px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.song-card__edit:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.song-card__edit:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.song-card__edit:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.song-card__delete{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;font-size:10px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.song-card__delete:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.song-card__delete:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.song-card__delete:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1))}.song-card__clips{z-index:20;cursor:pointer;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0;background-color:#00000080;border-radius:.5rem;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:9px;font-weight:700;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.625rem;left:.625rem}.song-card__clips:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-600) / var(--tw-bg-opacity,1))}.song-card__cover-wrap{position:relative}.song-card__cover{aspect-ratio:1;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));-o-object-fit:cover;object-fit:cover;border-radius:.75rem;width:100%}.song-card__cover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.song-card__cover-empty{aspect-ratio:1;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1));border-radius:.75rem;justify-content:center;align-items:center;font-size:1.5rem;line-height:2rem;display:flex}.song-card__cover-empty:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1))}.song-card__in-playlist{background-color:rgb(var(--palette-violet-600) / .9);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.375rem;padding:.125rem .375rem;font-size:9px;font-weight:800;position:absolute;bottom:.375rem;left:.375rem}@media (min-width:640px){.song-card__in-playlist{font-size:10px}}.song-card__body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.song-card__tags{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;padding-right:3rem;display:flex}.song-card__tag-group{align-items:center;gap:.25rem;display:flex}.song-card__tag{border-width:1px;border-radius:.375rem;padding:.125rem .375rem;font-size:9px;font-weight:800}@media (min-width:640px){.song-card__tag{padding-left:.5rem;padding-right:.5rem;font-size:10px}}.song-card__tag--practice{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.song-card__tag--practice:is(.dark *){--tw-border-opacity:1;border-color:rgb(120 53 15/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1));background-color:#451a0380}.song-card__tag--song{--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-100) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1))}.song-card__tag--song:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-900) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-indigo-950) / .5);--tw-text-opacity:1;color:rgb(var(--palette-indigo-400) / var(--tw-text-opacity,1))}.song-card__sub-tag{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem;font-size:9px;font-weight:600}.song-card__sub-tag:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-card__sub-tag{font-size:10px}}.song-card__mastery{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-pink-100) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem;font-size:9px;font-weight:800}.song-card__mastery:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-900) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-pink-950) / .5);--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-card__mastery{font-size:10px}}.song-card__note{text-overflow:ellipsis;white-space:nowrap;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-rose-100) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;max-width:100%;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem;font-size:9px;font-weight:500;overflow:hidden}.song-card__note:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-rose-900) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-rose-950) / .5);--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-card__note{font-size:10px}}.song-card__text{padding-top:.125rem}.song-card__artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px;font-weight:500;overflow:hidden}.song-card__artist:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-card__artist{font-size:.75rem;line-height:1rem}}.song-card__submitter{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));font-size:10px;font-weight:700;overflow:hidden}.song-card__submitter:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}.song-card__title-row{justify-content:space-between;align-items:flex-start;gap:.25rem;padding-top:.125rem;display:flex}.song-card__title{-webkit-line-clamp:2;--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));-webkit-box-orient:vertical;font-size:.75rem;font-weight:800;line-height:1.375;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:-webkit-box;overflow:hidden}.song-card__title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-card__title{font-size:.875rem;line-height:1.25rem}}.song-card__play-hint{white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-pink-500) / var(--tw-text-opacity,1));opacity:.7;flex-shrink:0;margin-top:.125rem;font-size:10px;font-weight:700;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.song-card__play-hint{opacity:0;font-size:.75rem;line-height:1rem}.song-card:hover .song-card__admin-tools{opacity:1}}.song-card__request{z-index:20;cursor:pointer;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0;background-color:#00000080;border-radius:.5rem;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:9px;font-weight:700;text-decoration-line:none;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2rem;left:.625rem}.song-card__request:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-600) / var(--tw-bg-opacity,1))}.song-card:hover .song-card__clips,.song-card:hover .song-card__request,.song-card__request:focus-visible{opacity:1}.song-card:hover .song-card__title{--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1))}.song-card:hover .song-card__title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-card:hover .song-card__play-hint{opacity:1}}
.song-grid{width:100%}.song-grid__groups>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.song-grid__group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.song-grid__group-head{align-items:center;gap:.375rem;padding-left:.125rem;padding-right:.125rem;display:flex}.song-grid__group-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:800;line-height:1rem}.song-grid__group-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-grid__group-title{font-size:.875rem;line-height:1.25rem}}.song-grid__group-count{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px;font-weight:700}.song-grid__group-count:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.song-grid__grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;width:100%;display:grid}@media (min-width:480px){.song-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.song-grid__grid{gap:1rem}}@media (min-width:1024px){.song-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.song-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.song-grid__empty{width:100%}.song-grid__empty>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.song-grid__empty{--tw-border-opacity:1;border-style:dashed;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;border-radius:1.5rem;padding-top:4rem;padding-bottom:4rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.song-grid__empty:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.song-grid__empty-icon{font-size:1.875rem;line-height:2.25rem}.song-grid__empty-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem}.song-grid__empty-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.song-grid__empty-desc{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}.song-grid__empty-desc:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}
.song-player__yt{width:100%;height:100%;position:relative}.song-player__yt-iframe{border-width:0;width:100%;height:100%;position:absolute;inset:0}.song-player__yt-error{background-color:rgb(var(--palette-slate-950) / .95);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;position:absolute;inset:0}.song-player__yt-error-icon{font-size:1.875rem;line-height:2.25rem}.song-player__yt-error-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:.875rem;font-weight:800;line-height:1.25rem}@media (min-width:640px){.song-player__yt-error-title{font-size:1rem;line-height:1.5rem}}.song-player__yt-error-desc{word-break:keep-all;--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}@media (min-width:640px){.song-player__yt-error-desc{font-size:.875rem;line-height:1.25rem}}.song-player__yt-open{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:inline-flex}.song-player__yt-open:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.song-player__link-manager>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.song-player__link-manager{--tw-border-opacity:1;border-style:dashed;border-width:1px;border-color:rgb(252 211 77/var(--tw-border-opacity,1));text-align:left;background-color:#fffbeb99;border-radius:.75rem;padding:.75rem}.song-player__link-manager:is(.dark *){background-color:#f59e0b0d;border-color:#f59e0b66}.song-player__link-toggle{cursor:pointer;--tw-text-opacity:1;width:100%;color:rgb(180 83 9/var(--tw-text-opacity,1));justify-content:space-between;align-items:center;gap:.5rem;font-size:11px;font-weight:900;display:flex}.song-player__link-toggle:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.song-player__link-status{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-weight:700}.song-player__link-status:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.song-player__link-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.song-player__pin{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;padding:.375rem .625rem;font-size:11px;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.song-player__pin:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-pink-400) / var(--tw-border-opacity,1))}.song-player__pin:disabled{opacity:.4}.song-player__pin:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.song-player__pin:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-500) / var(--tw-border-opacity,1))}.song-player__search{gap:.375rem;display:flex}.song-player__search-input{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;min-width:0;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));border-radius:.5rem;flex:1;padding:.375rem .625rem;font-size:.75rem;line-height:1rem}.song-player__search-input:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-950) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.song-player__small-button{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;padding:.375rem .625rem;font-size:11px;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.song-player__small-button:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-pink-400) / var(--tw-border-opacity,1))}.song-player__small-button:disabled{opacity:.4}.song-player__small-button:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.song-player__small-button:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-500) / var(--tw-border-opacity,1))}.song-player__results{max-height:14rem}.song-player__results>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.song-player__results{overscroll-behavior:contain;padding-right:.125rem;overflow-y:auto}.song-player__results-empty{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));padding-top:.5rem;padding-bottom:.5rem;font-size:11px}.song-player__results-empty:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.song-player__result{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.5rem;align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.song-player__result:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.song-player__result-text{flex:1;min-width:0}.song-player__result-artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-size:11px;font-weight:700;display:block;overflow:hidden}.song-player__result-artist:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.song-player__result-meta{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:10px;display:block;overflow:hidden}.song-player__result-meta:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.song-player__link-actions{flex-wrap:wrap;gap:.375rem;display:flex}.song-player__link-error{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.song-player__link-error:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}.song-player__lyrics>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.song-player__lyrics-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.song-player__lyrics-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:900;line-height:1.25rem}.song-player__lyrics-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.song-player__confidence{border-radius:.375rem;padding:.125rem .375rem;font-size:10px;font-weight:800}.song-player__confidence--title{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.song-player__confidence--title:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1));background-color:#f59e0b1a}.song-player__confidence--matched{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.song-player__confidence--matched:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1));background-color:#10b9811a}.song-player__lyrics-loading>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.song-player__lyrics-loading{padding-top:.5rem;padding-bottom:.5rem}.song-player__lyrics-loading-text{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.song-player__lyrics-loading-text:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.song-player__lyrics-skeleton{height:.75rem;margin-left:auto;margin-right:auto}@keyframes pulse{50%{opacity:.5}}.song-player__lyrics-skeleton{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.25rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.song-player__lyrics-skeleton:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.song-player__lyrics-note{word-break:keep-all;--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1));border-radius:.5rem;padding:.375rem .625rem;font-size:11px;line-height:1.625}.song-player__lyrics-note:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1));background-color:#f59e0b1a}.song-player__lyrics-text{white-space:pre-line;word-break:keep-all;text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:13px;line-height:1.75rem}.song-player__lyrics-text:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-player__lyrics-text{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.song-player__lyrics-text{font-size:15px;line-height:2rem}}.song-player__lyrics-source{word-break:keep-all;text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px}.song-player__lyrics-source:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.song-player__lyrics-source-link{text-underline-offset:2px;text-decoration-line:underline}.song-player__lyrics-source-link:hover{--tw-text-opacity:1;color:rgb(var(--palette-pink-500) / var(--tw-text-opacity,1))}.song-player__lyrics-missing>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.song-player__lyrics-missing{text-align:center;padding-top:1.5rem;padding-bottom:1.5rem}.song-player__lyrics-missing-text{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.song-player__lyrics-missing-text:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.song-player__lyrics-off{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));padding-top:1.5rem;padding-bottom:1.5rem;font-size:.75rem;font-weight:700;line-height:1rem}.song-player__lyrics-off:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.song-player__lyrics-error>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.song-player__lyrics-error{text-align:center;padding-top:1.5rem;padding-bottom:1.5rem}.song-player__lyrics-error-text{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.song-player__lyrics-error-text:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}.song-player{z-index:50;background-color:rgb(var(--palette-slate-950) / .8);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);justify-content:center;align-items:center;padding:.375rem;display:flex;position:fixed;inset:0}@media (min-width:640px){.song-player{padding:.75rem}}@media (min-width:1024px){.song-player{padding:1rem}}.song-player__dialog{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);width:100%;max-width:1600px;max-height:calc(100dvh - .75rem);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.song-player__dialog:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.song-player__dialog{border-radius:1.5rem;max-height:calc(100dvh - 1.5rem)}}@media (min-width:1024px){.song-player__dialog{max-height:calc(100dvh - 2rem)}}.song-player__head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex}.song-player__head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}@media (min-width:640px){.song-player__head{padding:.875rem 1.25rem}}.song-player__head-main{align-items:center;gap:.625rem;min-width:0;display:flex}.song-player__cover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));-o-object-fit:cover;object-fit:cover;border-radius:.5rem;flex-shrink:0;width:2.25rem;height:2.25rem}.song-player__cover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}@media (min-width:640px){.song-player__cover{width:2.5rem;height:2.5rem}}.song-player__cover-empty{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2.25rem;height:2.25rem;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.song-player__cover-empty:is(.dark *){background-color:rgb(var(--palette-pink-950) / .6);--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-player__cover-empty{width:2.5rem;height:2.5rem}}.song-player__head-text{min-width:0}.song-player__artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));font-size:10px;font-weight:700;overflow:hidden}.song-player__artist:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-player__artist{font-size:11px}}.song-player__artist-sep{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400}.song-player__title{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:800;line-height:1.25rem;overflow:hidden}.song-player__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.song-player__title{font-size:1rem;line-height:1.5rem}}.song-player__head-actions{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.song-player__external{white-space:nowrap;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-pink-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .625rem;font-size:11px;font-weight:700}.song-player__external:hover{text-decoration-line:underline}.song-player__external:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-950) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.song-player__external{font-size:.75rem;line-height:1rem}.song-player__external-short{display:none}}.song-player__external-long{display:none}@media (min-width:640px){.song-player__external-long{display:inline}}.song-player__close{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2rem;height:2rem;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;line-height:1.25rem;display:flex}.song-player__close:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.song-player__close:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.song-player__close:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.song-player__body{flex-direction:column;flex:1;min-height:0;display:flex}@media (max-height:500px) and (min-width:600px){.song-player__body{grid-template-columns:minmax(0,1fr) minmax(240px,300px);display:grid}}@media (min-width:1024px){.song-player__body{grid-template-columns:minmax(0,1fr) minmax(320px,400px);display:grid}}.song-player__video-col{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));flex-shrink:0}.song-player__video{aspect-ratio:16/9;width:100%;max-height:42dvh;position:relative}@media (max-height:500px) and (min-width:600px){.song-player__video{max-height:calc(100dvh - 7.5rem)}}@media (min-width:1024px){.song-player__video{max-height:calc(100dvh - 10rem)}}.song-player__iframe{border-width:0;width:100%;height:100%;position:absolute;inset:0}.song-player__no-video{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-slate-900) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-pink-950) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;position:absolute;inset:0}.song-player__no-video-icon{font-size:2.25rem;line-height:2.5rem}.song-player__no-video-text{--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem}.song-player__no-video-link{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:inline-flex}.song-player__no-video-link:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.song-player__side{overscroll-behavior:contain;--tw-border-opacity:1;border-top-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-50) / .6);flex:1;min-height:0;overflow-y:auto}@media (max-height:500px) and (min-width:600px){.song-player__side{border-top-width:0;border-left-width:1px;position:relative;overflow:hidden}}.song-player__side:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-950) / .4)}@media (min-width:1024px){.song-player__side{border-top-width:0;border-left-width:1px;position:relative;overflow:hidden}}.song-player__side-inner{padding:1rem}@media (max-height:500px) and (min-width:600px){.song-player__side-inner{overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}}@media (min-width:640px){.song-player__side-inner{padding:1.25rem}}@media (min-width:1024px){.song-player__side-inner{overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}}.song-player__footer{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:10px;display:flex}.song-player__footer:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}@media (min-width:640px){.song-player__footer{padding:.75rem 1.25rem;font-size:.75rem;line-height:1rem}}.song-player__footer-main{align-items:center;gap:.375rem;min-width:0;display:flex}.song-player__footer-category{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-pink-700) / var(--tw-text-opacity,1));border-radius:.375rem;flex-shrink:0;padding:.125rem .5rem;font-weight:700}.song-player__footer-category:is(.dark *){background-color:rgb(var(--palette-pink-950) / .8);--tw-text-opacity:1;color:rgb(var(--palette-pink-300) / var(--tw-text-opacity,1))}.song-player__footer-note{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-weight:500;overflow:hidden}.song-player__footer-note:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.song-player__footer-close{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;padding:.375rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem}.song-player__footer-close:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.song-player__footer-close:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.song-player__footer-close:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-600) / var(--tw-bg-opacity,1))}@media (min-width:640px){.song-player__footer-close{padding-top:.5rem;padding-bottom:.5rem}}
.clip-edit{z-index:50;background-color:rgb(var(--palette-slate-950) / .7);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.clip-edit__form{width:100%;max-width:28rem}.clip-edit__form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.clip-edit__form{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;padding:1rem}.clip-edit__form:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.clip-edit__form{padding:1.25rem}}.clip-edit__title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:900;line-height:1.25rem}.clip-edit__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.clip-edit__field{display:block}.clip-edit__field>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.clip-edit__label{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.clip-edit__label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.clip-edit__input{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem .75rem;font-size:.75rem;line-height:1rem}.clip-edit__input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-pink-500) / var(--tw-ring-opacity,1));outline:2px solid #0000}.clip-edit__input:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.clip-edit__select{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem .75rem;font-size:.75rem;line-height:1rem}.clip-edit__select:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-pink-500) / var(--tw-ring-opacity,1));outline:2px solid #0000}.clip-edit__select:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.clip-edit__exclude{cursor:pointer;-webkit-user-select:none;user-select:none;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:.75rem;align-items:flex-start;gap:.625rem;padding:.625rem;display:flex}.clip-edit__exclude:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.clip-edit__exclude-check{cursor:pointer;width:.875rem;height:.875rem;accent-color:rgb(var(--palette-pink-600) / 1);border-radius:.25rem;flex-shrink:0;margin-top:.125rem}.clip-edit__exclude-text>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.clip-edit__exclude-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:11px;font-weight:700;display:block}.clip-edit__exclude-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.clip-edit__exclude-desc{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px;line-height:1.625;display:block}.clip-edit__exclude-desc:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.clip-edit__actions{justify-content:flex-end;gap:.5rem;padding-top:.25rem;display:flex}.clip-edit__cancel{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem .875rem;font-size:.75rem;font-weight:700;line-height:1rem}.clip-edit__cancel:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.clip-edit__save{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem}.clip-edit__save:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-700) / var(--tw-bg-opacity,1))}.clip-edit__save:disabled{opacity:.5}
.clip-player{z-index:50;background-color:rgb(var(--palette-slate-950) / .8);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);justify-content:center;align-items:center;padding:.625rem;transition-duration:.2s;display:flex;position:fixed;inset:0}@media (min-width:640px){.clip-player{padding:1.5rem}}@media (min-width:1024px){.clip-player{padding:2rem}}.clip-player__dialog{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);width:100%;max-width:64rem;max-height:95vh;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.clip-player__dialog:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.clip-player__dialog{border-radius:1.5rem}}@media (min-width:1024px){.clip-player__dialog{max-width:72rem}}.clip-player__head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));justify-content:space-between;align-items:center;padding:.875rem;display:flex}.clip-player__head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}@media (min-width:640px){.clip-player__head{padding:1.25rem}}.clip-player__head-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip-player__author{--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));font-size:10px;font-weight:700}.clip-player__author:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.clip-player__author{font-size:11px}}.clip-player__title{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:800;line-height:1rem;overflow:hidden}.clip-player__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.clip-player__title{font-size:1rem;line-height:1.5rem}}.clip-player__close{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));flex-shrink:0;padding:.25rem}.clip-player__close:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.clip-player__close:hover:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.clip-player__frame{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));width:100%;position:relative}.clip-player__iframe{width:100%;height:100%;position:absolute;inset:0}.clip-player__footer{background-color:rgb(var(--palette-slate-50) / .5);justify-content:flex-end;align-items:center;gap:.625rem;padding:.75rem;font-size:10px;display:flex}.clip-player__footer:is(.dark *){background-color:rgb(var(--palette-slate-900) / .5)}@media (min-width:640px){.clip-player__footer{padding:1rem;font-size:.75rem;line-height:1rem}}.clip-player__done{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .875rem;font-size:.75rem;font-weight:700;line-height:1rem}.clip-player__done:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.clip-player__done{padding:.5rem 1rem}}
.song-form{z-index:50;background-color:#0009;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:640px){.song-form{align-items:center;padding:1rem}}.song-form__dialog{width:100%;max-height:90vh}.song-form__dialog>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.song-form__dialog{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;padding:1.25rem;overflow-y:auto}.song-form__dialog:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.song-form__dialog{border-radius:1.5rem;max-width:28rem;padding:1.5rem}}.song-form__head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.song-form__head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.song-form__title{align-items:center;gap:.5rem;font-size:.875rem;font-weight:800;line-height:1.25rem;display:flex}@media (min-width:640px){.song-form__title{font-size:1rem;line-height:1.5rem}}.song-form__close{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));padding:.25rem}.song-form__close:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.song-form__close:hover:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.song-form__form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.song-form__field>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.song-form__label{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.song-form__label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.song-form__input{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.75rem;width:100%;padding:.5rem .875rem;font-size:.75rem;line-height:1rem}.song-form__input:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.song-form__bugs-search{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-pink-100) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-50) / var(--tw-bg-opacity,1));text-align:center;--tw-text-opacity:1;width:100%;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem}.song-form__bugs-search:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-100) / var(--tw-bg-opacity,1))}.song-form__bugs-search:disabled{cursor:not-allowed;opacity:.4}.song-form__bugs-search:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-900) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-pink-950) / .5);--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}.song-form__bugs-search:hover:is(.dark *){background-color:rgb(var(--palette-pink-900) / .6)}.song-form__bugs-result{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1));font-size:10px;font-weight:600}.song-form__bugs-result:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.song-form__cover-row{align-items:center;gap:.75rem;padding-top:.25rem;display:flex}.song-form__cover{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));-o-object-fit:cover;object-fit:cover;border-radius:.75rem;flex-shrink:0;width:3.5rem;height:3.5rem}.song-form__cover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.song-form__cover-empty{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:3.5rem;height:3.5rem;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;line-height:1.75rem;display:flex}.song-form__cover-empty:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1))}.song-form__cover-actions{flex:1;align-items:center;gap:.5rem;display:flex}.song-form__upload{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;flex:1;padding:.5rem .75rem;font-size:.75rem;font-weight:600;line-height:1rem}.song-form__upload:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-pink-400) / var(--tw-border-opacity,1))}.song-form__upload:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.song-form__upload-input{display:none}.song-form__cover-remove{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem .625rem;font-size:.75rem;font-weight:600;line-height:1rem}.song-form__cover-remove:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-50) / var(--tw-bg-opacity,1))}.song-form__cover-remove:hover:is(.dark *){background-color:rgb(var(--palette-rose-950) / .5)}.song-form__cover-url-row{align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.song-form__cover-url{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.75rem;flex:1;padding:.5rem .75rem;font-size:.75rem;line-height:1rem}.song-form__cover-url:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.song-form__cover-fetch{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;padding:.5rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem}.song-form__cover-fetch:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.song-form__cover-fetch:disabled{cursor:not-allowed;opacity:.4}.song-form__hint{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px}.song-form__gallery-toggle{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-purple-100) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-purple-50) / var(--tw-bg-opacity,1));text-align:center;--tw-text-opacity:1;width:100%;color:rgb(var(--palette-purple-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem}.song-form__gallery-toggle:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-purple-100) / var(--tw-bg-opacity,1))}.song-form__gallery-toggle:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-purple-900) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-purple-950) / .5);--tw-text-opacity:1;color:rgb(var(--palette-purple-400) / var(--tw-text-opacity,1))}.song-form__gallery-toggle:hover:is(.dark *){background-color:rgb(var(--palette-purple-900) / .6)}.song-form__gallery>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.song-form__gallery{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-purple-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:1rem;padding:.75rem}.song-form__gallery:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-purple-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@keyframes pulse{50%{opacity:.5}}.song-form__gallery-loading{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));padding-top:1.5rem;padding-bottom:1.5rem;font-size:.75rem;line-height:1rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.song-form__gallery-empty{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));padding-top:1.5rem;padding-bottom:1.5rem;font-size:.75rem;line-height:1rem}.song-form__gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-height:12rem;padding:.25rem;display:grid;overflow-y:auto}@media (min-width:640px){.song-form__gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.song-form__gallery-item{aspect-ratio:1;cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));border-radius:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.song-form__gallery-item:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(var(--palette-pink-500) / var(--tw-border-opacity,1))}.song-form__gallery-item:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1))}.song-form__gallery-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.song-form__gallery-pick{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0;background-color:#0006;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.song-form__gallery-delete{z-index:10;background-color:rgb(var(--palette-rose-600) / .9);--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0;--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.375rem;justify-content:center;align-items:center;font-size:10px;font-weight:900;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.25rem;right:.25rem}.song-form__gallery-delete:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-700) / var(--tw-bg-opacity,1))}.song-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.song-form__select{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.75rem;width:100%;padding:.5rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem}.song-form__select:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.song-form__mode>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.song-form__mode{border-width:1px;border-color:rgb(var(--palette-slate-200) / .6);--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:.75rem;padding:.625rem}.song-form__mode:is(.dark *){border-color:rgb(var(--palette-slate-700) / .6);background-color:rgb(var(--palette-slate-800) / .5)}.song-form__mode-label{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem;display:block}.song-form__mode-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.song-form__mode-options{-moz-column-gap:1rem;flex-wrap:wrap;gap:.375rem 1rem;font-size:.75rem;font-weight:600;line-height:1rem;display:flex}.song-form__mode-option{cursor:pointer;align-items:center;gap:.375rem;display:flex}.song-form__url-hint{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));padding-left:.125rem;padding-right:.125rem;font-size:10px;line-height:1.625}.song-form__url-hint:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.song-form__mastery-head{justify-content:space-between;align-items:center;display:flex}.song-form__mastery-clear{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px}.song-form__mastery-clear:hover{--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1))}.song-form__mastery{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.song-form__mastery-step{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:10px;font-weight:900;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.song-form__mastery-step--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.song-form__mastery-step--off{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.song-form__mastery-step--off:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.song-form__mastery-step--off:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.song-form__mastery-step--off:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.song-form__practice-row{padding-top:.25rem}.song-form__practice{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;line-height:1rem;display:flex}.song-form__practice:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.song-form__practice-check{--tw-text-opacity:1;width:1rem;height:1rem;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));border-radius:.25rem}.song-form__practice-check:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-pink-500) / var(--tw-ring-opacity,1))}.song-form__uploading{text-align:center;--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1));font-size:10px;font-weight:600}.song-form__uploading:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.song-form__actions{gap:.5rem;padding-top:.5rem;display:flex}.song-form__cancel{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.75rem;flex:1;padding-top:.625rem;padding-bottom:.625rem;font-size:.75rem;font-weight:700;line-height:1rem}.song-form__cancel:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.song-form__submit{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--palette-pink-500) / .2);border-radius:.75rem;flex:1;padding-top:.625rem;padding-bottom:.625rem;font-size:.75rem;font-weight:700;line-height:1rem}.song-form__submit:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-700) / var(--tw-bg-opacity,1))}.song-form__submit:disabled{cursor:not-allowed;opacity:.5}.song-form__gallery-item:hover .song-form__gallery-pick,.song-form__gallery-item:hover .song-form__gallery-delete{opacity:1}
.songbook-page{background-color:rgb(var(--palette-slate-50) / .5);--tw-text-opacity:1;width:100%;min-height:100vh;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));padding:1.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-page:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-950) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}@media (min-width:640px){.songbook-page{padding:2rem 1.5rem}}@media (min-width:1024px){.songbook-page{padding-left:2rem;padding-right:2rem}}.songbook-page__inner{max-width:80rem;margin-left:auto;margin-right:auto}.songbook-page__inner>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}@media (min-width:640px){.songbook-page__inner>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}}.songbook-page__mode-bar{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-backdrop-blur:blur(12px);width:100%;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#fffc;border-radius:1rem;align-items:center;gap:.375rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.songbook-page__mode-bar:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-900) / .8)}@media (min-width:640px){.songbook-page__mode-bar{width:fit-content}}.songbook-page__mode{cursor:pointer;border-radius:.75rem;flex:1;padding:.5rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.songbook-page__mode{flex:none}}.songbook-page__mode--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow-color:rgb(var(--palette-pink-500) / .2);--tw-shadow:var(--tw-shadow-colored)}.songbook-page__mode--off{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.songbook-page__mode--off:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.songbook-page__mode--off:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.songbook-page__mode--off:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.songbook-page__playlist{cursor:pointer;background-image:linear-gradient(to top right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-indigo-600) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-rose-600) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow-color:rgb(var(--palette-indigo-500) / .2);--tw-shadow:var(--tw-shadow-colored);border-radius:.75rem;flex:1;margin-left:auto;padding:.5rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-page__playlist:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.songbook-page__playlist{flex:none}}.songbook-page__skeleton-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;width:100%;display:grid}@media (min-width:480px){.songbook-page__skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.songbook-page__skeleton-grid{gap:1rem}}@media (min-width:1024px){.songbook-page__skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.songbook-page__skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.songbook-page__skeleton{height:7rem;display:flex}@keyframes pulse{50%{opacity:.5}}.songbook-page__skeleton{flex-direction:column;justify-content:space-between;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.songbook-page__skeleton>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.songbook-page__skeleton{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;padding:1rem}.songbook-page__skeleton:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.songbook-page__skeleton-tags{gap:.5rem;display:flex}.songbook-page__skeleton-tag{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));border-radius:.25rem;width:3rem;height:1rem}.songbook-page__skeleton-tag:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.songbook-page__skeleton-tag-short{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));border-radius:.25rem;width:2.5rem;height:1rem}.songbook-page__skeleton-tag-short:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.songbook-page__skeleton-text>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.songbook-page__skeleton-line-short{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));border-radius:.25rem;width:4rem;height:.75rem}.songbook-page__skeleton-line-short:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.songbook-page__skeleton-line{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));border-radius:.25rem;width:7rem;height:1rem}.songbook-page__skeleton-line:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}