.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1.25rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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(59 130 246 / .2);--tw-shadow: var(--tw-shadow-colored);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1d4ed8 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #4338ca var(--tw-gradient-to-position)}.btn-primary:focus{outline:2px solid transparent;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(96 165 250 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary:focus:is(.dark *){--tw-ring-offset-color: #0f172a}@media (min-width: 768px){.btn-primary{padding:1rem 1.5rem}}.btn-secondary{display:inline-flex;align-items:center;gap:.375rem;border-radius:.375rem;background-color:#3b82f61a;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary:hover{background-color:#3b82f633}.btn-secondary:is(.dark *){background-color:#60a5fa1a;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.btn-secondary:hover:is(.dark *){background-color:#60a5fa33}.btn-icon-close{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:#ef444426;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-icon-close:hover{background-color:#ef44444d}.btn-icon-close:is(.dark *){background-color:#ef444433;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.btn-icon-close:hover:is(.dark *){background-color:#ef444459}.btn-icon-close-md{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.375rem;background-color:#ef444426;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-icon-close-md:hover{background-color:#ef44444d}.btn-icon-close-md:is(.dark *){background-color:#ef444433;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.btn-icon-close-md:hover:is(.dark *){background-color:#ef444459}.btn-icon-slate{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:#64748b26;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-icon-slate:hover{background-color:#64748b4d}.btn-icon-slate:is(.dark *){background-color:#64748b33;--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.btn-icon-slate:hover:is(.dark *){background-color:#64748b59}.btn-delete{display:inline-flex;align-items:center;gap:.375rem;border-radius:.375rem;background-color:#ef44441a;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-delete:hover{background-color:#ef444433}.btn-delete:is(.dark *){background-color:#f871711a;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.btn-delete:hover:is(.dark *){background-color:#f8717133}.btn-delete-icon{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.375rem;background-color:#ef44441a;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-delete-icon:hover{background-color:#ef444433}.btn-delete-icon:is(.dark *){background-color:#f871711a;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.btn-delete-icon:hover:is(.dark *){background-color:#f8717133}.btn-action-slate{display:inline-flex;align-items:center;gap:.375rem;border-radius:.375rem;background-color:#64748b1a;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-action-slate:hover{background-color:#64748b33}.btn-action-slate:is(.dark *){background-color:#94a3b81a;--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.btn-action-slate:hover:is(.dark *){background-color:#94a3b833}.btn-action-emerald{display:inline-flex;align-items:center;gap:.375rem;border-radius:.375rem;background-color:#10b9811a;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-action-emerald:hover{background-color:#10b98133}.btn-action-emerald:is(.dark *){background-color:#34d3991a;--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.btn-action-emerald:hover:is(.dark *){background-color:#34d39933}.btn-action-green{display:inline-flex;align-items:center;gap:.375rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-action-green:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.badge-sm-circle{display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:9999px}.badge-icon-lg{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;background-color:#3b82f61a;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.badge-icon-lg:is(.dark *){background-color:#60a5fa1a;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.badge-pill{border-radius:9999px;background-color:#3b82f61a;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.badge-pill:is(.dark *){background-color:#60a5fa1a;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.badge-pill-emerald{margin-left:.25rem;border-radius:9999px;background-color:#10b9811a;padding:.125rem .5rem;--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.badge-pill-emerald:is(.dark *){--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.modal-container{position:relative;width:100%;max-width:48rem;border-radius:1.5rem;border-width:1px;border-color:#e2e8f099;background-color:#fffffff2;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--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);--tw-shadow-color: rgb(59 130 246 / .1);--tw-shadow: var(--tw-shadow-colored);animation:modalScaleIn .3s ease}.modal-container:is(.dark *){border-color:#33415580;background-color:#0f172af2}.modal-container-lg{position:relative;width:100%;max-width:56rem;border-radius:1.5rem;border-width:1px;border-color:#e2e8f099;background-color:#fffffff2;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--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);--tw-shadow-color: rgb(59 130 246 / .1);--tw-shadow: var(--tw-shadow-colored);animation:modalScaleIn .3s ease}.modal-container-lg:is(.dark *){border-color:#33415580;background-color:#0f172af2}.modal-container-xl{position:relative;width:100%;max-width:64rem;border-radius:1.5rem;border-width:1px;border-color:#e2e8f099;background-color:#fffffff2;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--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);--tw-shadow-color: rgb(59 130 246 / .1);--tw-shadow: var(--tw-shadow-colored);animation:modalScaleIn .3s ease}.modal-container-xl:is(.dark *){border-color:#33415580;background-color:#0f172af2}.modal-container-2xl{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:48rem}.modal-container-2xl>: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))}.modal-container-2xl{border-radius:1rem;border-width:1px;border-color:#e2e8f099;background-color:#fffffff2;padding:.5rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--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);--tw-shadow-color: rgb(59 130 246 / .1);--tw-shadow: var(--tw-shadow-colored);animation:modalScaleIn .3s ease}.modal-container-2xl:is(.dark *){border-color:#33415580;background-color:#0f172af2}@media (min-width: 768px){.modal-container-2xl{padding:1rem}}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:#e2e8f0b3;padding:.75rem}.modal-header:is(.dark *){border-color:#33415580}@media (min-width: 768px){.modal-header{padding:1rem 1.5rem}}.modal-body{max-height:75vh;overflow-y:auto;padding:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.modal-body:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.modal-body{padding:1.25rem 1.5rem}}.card-base{border-radius:1rem;border-width:1px;border-color:#e2e8f0b3;background-color:#ffffffe6;padding:.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--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)}.card-base:is(.dark *){border-color:#33415580;background-color:#0f172af2}@media (min-width: 768px){.card-base{padding:1rem}}.card-search{margin-left:auto;margin-right:auto;width:100%;max-width:48rem;border-radius:1rem;border-width:1px;border-color:#e2e8f0b3;background-color:#fffc;padding:.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--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);--tw-backdrop-blur: blur(8px);-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)}.card-search:is(.dark *){border-color:#33415580;background-color:#0f172af2}@media (min-width: 768px){.card-search{padding:1rem}}.input-search{width:100%;border-radius:1.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-color:#f8fafcb3;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1));--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 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);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.input-search:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));outline:2px solid transparent;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-color: rgb(96 165 250 / .6)}.input-search:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172acc;--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.input-search:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}@media (min-width: 768px){.input-search{padding:1rem 1.25rem}}.textarea-lyrics{min-height:320px;width:100%;resize:vertical;border-radius:.5rem;border-width:1px;border-color:#e2e8f0b3;background-color:#f8fafc99;padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1));--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 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)}.textarea-lyrics:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));outline:2px solid transparent;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-color: rgb(147 197 253 / .6)}@media (min-width: 768px){.textarea-lyrics{min-height:640px;padding:.75rem;font-size:1.25rem;line-height:1.75rem;line-height:2}}.text-title-primary{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-title-primary:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.text-title-primary{font-size:1rem;line-height:1.5rem}}.text-subtitle{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.text-subtitle{font-size:.875rem;line-height:1.25rem}}.text-meta{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.grid-results{display:grid;gap:.5rem}@media (min-width: 640px){.grid-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.grid-results{gap:.75rem}}@media (min-width: 1280px){.grid-results{grid-template-columns:repeat(3,minmax(0,1fr))}}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col-gap{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 768px){.flex-col-gap{gap:.75rem}}.search-results-enter-active,.search-results-leave-active{transition:opacity .3s ease,transform .3s ease}.search-results-enter-from,.search-results-leave-to{opacity:0;transform:translateY(-10px)}.lyrics-fade-enter-active,.lyrics-fade-leave-active{transition:opacity .4s ease,transform .4s ease}.lyrics-fade-enter-from{opacity:0;transform:translateY(20px)}.lyrics-fade-leave-to{opacity:0;transform:translateY(-20px)}.history-list-enter-active,.history-list-leave-active{transition:all .3s ease}.history-list-enter-from{opacity:0;transform:translate(-20px)}.history-list-leave-to{opacity:0;transform:translate(20px)}.history-list-move{transition:transform .3s ease}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-content{animation:modalScaleIn .3s ease}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}