*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#333;background:#f5f5f5}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select{font-family:inherit}.tv-mode{background:#000;color:#fff;min-height:100vh;display:flex;flex-direction:column}.phone-mode{min-height:100vh;background:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-block}.btn-primary{background:#0070f3;color:#fff}.btn-primary:hover{background:#0051cc}.btn-secondary{background:#666;color:#fff}.btn-secondary:hover{background:#555}.btn-danger{background:#e00;color:#fff}.btn-danger:hover{background:#c00}.input{padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;width:100%}.input:focus{outline:none;border-color:#0070f3}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tv-queue-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.6) rgba(0,0,0,.3)}.tv-queue-scroll::-webkit-scrollbar{width:12px}.tv-queue-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:6px}.tv-queue-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.6);border-radius:6px;border:2px solid rgba(0,0,0,.3)}.tv-queue-scroll::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.8)}.tv-queue-scroll :focus-visible{outline:3px solid rgba(0,123,255,.8);outline-offset:2px;border-radius:4px}@media (max-width:768px){button{min-height:44px;min-width:44px}.card{padding:1rem}.toast-container{right:.5rem!important;left:.5rem!important;max-width:calc(100% - 1rem)!important}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}}@media (min-width:769px) and (max-width:1024px){.card{padding:1.25rem}}@media (min-width:1200px){.container{max-width:1400px}}@media (hover:none) and (pointer:coarse){a,button,input,select{min-height:48px}.card{padding:1.5rem}button:hover{transform:none}}.sidebar-toggle-btn{display:flex!important}.queue-sidebar{transform:translateX(100%);transition:transform .3s ease-in-out;box-shadow:-2px 0 8px rgba(0,0,0,.3)}.queue-sidebar.sidebar-open{transform:translateX(0)}.queue-sidebar.sidebar-closed{transform:translateX(100%)}.sidebar-backdrop{display:block}