:root{--cranberry:#d7263d;--cranberry-dark:#b91f34;--berry:#94172a;--pine:#0f5c3b;--pine-dark:#0b3f29;--mint:#e8f6ef;--cream:#fff7eb;--gold:#f4c542;--text:#2b1b1b;--footer-height:130px}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 10% 20%,#fff9 0,#fff0 35%),radial-gradient(circle at 90% 10%,#ffffff73 0,#fff0 30%),linear-gradient(135deg,#ffe7ed,#fff4e3 50%,#e8f6ef);color:#2b1b1b;color:var(--text);font-family:Poppins,Segoe UI,Roboto,Helvetica Neue,sans-serif}.app{background:linear-gradient(180deg,#ffffffe0,#fffffff5);display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:130px;padding-bottom:var(--footer-height);position:relative}.app:before{background-image:url(/static/media/tree-branches.deb1acc02e2910d81ea1.png);background-repeat:repeat;background-size:68px auto;content:"";inset:0;opacity:.12;pointer-events:none;position:fixed;z-index:0}.app>*{position:relative;z-index:1}.container{flex:1 1;margin:0;max-width:100%;padding:4px 0}.container-home{height:100%;margin:0 auto;max-width:1200px;min-height:0;overflow-y:auto;padding:0 10px 20px}.container-home,.header{max-width:100vw;width:100%}.header{background:#d7263d;background:var(--cranberry);box-shadow:0 4px 16px #0000002e;color:#fff7eb;color:var(--cream);padding:14px 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:26px;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0}.admin-link{border:1px solid #fff7eb;border:1px solid var(--cream);border-radius:4px;color:#fff7eb;color:var(--cream);padding:8px 16px;text-decoration:none;transition:background-color .2s}.admin-link:hover{background-color:#ffffff1f}.nav-toggle-container{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffdf8;border-top:1px solid #0000000d;display:flex;justify-content:center;padding:10px 0 12px}.nav-toggle-button{background-color:#d7263d;background-color:var(--cranberry);border:1px solid #b91f34;border:1px solid var(--cranberry-dark);border-radius:4px;box-shadow:0 4px 12px #d7263d40;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:#b91f34;background-color:var(--cranberry-dark)}.category-nav{align-items:center;background-color:#ffffffe6;border:2px solid #0f5c3b66;border-radius:14px;box-shadow:0 8px 24px #94172a1f;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:20px auto 24px;padding:18px;position:-webkit-sticky;position:sticky;top:110px;z-index:1}.category-nav-group{align-items:center;display:flex;gap:8px}.category-nav-label{color:#0f5c3b;color:var(--pine);font-size:15px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.category-nav-links{display:flex;gap:8px}.category-nav-link{background-color:#e8f6ef;background-color:var(--mint);border:1px solid #0f5c3b33;border-radius:999px;color:#0f5c3b;color:var(--pine);font-size:14px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .2s}.category-nav-link:hover{background-color:#d7263d;background-color:var(--cranberry);border-color:#d7263d;border-color:var(--cranberry);box-shadow:0 4px 10px #d7263d2e;color:#fff}.tempo-section{scroll-margin-top:190px}.category-nav.hidden{display:none}.categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-top:6px;max-width:100vw;width:100%}.category-card{background:#ffffffad;border:2px solid #0f5c3b59;border-radius:12px;box-shadow:0 6px 18px #0000000f;box-sizing:border-box;cursor:pointer;max-width:100%;overflow:hidden;padding:18px 14px;position:relative;transition:all .35s ease;width:100%}.category-card:hover{border-color:#0f5c3b;border-color:var(--pine);box-shadow:0 12px 26px #94172a26;transform:translateY(-4px)}.category-title{align-items:center;color:#d7263d;color:var(--cranberry);display:flex;font-size:24px;font-weight:700;gap:8px;margin-bottom:16px}.category-card h3{color:#0f5c3b;color:var(--pine);font-size:18px;font-weight:600;margin-bottom:12px}.song-list{list-style:none}.song-list,.song-list li{margin:0;padding:0}.song-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;max-width:100%;width:100%}.song-list a{display:block;width:100%}.song-item{background-color:#e8f6efb3;border-left:4px solid #0000;border-radius:10px;cursor:pointer;display:block;flex:1 1;font-size:16px;font-weight:400;margin:8px 0;min-width: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:#d7263d1f;border-left-color:#d7263d;border-left-color:var(--cranberry)}.song-item.active,.song-item:hover{color:#d7263d;color:var(--cranberry)}.song-item.active{background-color:#d7263d26;border-left-color:#0f5c3b;border-left-color:var(--pine);font-weight:600}.queue-add-button{background-color:#0f5c3b;background-color:var(--pine);border:1px solid #0f5c3b;border:1px solid var(--pine);border-radius:8px;box-shadow:0 4px 10px #0f5c3b33;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 10px;transition:transform .1s ease,background-color .2s;white-space:nowrap}.queue-add-button:hover{background-color:#0b3f29;background-color:var(--pine-dark)}.queue-add-button:active{transform:translateY(1px)}.song-detail{background-color:#fffdf8;border-radius:8px;box-shadow:0 8px 24px #00000014;padding:4px 20px}.back-button{align-items:center;background-color:#d7263d;background-color:var(--cranberry);border-radius:4px;box-shadow:0 6px 16px #d7263d2e;color:#fff7eb;color:var(--cream);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:#b91f34;background-color:var(--cranberry-dark)}.song-title-centered{color:#d7263d;color:var(--cranberry);font-size:28px;font-weight:700;margin:0 0 1px;padding:2px 0;text-align:center}.back-button-inline{align-items:center;background-color:#d7263d;background-color:var(--cranberry);border-radius:4px;color:#fff7eb;color:var(--cream);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:#ffffff38;border:1px solid #fffc}.back-button-inline.header-button:hover{background-color:#ffffff52}.back-button-inline:hover{background-color:#b91f34;background-color:var(--cranberry-dark)}.song-category-centered{color:#0f5c3b;color:var(--pine);font-size:14px;margin-bottom:4px;margin-top:0;padding:1px 0;text-align:center}.lyrics{background-color:#fffdf8;border-left:4px solid #f4c542;border-left:4px solid var(--gold);border-radius:4px;color:#2b1b1b;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{background:none;border:none;border-radius:0;box-shadow:none;margin:0 auto;max-width:800px;padding:0}.auth-form{background-color:#fffdf8;border-radius:8px;box-shadow:0 6px 16px #0000000f;margin-bottom:16px;padding:16px}.admin-container{margin:0 auto;max-width:1300px;padding:16px 16px 20px;width:100%}.admin-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(360px,.32fr) minmax(640px,.68fr);width:100%}.admin-grid.single-column{grid-template-columns:1fr}.admin-form-panel{align-self:start;position:-webkit-sticky;position:sticky;top:100px}.admin-card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.admin-muted{color:#6b6b6b;font-size:13px}.admin-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-group-full{grid-column:1/-1}.admin-list-panel{background:#ffffffeb;border:1px solid #0f5c3b26;border-radius:12px;box-shadow:0 8px 24px #00000014;box-sizing:border-box;min-height:300px;padding:16px;width:100%}.admin-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.admin-checkbox{align-items:center;color:#2b1b1b;display:flex;font-size:13px;gap:6px}.admin-checkbox input{height:16px;width:16px}.admin-table-wrapper{overflow-x:auto;width:100%}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #eee;font-size:14px;padding:10px 12px;text-align:left}.admin-table th{background:#0f5c3b14;color:#2b1b1b;font-weight:700}.admin-table tr:hover td{background:#00000005}.admin-table td[data-label]{position:relative}@media (max-width:640px){.admin-table{display:block}.admin-table thead{display:none}.admin-table tbody{display:block}.admin-table tr{border:1px solid #eee;border-radius:10px;box-shadow:0 4px 10px #0000000d;display:block;margin-bottom:12px;padding:6px 8px}.admin-table td{display:block;padding:6px 4px;width:100%}.admin-table td:before{color:#2b1b1b;content:attr(data-label);display:block;font-weight:700;margin-bottom:4px}.admin-table td:last-child .button-group{justify-content:flex-start}}.admin-fab{background:#d7263d;background:var(--cranberry);border:none;border-radius:50%;bottom:146px;bottom:calc(var(--footer-height) + 16px);box-shadow:0 10px 20px #0003;color:#fff;cursor:pointer;font-size:28px;font-weight:700;height:54px;position:fixed;right:16px;width:54px;z-index:120}.admin-fab:hover{background:#b91f34;background:var(--cranberry-dark)}.admin-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:110}.admin-modal{background:#fffdf8;border:1px solid #0f5c3b26;border-radius:12px;box-shadow:0 16px 40px #00000040;max-height:calc(100vh - 170px);max-height:calc(100vh - var(--footer-height) - 40px);overflow-y:auto;padding:16px;width:min(640px,96vw)}.modal-form-grid{grid-template-columns:1fr 1fr}@media (max-width:1024px){.admin-grid{grid-template-columns:1fr}.admin-modal{max-height:calc(100vh - 120px);width:96vw}.admin-grid{grid-template-columns:1fr}.admin-form-panel{position:static}.admin-form-grid{grid-template-columns:1fr}}.auth-form h2{color:#d7263d;color:var(--cranberry);margin-top:0}.auth-form h2,.form-group{margin-bottom:12px}.form-group label{color:#4a2a2a;display:block;font-weight:500;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background-color:#fffdf8;border:2px solid #f2d7ae;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:#d7263d;border-color:var(--cranberry);box-shadow:0 0 0 4px #d7263d1f;outline:none}.form-group textarea{min-height:150px;resize:vertical}.button{background-color:#d7263d;background-color:var(--cranberry);border:none;border-radius:4px;box-shadow:0 8px 18px #d7263d38;color:#fff7eb;color:var(--cream);cursor:pointer;font-size:16px;font-weight:600;padding:8px 16px;transition:background-color .2s}.button:hover{background-color:#b91f34;background-color:var(--cranberry-dark)}.button:disabled{background-color:#ccc;cursor:not-allowed}.button-secondary{background-color:#0f5c3b;background-color:var(--pine)}.button-secondary:hover{background-color:#0b3f29;background-color:var(--pine-dark)}.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:#fffdf8;border-left:4px solid #0f5c3b;border-left:4px solid var(--pine);border-radius:8px;box-shadow:0 6px 12px #0000000d;margin-bottom:8px;padding:12px}.song-item-admin h3{color:#d7263d;color:var(--cranberry);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:#7a4444;padding:48px;text-align:center}.spacer{height:20px}.footer{background:#0f5c3b;background:var(--pine);bottom:0;box-shadow:0 -4px 16px #0000001f;color:#fff7eb;color:var(--cream);flex-direction:column;height:130px;height:var(--footer-height);left:0;padding:8px 0;position:fixed;right:0;z-index:50}.footer,.queue-wrapper{align-items:center;display:flex;width:100%}.queue-wrapper{box-sizing:border-box;height:100%;margin:0 auto;max-width:1200px;max-width:100vw;overflow:hidden;padding:0 8px}.queue-bar{background:#00000024;border:1px solid #fff3;border-radius:10px;color:#fff7eb;color:var(--cream);max-width:100%;overflow:hidden;padding:8px 10px;width:100%}.queue-bar-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.queue-bar-title{font-weight:700;letter-spacing:.4px}.queue-bar-subtle{font-size:12px;opacity:.85}.queue-items{display:flex;gap:6px;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin;width:100%}.queue-items::-webkit-scrollbar{height:6px}.queue-items::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.footer-content{box-sizing:border-box;padding:0 12px;width:100%}.queue-pill{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff14;border:1px solid #fff3;border-radius:10px;display:inline-grid;gap:2px 6px;grid-template-columns:1fr auto;max-width:100%;min-height:48px;min-width:140px;padding:6px 8px}.queue-pill-link{color:inherit;display:contents;text-decoration:none}.queue-pill-title{color:#fff;font-size:13px;font-weight:700}.queue-pill-meta,.queue-pill-title{grid-column:1/span 1;word-break:break-word}.queue-pill-meta{color:#ffffffd9;font-size:11px}.queue-remove-button{align-self:start;background:#ffffff2e;border:1px solid #fff6;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;grid-column:2/span 1;grid-row:1/span 2;height:26px;line-height:1;width:26px}.queue-remove-button:hover{background:#ffffff59}.queue-detail-actions{align-items:center;display:flex;gap:10px;margin:8px 0 10px}.footer-content{align-items:center;display:flex;gap:12px;justify-content:center;margin:0 auto;max-width:1200px;padding:6px 20px 4px}.footer-admin-link{border:1px solid #fffc;border-radius:4px;color:#fff7eb;color:var(--cream);font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.footer-admin-link:hover{background-color:#ffffff2e}.footer-logout-button{background:none;border:1px solid #fffc;border-radius:4px;color:#fff7eb;color:var(--cream);cursor:pointer;font-family:inherit;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.footer-logout-button:hover{background-color:#ffffff2e}.footer-credits{color:#ffffffdb;font-size:12px;opacity:.92}.footer-credits a{color:#fffffff2;text-decoration:underline}.out-of-service{align-items:center;background:linear-gradient(135deg,#ffe7ed,#fff4e3 50%,#e8f6ef);display:flex;justify-content:center;min-height:100vh;padding:20px}.out-of-service-container{background-color:#fffdf8;border:2px solid #f4c54299;border-radius:12px;box-shadow:0 10px 24px #0000001f;max-width:600px;padding:40px;text-align:center}.out-of-service-title{color:#d7263d;font-size:48px;font-weight:700;margin-bottom:24px}.out-of-service-message{color:#2b1b1b;font-size:24px;line-height:1.6;margin-bottom:16px}.out-of-service-submessage{color:#0f5c3b;font-size:18px;line-height:1.6}
/*# sourceMappingURL=main.10701352.css.map*/