*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{background-color:#fff}.app{display:flex;flex-direction:column;min-height:100vh}.container{flex:1 1;margin:0;max-width:100%;padding:4px 0}.container-home{margin:0;max-width:100%;padding:0}.header{background-color:#0d4a47;box-shadow:0 2px 4px #0000001a;color:beige;padding:12px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px 8px;position:relative}.header h1{font-size:24px;font-weight:700;line-height:1.2;margin:0}.admin-link{border:1px solid beige;border-radius:4px;color:beige;padding:8px 16px;text-decoration:none;transition:background-color .2s}.admin-link:hover{background-color:#f5f5dc1a}.nav-toggle-container{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:center;padding:8px 0}.nav-toggle-button{background-color:#5a8a86;border:1px solid #5a8a86;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:6px 12px;transition:background-color .2s}.nav-toggle-button:hover{background-color:#0d4a47}.category-nav{align-items:center;background-color:#fff;border-bottom:2px solid #5a8a86;border-top:2px solid #5a8a86;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px;padding:16px;position:-webkit-sticky;position:sticky;top:100px;z-index:1}.category-nav-group{align-items:center;display:flex;gap:8px}.category-nav-label{color:#0d4a47;font-size:14px;font-weight:600}.category-nav-links{display:flex;gap:8px}.category-nav-link{background-color:#f9f9f9;border:1px solid #5a8a86;border-radius:4px;color:#0d4a47;font-size:14px;padding:6px 12px;text-decoration:none;transition:all .2s}.category-nav-link:hover{background-color:#5a8a86;color:#fff}.tempo-section{scroll-margin-top:190px}.category-nav.hidden{display:none}.categories{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:0}.category-card{background-color:#fff;border:2px solid #5a8a86;border-radius:8px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:24px;transition:all .3s ease}.category-card:hover{border-color:#0d4a47;box-shadow:0 4px 12px #0d4a4726;transform:translateY(-4px)}.category-title{align-items:center;color:#0d4a47;display:flex;font-size:24px;font-weight:700;gap:8px;margin-bottom:16px}.category-card h3{color:#2a2a2a;font-size:18px;font-weight:600;margin-bottom:12px}.song-list{list-style:none}.song-list,.song-list li{margin:0;padding:0}.song-list a{display:block;width:100%}.song-item{background-color:#f9f9f9;border-left:3px solid #0000;border-radius:4px;cursor:pointer;display:block;font-size:16px;font-weight:400;margin:8px 0;padding:12px;transition:background-color .2s}.song-item,.song-item:link,.song-item:visited{color:#1a1a1a;text-decoration:none}.song-item:hover{background-color:#f0f0f0;border-left-color:#5a8a86;color:#0d4a47}.song-item.active{background-color:#e8f4f3;border-left-color:#0d4a47;color:#0d4a47;font-weight:600}.song-detail{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:4px 20px}.back-button{align-items:center;background-color:#0d4a47;border-radius:4px;color:beige;display:inline-flex;font-size:14px;gap:8px;margin-bottom:12px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.back-button:hover{background-color:#0a3a37}.song-title-centered{color:#0d4a47;font-size:28px;font-weight:700;margin:0 0 1px;padding:2px 0;text-align:center}.back-button-inline{align-items:center;background-color:#0d4a47;border-radius:4px;color:beige;display:inline-flex;font-size:14px;gap:4px;padding:6px 12px;position:relative;text-decoration:none;transition:background-color .2s;white-space:nowrap;z-index:1}.back-button-inline.header-button{background-color:#f5f5dc33;border:1px solid beige}.back-button-inline.header-button:hover{background-color:#f5f5dc4d}.back-button-inline:hover{background-color:#0a3a37}.song-category-centered{color:#5a8a86;font-size:14px;margin-bottom:4px;margin-top:0;padding:1px 0;text-align:center}.lyrics{background-color:#f9f9f9;border-left:4px solid #5a8a86;border-radius:4px;color:#333;font-size:16px;line-height:1.6;margin-top:2px;padding:3px 16px;white-space:pre-line}.empty-state{color:#999;padding:24px;text-align:center}.empty-state p{font-size:18px;margin-top:16px}.admin-page{margin:0 auto;max-width:800px;padding:0}.auth-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:16px}.auth-form h2{color:#0d4a47;margin-top:0}.auth-form h2,.form-group{margin-bottom:12px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:4px;font-family:inherit;font-size:16px;padding:6px 8px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5a8a86;outline:none}.form-group textarea{min-height:150px;resize:vertical}.button{background-color:#0d4a47;border:none;border-radius:4px;color:beige;cursor:pointer;font-size:16px;font-weight:600;padding:8px 16px;transition:background-color .2s}.button:hover{background-color:#0a3a37}.button:disabled{background-color:#ccc;cursor:not-allowed}.button-secondary{background-color:#5a8a86}.button-secondary:hover{background-color:#4a7a76}.error-message{color:#d32f2f;font-size:14px;margin-top:8px}.success-message{color:#388e3c;font-size:14px;margin-top:8px}.songs-list-admin{margin-top:16px}.song-item-admin{background-color:#fff;border-left:4px solid #5a8a86;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:8px;padding:12px}.song-item-admin h3{color:#0d4a47;margin-bottom:4px;margin-top:0}.song-item-admin p{color:#666;margin-bottom:8px;margin-top:0}.button-group{display:flex;gap:8px;margin-top:8px}.button-small{font-size:14px;padding:6px 12px}.button-danger{background-color:#d32f2f}.button-danger:hover{background-color:#b71c1c}.loading{color:#999;padding:48px;text-align:center}.spacer{height:20px}.footer{background-color:#0d4a47;box-shadow:0 -2px 4px #0000001a;color:beige;margin-top:auto;padding:16px 0}.footer-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px}.footer-admin-link{border:1px solid beige;border-radius:4px;color:beige;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.footer-admin-link:hover{background-color:#f5f5dc1a}.footer-logout-button{background:none;border:1px solid beige;border-radius:4px;color:beige;cursor:pointer;font-family:inherit;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.footer-logout-button:hover{background-color:#f5f5dc1a}.out-of-service{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.out-of-service-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;padding:40px;text-align:center}.out-of-service-title{color:#0d4a47;font-size:48px;font-weight:700;margin-bottom:24px}.out-of-service-message{color:#333;font-size:24px;line-height:1.6;margin-bottom:16px}.out-of-service-submessage{color:#5a8a86;font-size:18px;line-height:1.6}
/*# sourceMappingURL=main.3140346e.css.map*/