@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Roboto+Slab:wght@400;500;700&family=Poppins:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined);body{background-color:#0f0f0f;display:flex;font-family:Helvetica,Arial,sans-serif;font-size:1rem;justify-content:center;margin:0;padding:0}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}label{color:#e6e6e6;font-family:Roboto Slab,sans-serif;font-weight:500}input,textarea{background:#f0f0f0;border:none;border-radius:4px;box-sizing:border-box;color:#0f0f0f;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;outline:none;padding:.1rem .5rem;width:100%}input::placeholder{color:#505050;font-weight:400}.uneditable-input:focus,button:focus,button:hover,input:focus,input[type]:focus,textarea:focus{background:#a0bebe}.container{display:flex;height:100vh;width:1024px}.login,.not-approved{align-items:center;background-color:#0f0f0f;color:#dcdcdc;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0}.login img{width:300px}button{align-items:center;background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4);border:none;border-radius:4px;color:#0f0f0f;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;overflow:hidden;padding:0;position:relative}button:hover{background:#a0bebe}.song-edit-button{align-items:center;background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4);border:2px solid #505050;border-radius:4px;color:#0f0f0f;display:flex;font-size:1.1rem;height:2rem;justify-content:center;padding:.25rem .5rem;width:2rem}.scroll-btn-container{align-items:center;display:flex;flex-direction:column;position:absolute;right:1rem;top:1rem}.scroll-button{align-items:center;display:flex;gap:0;height:1.8rem;padding:0;width:6rem}.scroll-button .button-hint{background-color:#00000040;text-align:center;width:2rem}.scroll-button .button-hint,.scroll-button .button-label{align-items:center;border:0;display:flex;font-weight:400;height:100%;justify-content:center;padding:0}.scroll-button .button-label{background-color:initial;width:4rem}.logout-button .button-hint{align-items:center;justify-content:center;left:0;text-align:center;transform:scaleX(-1);width:3rem}.logout-button .button-hint,.logout-button .button-label{border:0;display:inline-block;font-weight:600;height:100%;padding:.2rem 0;position:relative;top:0}.logout-button .button-label{background-color:initial;right:0;width:4rem}.catalog-container{background-color:#0f0f0f;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:15rem}.catalog-container:after{background:linear-gradient(180deg,#0f0f0f00,#0f0f0f);bottom:3rem;content:"";height:1.8rem;left:0;pointer-events:none;position:absolute;right:0;z-index:15}.catalog{background-color:#0f0f0f;height:100%;margin:0;overflow-y:hidden;padding:0}.catalog,.catalog-content{display:flex;flex:1 1;flex-direction:column}.catalog-content{overflow-y:auto}.filter{background:#0f0f0f;flex-shrink:0;height:1rem;margin:0;padding:1rem 1rem 1.8rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.filter:after{background:linear-gradient(180deg,#0f0f0f,#0f0f0f00);bottom:-1.8rem;content:"";height:1.8rem;left:0;pointer-events:none;position:absolute;right:0}.filter .input-wrapper{align-items:center;background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4);border-radius:4px;display:flex;height:1.8rem;padding:0}.filter .input-wrapper .hint{align-items:center;background-color:#00000040;border-radius:4px 0 0 4px;color:#0f0f0f;display:flex;font-size:1rem;height:100%;justify-content:center;padding:0;text-align:center;width:3rem}.filter input{background:#0000;border:none;border-radius:0 4px 4px 0;font-size:1rem;height:100%;outline:none;padding:.2rem .5rem;width:calc(100% - 1rem)}.filter .input-wrapper:has(input:focus){background:#a0bebe}.filter .input-wrapper input:focus{box-shadow:none}.songlist{flex:1 1;min-height:0;padding:1.8rem 1rem}.catalog .artist-catalog .artist{background-color:#282828;border-top:2px solid #b4b4b4;color:#b4b4b4;font-family:Roboto Slab,serif;font-size:1.2rem;font-weight:700;padding:.3rem .5rem;text-shadow:1.5px 1.5px 1.5px #282828}.catalog .artist-catalog ul{list-style:disc;margin:.5rem 0 1rem;padding:0 0 0 1rem}.catalog .artist-catalog ul li{border-radius:4px;line-height:1.5rem;margin-left:-.3rem;padding-left:.3rem}.catalog .artist-catalog ul li::marker{color:#787878}.catalog .artist-catalog ul li button{all:unset;color:#e6e6e6;cursor:pointer;display:block;font-family:Roboto,serif;font-weight:500;z-index:1}.catalog .artist-catalog ul li button:hover{color:#a0bebe}.catalog .artist-catalog:last-child{padding-bottom:.8rem}.footer{background:linear-gradient(0deg,#0f0f0f 70%,#0f0f0f00);bottom:0;flex-grow:0;flex-shrink:0;height:3rem;justify-content:space-between;margin-top:auto;padding:0 1rem 1rem;position:relative;width:15rem;z-index:10}.footer,.footer .logout-button{align-items:center;display:flex}.footer .logout-button{background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4);border:none;border-radius:4px;color:#0f0f0f;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;gap:.3rem;height:2rem;padding:.25rem .4rem}.footer .logout-button:hover{background:#a0bebe}.footer .logout-button img{border-radius:50%;height:1.2rem;object-fit:cover;width:1.2rem}.footer .logout-button .material-symbols-outlined{font-size:1.1rem;transform:scaleX(-1)}.footer .add-button{align-items:center;background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4);border:none;border-radius:4px;color:#0f0f0f;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;gap:.3rem;height:2rem;padding:.25rem .5rem}.footer .add-button:hover{background:#a0bebe}.footer .add-button .material-symbols-outlined{font-size:1.1rem}.content{background-color:#0f0f0f;height:100vh;margin:0;max-width:calc(1024px - 15rem);overflow-y:auto;padding:0;position:relative;width:calc(1024px - 15rem)}.content .background{align-items:center;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.content .metadata{align-items:center;background:linear-gradient(180deg,#0f0f0f 70%,#0f0f0f00);display:flex;height:6rem;justify-content:space-between;padding:.4rem 1rem 1.6rem;position:-webkit-sticky;position:sticky;top:.6rem;z-index:10}.metadata-flex-area{align-items:center;display:flex;gap:1rem}.title{font-size:1.4rem}.artist,.title{color:#e6e6e6;font-family:Roboto,serif;font-weight:500}.artist{font-size:1.2rem}.lyrics-container{word-wrap:break-word;background:#0000;color:#e6e6e6;font-family:Roboto,serif;font-size:1.4rem;height:calc(100vh - 2.4rem);margin-top:-2.4rem;overflow-y:auto;padding:2.4rem 1rem;position:relative;scroll-behavior:smooth;white-space:pre-wrap;z-index:1}.lyrics-inner{padding-bottom:30vh;padding-top:10vh}.lyrics-inner .section{background:#323232;border-radius:6px;box-shadow:0 0 1px 2px #1e1e1e;color:#fff;font-family:Roboto Slab,serif;font-weight:700;margin-bottom:2em;margin-top:2em;padding:.3rem 1.2rem;text-shadow:-1px -1px 2px #000,1px 1px 1px #fff6}.lyrics-inner .chords{height:2em;margin-left:1rem;position:relative}.lyrics-inner .chord{background-color:#e6e6e6;border-radius:4px;box-shadow:0 0 1px 2px #fafafa;color:#000;font-family:Roboto Slab,serif;font-weight:700;padding:0 .3rem;position:absolute;text-shadow:1px 1px 2px #0006,-1px -1px 1px #fff;top:0}.lyrics-inner .lyrics{margin-bottom:2em;margin-left:1rem;margin-top:0}.song-form{background-color:#0f0f0f;height:100%}.search-data-indicator{background:#19641933;border:1px solid #64c8644d;color:#c8ffc8;font-size:.9rem;gap:.5rem;margin:0 0 1rem;padding:1rem 2rem}.search-data-indicator .material-symbols-outlined{font-size:1rem}.form-top-section{flex-shrink:0}.form-inline-group{display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem}.form-inline-group>div,.form-vertical-expand{flex:1 1;position:relative;z-index:1}.form-vertical-expand{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.lyrics-label-row{align-items:center;display:flex;justify-content:space-between;width:100%}.lyrics-label-main{position:relative;z-index:1}.transpose-controls{align-items:center;display:flex;gap:.5rem}.transpose-label{color:#c8c8c8;font-size:.9rem;margin-right:.25rem}.transpose-button{align-items:center;background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4);border:none;border-radius:4px;color:#0f0f0f;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;gap:.3rem;height:2rem;min-width:4rem;padding:.4rem .6rem;transition:background .15s ease}.transpose-button:hover{background:linear-gradient(180deg,#dcdcdc,silver 50%,#a0a0a0)}.transpose-button .material-symbols-outlined{font-size:1rem}.lyrics-input{flex:1 1;font-family:Roboto Mono,monospace;margin-bottom:0;margin-top:0;min-height:20rem;position:relative;resize:vertical;width:100%;z-index:1}.duration-section{align-items:flex-end;display:flex;flex-shrink:0;gap:1rem;margin-bottom:1rem}.duration-field{flex-shrink:0;width:180px}.duration-help{color:#b4b4b4;font-size:.85rem;font-style:italic;line-height:1.3;margin-bottom:1rem}.form-actions{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-top:auto;padding-top:1rem}.song-form form button{align-items:center;background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4);border:none;border-radius:4px;color:#0f0f0f;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;gap:.3rem;height:2.5rem;min-width:5rem;padding:.25rem .75rem}.song-form form button:hover{background:#a0bebe}.song-form .delete-button,.song-form form button[data-variant=delete]{background:linear-gradient(180deg,#ffc8c8,#dca0a0 50%,#b47878);color:#501414}.song-form .delete-button:hover,.song-form form button[data-variant=delete]:hover{background:linear-gradient(180deg,#dc7878,#c86464 50%,#a05050)}.song-form form button .material-symbols-outlined{font-size:1.1rem}.song-form form{display:flex;flex-direction:column;height:100%;margin:0;max-width:none;padding:2rem;position:relative;width:100%;z-index:1}.song-form form input{display:block;height:2rem}.song-form form input,.song-form form textarea{margin-bottom:1rem;margin-top:.4rem;pointer-events:auto;position:relative;z-index:2}.song-form form input:read-only,.song-form form textarea:read-only{background-color:#a0a0a0}.song-form form label{position:relative;z-index:1}@media (max-width:768px){.form-inline-group{flex-direction:column;gap:0}.lyrics-label-row{align-items:flex-start;flex-direction:column;gap:.75rem}.transpose-controls{align-self:flex-end}.duration-section{align-items:flex-start;flex-direction:column;gap:.5rem}.duration-field{width:100%}.duration-help{margin-bottom:.5rem}.song-form form{padding:1rem}}.toast-container{display:flex;flex-direction:column;gap:.5rem;pointer-events:none;position:fixed;right:1rem;top:1rem;z-index:1000}.toast{animation:toastSlideIn .3s ease-out forwards;border-radius:6px;box-shadow:0 4px 6px #0000004d,0 1px 3px #0006;font-family:Poppins,sans-serif;max-width:400px;min-width:300px;opacity:0;padding:0;pointer-events:auto;transform:translateX(100%)}.toast-content{align-items:center;display:flex;gap:.75rem;padding:.75rem 1rem}.toast-icon{flex-shrink:0;font-size:1.2rem}.toast-message{flex:1 1;font-weight:500;line-height:1.4}.toast-close{all:unset;align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:.2rem;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-close .material-symbols-outlined{font-size:1rem}.toast-success{background:linear-gradient(180deg,#c8ffc8,#a0f0a0 50%,#78c878);border:1px solid #64b464;color:#145014}.toast-success .toast-close:hover{background:#1450141a}.toast-error{background:linear-gradient(180deg,#ffc8c8,#f0a0a0 50%,#c87878);border:1px solid #b46464;color:#501414}.toast-error .toast-close:hover{background:#5014141a}.toast-info{background:linear-gradient(180deg,#c8dcff,#a0c8f0 50%,#78a0c8);border:1px solid #648cb4;color:#142850}.toast-info .toast-close:hover{background:#1428501a}.modal-backdrop{align-items:center;animation:modalFadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal-container{animation:modalSlideIn .2s ease-out;background:#191919;border:1px solid #505050;border-radius:8px;box-shadow:0 10px 25px #00000080,0 0 0 1px #6464641a;margin:1rem;max-width:500px;min-width:400px}.modal-content{padding:1.5rem}.modal-message{color:#e6e6e6;font-family:Roboto,sans-serif;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-button{background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4);border:none;border-radius:4px;color:#0f0f0f;cursor:pointer;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;min-width:80px;padding:.5rem 1.2rem;transition:background .2s}.modal-button:hover{background:#a0bebe}.modal-button-secondary{background:linear-gradient(180deg,#c8c8c8,#aaa 50%,#8c8c8c)}.modal-button-secondary:hover{background:linear-gradient(180deg,#b4b4b4,#969696 50%,#787878)}.modal-button-danger{background:linear-gradient(180deg,#ffc8c8,#dca0a0 50%,#b47878);color:#501414}.modal-button-danger:hover{background:linear-gradient(180deg,#dc7878,#c86464 50%,#a05050)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-results-nav{align-items:center;border-top:1px solid #3c3c3c80;display:flex;gap:16px;justify-content:space-between;margin-top:1rem;padding-top:1rem}.results-info{color:#6b7280;font-size:14px;font-weight:500}.nav-buttons{display:flex;gap:8px}.search-status{padding:20px}.search-status.loading{background:#f0f9ff;border-top:1px solid #e0f2fe}.search-status.warning{background:#fef3cd;border-top:1px solid #f6d55c}.search-status.error{background:#fee2e2;border-top:1px solid #f87171}.status-content{align-items:flex-start;display:flex;gap:12px}.status-text{flex:1 1}.status-text div:first-child{color:#111827;font-weight:600;margin-bottom:4px}.status-detail{color:#6b7280;font-size:14px;line-height:1.5}.warning-icon{color:#d97706;font-size:24px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:20px;width:20px}.loading-spinner.small{border-width:2px;height:16px;width:16px}.requirements-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.requirement-link{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:0;padding:12px 16px;text-decoration:none;transition:all .2s ease}.requirement-link:hover{background:#f9fafb;border-color:#9ca3af;text-decoration:none}.requirement-link.chrome-link:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e}.requirement-link.edge-link:hover{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.requirement-link.extension-link:hover{background:#d1fae5;border-color:#10b981;color:#065f46}.requirement-link.primary{background:#059669;border-color:#059669;color:#fff}.requirement-link.primary:hover{background:#047857;border-color:#047857;color:#fff}.requirement-link .material-symbols-outlined{font-size:18px}.auto-refresh-notice{align-items:center;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0c4a6e;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.auto-refresh-notice .material-symbols-outlined{animation:spin 2s linear infinite;font-size:16px}.extension-status-indicator{align-items:center;background:#d1fae5;border:1px solid #10b981;border-radius:6px;color:#065f46;display:flex;font-size:12px;gap:6px;justify-content:center;margin-top:16px;padding:8px 12px}.extension-status-indicator .material-symbols-outlined{font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}.search-data-indicator{align-items:center;background:#d1fae5;border:1px solid #10b981;border-radius:6px;color:#065f46;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.search-data-indicator .material-symbols-outlined{font-size:16px}.page-container{background-color:#0f0f0f;height:100vh;overflow:hidden}.page-content{height:100%;overflow-y:auto;padding:0;scroll-behavior:smooth}.page-header{background:linear-gradient(180deg,#0f0f0f 70%,#0f0f0f00);border-bottom:1px solid #28282880;padding:1.5rem 2rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-header h1{color:#e6e6e6;font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:500;margin:0}.page-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.search-section{margin-bottom:1rem}.form-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.login button{align-items:center!important;background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4)!important;border:none!important;border-radius:4px!important;color:#0f0f0f!important;cursor:pointer!important;display:flex!important;font-family:Poppins,sans-serif!important;font-size:1rem!important;font-weight:400!important;gap:.3rem!important;height:2rem!important;min-width:6rem!important;padding:.5rem 1rem!important}.login button:hover{background:#a0bebe!important}.search-section .search-input{background:#f0f0f0;border:none;border-radius:4px;box-sizing:border-box;color:#0f0f0f;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;height:2rem;outline:none;padding:.1rem .5rem;width:100%}.search-section .search-input::placeholder{color:#505050;font-weight:400}.search-section .search-input:focus{background:#a0bebe}.search-section .search-button{align-items:center!important;background:linear-gradient(180deg,#f0f0f0,#d2d2d2 50%,#b4b4b4)!important;border:none!important;border-radius:4px!important;color:#0f0f0f!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-family:Poppins,sans-serif!important;font-size:1rem!important;font-weight:400!important;gap:.3rem!important;height:2rem!important;padding:.25rem .5rem!important}.search-section .search-button:hover{background:#a0bebe!important}.search-section .search-button .material-symbols-outlined{font-size:1.1rem!important}.search-section .search-interface{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#19191999;border:1px solid #3c3c3ccc;border-radius:8px;padding:2rem}.search-section .search-header{margin-bottom:1rem}.search-section .search-header h3{color:#e6e6e6;font-size:1.2rem;font-weight:500;margin:0 0 .5rem}.search-section .search-description{color:#b4b4b4;font-size:.9rem;line-height:1.4;margin:0}.search-section .search-form{margin-top:1rem}.search-section .search-input-group{display:flex;gap:.75rem}.search-section .search-input{flex:1 1;min-width:0}.search-section .search-results-nav{border-top:1px solid #3c3c3c80;margin-top:1rem;padding-top:1rem}.search-section .requirements-links,.search-section .search-status{margin-top:1rem}.search-section .auto-refresh-notice{color:#a0a0a0;font-size:.85rem;margin-top:1rem}@media (max-width:768px){.page-header{padding:1rem 1rem .75rem}.page-header h1{font-size:1.5rem}.search-section .search-interface{padding:1rem}.search-section .search-input-group{flex-direction:column;gap:.5rem}.search-section .search-button{width:100%}}.skip-link{background:#000;border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}.mobile-menu-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:2px solid #505050;border-radius:50%;color:#e6e6e6;cursor:pointer;display:none;height:3rem;justify-content:center;position:fixed;right:1rem;top:1rem;width:3rem;z-index:100}.mobile-menu-button:hover{background:#000000e6;border-color:#787878}.mobile-menu-button .material-symbols-outlined{font-size:1.5rem}.mobile-overlay{display:none}@media screen and (max-width:480px){body{display:block!important;justify-content:normal!important}.container{width:100vw!important}.mobile-menu-button{display:flex!important}.mobile-overlay{background:#00000080!important;bottom:0!important;display:block!important;right:0!important;z-index:50!important}.container .catalog-wrapper,.mobile-overlay{left:0!important;position:fixed!important;top:0!important}.container .catalog-wrapper{background-color:#0f0f0f!important;height:100vh!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;width:15rem!important;z-index:60!important}.container .catalog-wrapper.mobile-open{transform:translateX(0)!important}.container .catalog-wrapper .catalog-container{height:100vh!important;position:relative!important;width:15rem!important}.content{margin-left:0!important;width:100vw!important}.content,.content form{max-width:none!important}.content form{padding:0 1rem 1rem!important;width:100%!important}.container .catalog-wrapper:not(.mobile-open)+.mobile-overlay{display:none!important}}*{box-sizing:border-box}
/*# sourceMappingURL=main.9c9d7547.css.map*/