*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fafafa,#f5f5f5);color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:linear-gradient(135deg,#fafafa,#f5f5f5);min-height:100vh;padding:24px}.app,.app.client-page{align-items:center;display:flex;justify-content:center}.app.admin-page{background:#f5f5f5;display:block;padding:0}.container{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000d;max-width:1400px;padding:48px;width:100%}.main-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 350px}.left-section{gap:24px}.left-section,.right-section{display:flex;flex-direction:column}.title{color:#1a1a1a;font-size:2.25rem;font-weight:600;grid-column:1/-1;letter-spacing:-.8px;line-height:1.2;margin-bottom:0;text-align:center}.loading{color:#757575;font-size:1.5rem}.username-modal{text-align:center}.username-prompt{color:#666;font-size:1.1rem;margin-bottom:24px}.username-form{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:400px}.username-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;outline:none;padding:14px 18px;transition:border-color .2s}.username-input:focus{border-color:#1db954}.username-error{color:#d32f2f;font-size:.9rem;margin-top:-8px;text-align:left}.username-submit{background:#1db954;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 24px;transition:background-color .2s}.username-submit:hover{background:#1ed760}.username-submit:active{background:#1aa34a}@media (max-width:1024px){.main-content{gap:24px;grid-template-columns:1fr}.right-section{max-height:400px}}@media (max-width:768px){.container{border-radius:4px;padding:20px}.title{font-size:2rem;margin-bottom:20px}.username-form{max-width:100%}}.admin-container{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000d;margin:0 auto;max-width:1200px;overflow:hidden}.admin-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;display:flex;justify-content:space-between;padding:36px;text-align:center}.admin-header h1{flex:1 1;font-size:2rem;font-weight:600;letter-spacing:-.5px;margin:0}.back-link{color:#fff;font-size:1rem;text-decoration:none;transition:opacity .2s}.back-link:hover{opacity:.8}.admin-nav{background:#fafafa;border-bottom:1px solid #e5e5e5;display:flex;flex-wrap:wrap}.admin-nav button{-webkit-tap-highlight-color:transparent;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;min-width:120px;padding:18px 24px;position:relative;touch-action:manipulation;transition:all .2s ease}.admin-nav button:hover{background:#f5f5f5;color:#1a1a1a}.admin-nav button:active{background:#f0f0f0}.admin-nav button.active{background:#fff;border-bottom-color:#1a1a1a;color:#1a1a1a;font-weight:600}.admin-content{background:#fff;padding:36px}.auth-error{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000d;margin:100px auto;max-width:500px;padding:48px;text-align:center}.auth-error h2{color:#d32f2f;margin-bottom:15px}.auth-error button{-webkit-tap-highlight-color:transparent;background:#1a1a1a;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;min-height:44px;padding:14px 28px;touch-action:manipulation;transition:all .2s ease}.auth-error button:hover{background:#2d2d2d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.auth-error button:active{transform:translateY(0)}@media (max-width:768px){.admin-header{flex-direction:column;gap:16px;padding:24px 20px}.admin-header h1{font-size:1.5rem}.admin-nav{-webkit-overflow-scrolling:touch;flex-wrap:wrap;overflow-x:auto}.admin-nav button{flex:1 1 auto;font-size:.9rem;min-height:48px;min-width:100px;padding:16px 12px}.admin-content{padding:20px 15px}.auth-error{margin:40px auto;padding:32px 24px}.auth-error h2{font-size:1.3rem}}@media (max-width:480px){.admin-header{padding:20px 16px}.admin-header h1{font-size:1.3rem}.admin-nav button{font-size:.85rem;min-width:100px;padding:14px 10px}.admin-content{padding:16px 12px}}.now-playing{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;box-shadow:0 4px 16px #00000026;color:#fff;margin-bottom:32px;padding:36px;text-align:center}.no-track{padding:40px 20px}.no-track-icon{color:#757575;font-size:2rem;margin-bottom:10px}.no-track-text{color:#9e9e9e;font-size:1.1rem}.album-art-container{margin-bottom:20px}.album-art{box-shadow:0 8px 24px #00000040;object-fit:cover}.album-art,.album-art-placeholder{border-radius:12px;height:200px;width:200px}.album-art-placeholder{align-items:center;background:#ffffff14;color:#fff6;display:flex;font-size:3rem;font-weight:300;justify-content:center;margin:0 auto}.track-info{margin-top:20px}.track-name{font-size:1.75rem;font-weight:600;line-height:1.3;margin-bottom:10px}.track-artist{font-size:1.15rem;font-weight:400;margin-bottom:6px;opacity:.85}.track-album{font-size:1rem;font-weight:300;opacity:.7}@media (max-width:768px){.now-playing{padding:20px}.album-art,.album-art-placeholder{height:150px;width:150px}.track-name{font-size:1.4rem}.track-artist{font-size:1rem}.track-album{font-size:.9rem}}.queue-form{width:100%}.message{border-radius:10px;font-size:.95rem;margin-bottom:24px;padding:16px 20px;text-align:center}.input-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s}.tab.active,.tab:hover{color:#212121}.tab.active{border-bottom-color:#212121}.search-section{width:100%}.search-form{display:flex;gap:10px;margin-bottom:20px}.search-input{background:#fafafa;border:2px solid #e5e5e5;border-radius:10px;flex:1 1;font-size:1rem;padding:14px 18px;transition:all .2s ease}.search-input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a0d;outline:none}.search-button{background:#1a1a1a;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease}.search-button:hover:not(:disabled){background:#2d2d2d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.search-button:disabled{cursor:not-allowed;opacity:.6}.search-results{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000000d;max-height:400px;overflow-y:auto}.search-result-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.search-result-item:hover{background-color:#fafafa;padding-left:20px}.search-result-item:last-child{border-bottom:none}.result-album-art{border-radius:4px;height:50px;margin-right:12px;object-fit:cover;width:50px}.result-info{flex:1 1;min-width:0}.result-name{align-items:center;display:flex;font-weight:500;gap:8px;margin-bottom:4px;overflow:visible;white-space:nowrap}.result-name>span:first-child{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.result-artist{color:#666;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explicit-badge{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828;display:inline-block;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 6px;vertical-align:middle}.queue-button{background:#1a1a1a;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.queue-button:hover:not(:disabled){background:#2d2d2d;box-shadow:0 4px 10px #00000026;transform:translateY(-1px)}.queue-button:disabled{cursor:not-allowed;opacity:.6}.url-form{display:flex;flex-direction:column;gap:12px}.url-input{background:#fafafa;border:2px solid #e5e5e5;border-radius:10px;font-size:1rem;padding:14px 18px;transition:all .2s ease}.url-input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a0d;outline:none}.url-examples{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;font-size:.85rem;padding:10px}.url-examples small{color:#666;display:block;font-weight:500;margin-bottom:6px}.url-example-list{display:flex;flex-direction:column;gap:4px}.url-example-list code{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#424242;font-size:.8rem;padding:4px 8px}.url-submit-button{background:#1a1a1a;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease}.url-submit-button:hover:not(:disabled){background:#2d2d2d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.url-submit-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.search-form{flex-direction:column}.search-result-item{flex-wrap:wrap}.queue-button{margin-top:8px;width:100%}}.queue-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:600px;overflow-y:auto;padding:20px}.queue-title{color:#212121;font-size:18px;font-weight:600;margin:0 0 15px}.queue-empty{font-size:14px}.queue-empty,.queue-loading{color:#999;padding:20px;text-align:center}.queue-list{gap:10px}.queue-item{padding:10px}.queue-item-number{color:#666;font-size:12px;font-weight:600;min-width:24px;text-align:center}.queue-item-art{border-radius:4px;height:40px;object-fit:cover;width:40px}.queue-item-info{flex:1 1;min-width:0}.queue-item-name{color:#212121;font-size:13px;font-weight:500}.queue-item-artist,.queue-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-artist{color:#666;font-size:12px}.queue-item-duration{color:#999;font-size:12px;min-width:35px;text-align:right}.device-management{width:100%}.device-controls{justify-content:space-between;margin-bottom:20px}.device-controls,.filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.filters label{font-weight:500}.filters select{border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-height:36px;padding:8px 12px}.filters select,.reset-all-button{-webkit-tap-highlight-color:transparent}.reset-all-button{background:#616161;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;min-height:44px;padding:10px 20px;touch-action:manipulation;transition:background-color .2s}.reset-all-button:hover{background:#757575}.reset-all-button:active{background:#555}.device-list{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.devices-table{border-collapse:collapse;min-width:600px;width:100%}.devices-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.devices-table td{border-bottom:1px solid #f0f0f0;padding:12px}.device-id{color:#666;font-family:monospace;font-size:.9rem;word-break:break-all}.status-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;margin-right:8px;padding:4px 8px}.status-active{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.status-blocked{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.cooldown-badge{background:#fff3e0;border:1px solid #ffe0b2;border-radius:4px;color:#e65100;display:inline-block;font-size:.85rem;padding:4px 8px}.actions{display:flex;flex-wrap:wrap;gap:8px}.action-button{-webkit-tap-highlight-color:transparent;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;min-height:36px;padding:6px 12px;touch-action:manipulation;transition:opacity .2s}.action-button:hover:not(:disabled){opacity:.8}.action-button:active:not(:disabled){opacity:.7}.action-button:disabled{cursor:not-allowed;opacity:.5}.reset-button{background:#616161;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;transition:all .2s ease}.reset-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.block-button{background:#424242;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;transition:all .2s ease}.block-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.unblock-button{background:#1a1a1a;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;transition:all .2s ease}.unblock-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.loading,.no-devices{color:#666;padding:40px;text-align:center}@media (max-width:768px){.device-controls,.filters{align-items:stretch;flex-direction:column}.filters{gap:10px}.filters,.filters select,.reset-all-button{width:100%}.device-list{margin:0 -15px;padding:0 15px}.devices-table{font-size:.85rem;min-width:700px}.devices-table td,.devices-table th{padding:10px 8px}.device-id{font-size:.8rem;max-width:150px;overflow:hidden;text-overflow:ellipsis}.actions{flex-direction:column;gap:6px}.action-button{min-height:44px;padding:10px 12px;width:100%}}.device-username{color:#333;font-weight:500}.history-button{background:#1976d2;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;transition:all .2s ease}.history-button:hover{background:#1565c0;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.history-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.history-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.history-modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.history-modal-header h2{color:#1a1a1a;font-size:1.5rem;margin:0}.history-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.history-modal-close:hover{background:#f0f0f0}.history-device-info{grid-gap:12px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:grid;font-size:.9rem;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px 24px}.history-device-info div{color:#666}.history-device-info strong{color:#333;margin-right:8px}.history-content{flex:1 1;overflow-y:auto;padding:24px}.history-table{border-collapse:collapse;width:100%}.history-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;font-weight:600;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.history-table td{border-bottom:1px solid #f0f0f0;padding:12px}.history-status-badge{font-size:.85rem;font-weight:500}.history-error{color:#666;font-size:.9rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-history{color:#666;padding:40px;text-align:center}@media (max-width:768px){.history-modal{max-height:95vh;max-width:100%}.history-device-info{grid-template-columns:1fr}.history-content{padding:16px}.history-table{font-size:.85rem}.history-table td,.history-table th{padding:8px}.history-error{max-width:150px}}@media (max-width:480px){.devices-table{font-size:.8rem;min-width:650px}.devices-table td,.devices-table th{padding:8px 6px}.device-id{max-width:120px}}.banned-tracks{width:100%}.add-ban-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:30px;padding:20px}.add-ban-section h2{color:#333;margin-bottom:15px}.ban-form{gap:15px}.ban-form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{font-size:.9rem;font-weight:500}.reason-input,.track-id-input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:10px}.ban-button{-webkit-tap-highlight-color:transparent;align-self:flex-start;background:#1a1a1a;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-weight:600;min-height:44px;padding:12px 24px;touch-action:manipulation;transition:all .2s ease}.ban-button:hover{background:#2d2d2d;box-shadow:0 4px 10px #00000026;transform:translateY(-1px)}.ban-button:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.banned-list h2{color:#333;margin-bottom:15px}.banned-list{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.banned-table{border-collapse:collapse;min-width:500px;width:100%}.banned-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.banned-table td{border-bottom:1px solid #f0f0f0;padding:12px}.track-id{color:#666;font-family:monospace;font-size:.9rem;word-break:break-all}.unban-button{-webkit-tap-highlight-color:transparent;background:#1a1a1a;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-height:44px;padding:8px 16px;touch-action:manipulation;transition:all .2s ease}.unban-button:hover{background:#2d2d2d;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.unban-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.loading,.no-tracks{color:#666;padding:40px;text-align:center}@media (max-width:768px){.add-ban-section{padding:16px}.ban-button{align-self:stretch;width:100%}.banned-list{margin:0 -15px;padding:0 15px}.banned-table{font-size:.85rem;min-width:550px}.banned-table td,.banned-table th{padding:10px 8px}.track-id{font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis}.unban-button{padding:10px 16px;width:100%}}@media (max-width:480px){.banned-table{font-size:.8rem;min-width:500px}.banned-table td,.banned-table th{padding:8px 6px}.track-id{max-width:150px}}.configuration{width:100%}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px}.message-success{background:#e8f5e9;border:1px solid #c8e6c9;box-shadow:0 2px 4px #2e7d321a;color:#2e7d32}.message-error{background:#ffebee;border:1px solid #ffcdd2;box-shadow:0 2px 4px #c628281a;color:#c62828}.config-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:20px;padding:20px}.config-section h2{color:#333;margin-bottom:15px}.config-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.config-item label{align-items:center;display:flex;flex:1 1;font-weight:500;gap:10px}.config-input{-webkit-tap-highlight-color:transparent;border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-left:10px;min-height:36px;padding:8px 12px;width:200px}.config-item input[type=checkbox]{height:24px;width:24px}.config-item input[type=checkbox],.save-button{-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}.save-button{background:#1a1a1a;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;font-weight:600;min-height:44px;padding:10px 20px;transition:all .2s ease}.save-button:hover{background:#2d2d2d;box-shadow:0 4px 10px #00000026;transform:translateY(-1px)}.save-button:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.config-actions{margin-top:30px;text-align:center}.save-all-button{-webkit-tap-highlight-color:transparent;background:#1a1a1a;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:14px 32px;touch-action:manipulation;transition:all .2s ease}.save-all-button:hover:not(:disabled){background:#2d2d2d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.save-all-button:active:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.save-all-button:disabled{cursor:not-allowed;opacity:.6}.loading{color:#666;padding:40px;text-align:center}.reset-all-data-button{-webkit-tap-highlight-color:transparent;background:#c62828;border:none;border-radius:8px;box-shadow:0 2px 6px #c6282833;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:12px 24px;touch-action:manipulation;transition:all .2s ease}.reset-all-data-button:hover{background:#d32f2f;box-shadow:0 4px 10px #c628284d;transform:translateY(-1px)}.reset-all-data-button:active{box-shadow:0 2px 4px #c6282833;transform:translateY(0)}@media (max-width:768px){.config-section{padding:16px}.config-item{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.config-item label{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.config-input{margin-left:0}.config-input,.save-button{margin-top:8px;width:100%}.config-actions{margin-top:24px}.reset-all-data-button,.save-all-button{margin-bottom:12px;width:100%}}@media (max-width:480px){.config-section{padding:12px}.config-item{padding:10px}}.stats{width:100%}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;box-shadow:0 4px 16px #00000026;color:#fff;padding:32px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.stat-card:active{transform:translateY(0)}.stat-card-wide{grid-column:span 2}.stat-icon{color:#757575;font-size:1.5rem;font-weight:300;margin-bottom:10px}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:1rem;opacity:.9}.error,.loading{color:#666;padding:40px;text-align:center}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:24px}.stat-card-wide{grid-column:span 1}.stat-value{font-size:2rem}}@media (max-width:480px){.stat-card{padding:20px}.stat-value{font-size:1.75rem}.stat-label{font-size:.9rem}}.spotify-connect-admin{width:100%}.connect-content{margin:0 auto;max-width:600px;text-align:center}.connect-icon{color:#1db954;font-size:1.2rem;font-weight:600;letter-spacing:2px;margin-bottom:20px}.spotify-connect-admin h2{color:#333;font-size:1.8rem;margin-bottom:15px}.spotify-connect-admin p{color:#666;font-size:1.1rem;margin-bottom:20px}.warning{background:#fff3e0;border:1px solid #ffe0b2;border-radius:4px;color:#e65100;font-size:.9rem;margin-bottom:15px;padding:12px}.connect-button{-webkit-tap-highlight-color:transparent;background:#1a1a1a;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;min-height:44px;padding:16px 32px;touch-action:manipulation;transition:all .2s ease}.connect-button:hover{background:#2d2d2d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.connect-button:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.connect-button:disabled{cursor:not-allowed;opacity:.6}.disconnect-button{-webkit-tap-highlight-color:transparent;background:#c62828;border:none;border-radius:10px;box-shadow:0 2px 8px #c6282833;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;min-height:44px;padding:16px 32px;touch-action:manipulation;transition:all .2s ease}.disconnect-button:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 12px #c628284d;transform:translateY(-1px)}.disconnect-button:active:not(:disabled){box-shadow:0 2px 6px #c6282833;transform:translateY(0)}.disconnect-button:disabled{cursor:not-allowed;opacity:.6}.info-box{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;margin-top:30px;padding:20px;text-align:left}.info-box h3{color:#333;font-size:1.2rem;margin-bottom:15px}.info-box p{color:#666;font-size:.95rem;margin-bottom:10px}.info-box .note{border-top:1px solid #e0e0e0;color:#999;font-size:.85rem;font-style:italic;margin-top:15px;padding-top:15px}@media (max-width:768px){.connect-content{padding:0 10px}.connect-icon{font-size:2.5rem}.spotify-connect-admin h2{font-size:1.5rem}.spotify-connect-admin p{font-size:1rem}.connect-button,.disconnect-button{padding:14px 24px;width:100%}.info-box{margin-top:24px;padding:16px}}@media (max-width:480px){.connect-icon{font-size:2rem}.spotify-connect-admin h2{font-size:1.3rem}.info-box{padding:12px}.info-box h3{font-size:1.1rem}}.queue-management{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.queue-management h2{color:#212121;font-size:20px;margin:0 0 24px}.queue-management h3{color:#424242;font-size:16px;font-weight:600;margin:0 0 16px}.empty,.error,.loading{padding:20px}.now-playing-section{border-bottom:1px solid #e0e0e0;margin-bottom:32px;padding-bottom:24px}.now-playing-item{align-items:center;background:#f5f5f5;border-left:4px solid #1db954;border-radius:8px;display:flex;gap:16px;padding:16px}.now-playing-item img{border-radius:4px;height:60px;object-fit:cover;width:60px}.queue-section{max-height:600px;overflow-y:auto}.queue-list{display:flex;flex-direction:column;gap:8px}.queue-item{align-items:center;background:#f9f9f9;border-left:3px solid #1db954;border-radius:6px;display:flex;gap:12px;padding:12px;transition:background-color .2s}.queue-item:hover{background:#f0f0f0}.item-number{color:#666;font-size:12px;font-weight:600;min-width:24px;text-align:center}.item-art{height:40px;width:40px}.item-name{font-size:13px;font-weight:500}.item-artist{font-size:12px}.item-duration{color:#999;font-size:12px;min-width:35px;text-align:right}.delete-btn{background:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 10px;transition:background-color .2s}.delete-btn:hover{background:#b71c1c}.prequeue-management{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.prequeue-management h2{color:#212121;font-size:20px;margin:0 0 24px}.empty,.error,.loading{color:#999;padding:40px 20px;text-align:center}.error{color:#d32f2f}.prequeue-list{display:flex;flex-direction:column;gap:12px}.prequeue-item{align-items:center;background:#f9f9f9;border-left:4px solid #ff9800;border-radius:8px;display:flex;gap:16px;padding:16px;transition:background-color .2s}.prequeue-item:hover{background:#f0f0f0}.item-art{border-radius:4px;height:50px;object-fit:cover;width:50px}.item-info{flex:1 1;min-width:0}.item-name{color:#212121;font-size:14px;font-weight:600}.item-artist,.item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-artist{color:#666;font-size:13px;margin-top:2px}.item-actions{display:flex;gap:8px}.approve-btn,.decline-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.approve-btn{background:#4caf50;color:#fff}.approve-btn:hover:not(:disabled){background:#45a049}.approve-btn:disabled{background:#ccc;cursor:not-allowed}.decline-btn{background:#d32f2f;color:#fff}.decline-btn:hover:not(:disabled){background:#b71c1c}.decline-btn:disabled{background:#ccc;cursor:not-allowed}
/*# sourceMappingURL=main.f884dea4.css.map*/