:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:100%;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0f0f0f}.login-box{background:#1a1a1a;padding:2rem;border-radius:10px;box-shadow:0 10px 40px #00000080;width:100%;max-width:400px;border:1px solid #2a2a2a}.login-box h1{text-align:center;margin-bottom:.5rem;color:#fff;font-size:2rem}.login-box h2{text-align:center;margin-bottom:2rem;color:#aaa}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #3a3a3a;border-radius:5px;font-size:1rem;background:#2a2a2a;color:#fff;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#4a90e2;background:#333}.btn-primary{width:100%;padding:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#357abd}.error{background:#3a1a1a;color:#ff6b6b;padding:.75rem;border-radius:5px;margin-bottom:1rem;text-align:center;border:1px solid #4a2a2a}.info{margin-top:2rem;padding:1rem;background:#2a2a2a;border-radius:5px;font-size:.875rem;color:#999;border:1px solid #3a3a3a}.info p{margin:.25rem 0}.movie-list{padding:2rem;background:#0f0f0f}.movie-list h2{margin-bottom:2rem;color:#fff}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.movie-card{background:#1a1a1a;border-radius:10px;padding:1.5rem;box-shadow:0 4px 6px #0000004d;border:1px solid #2a2a2a;cursor:pointer;transition:transform .3s,border-color .3s;text-align:center}.movie-card:hover{transform:translateY(-5px);border-color:#4a90e2}.movie-icon{font-size:4rem;margin-bottom:1rem}.movie-card h3{margin-bottom:.5rem;color:#fff;font-size:1.1rem}.movie-info{color:#999;font-size:.9rem;margin-bottom:1rem}.btn-play{width:100%;padding:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background .2s}.btn-play:hover{background:#357abd}.loading,.error,.no-movies{text-align:center;padding:3rem;color:#999}.no-movies h3{color:#fff;margin-bottom:1rem}.video-player{padding:1rem;min-height:100vh;background:#1a1a1a}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;background:#2a2a2a;border-radius:10px}.player-header h2{color:#fff;margin:0;flex:1;text-align:center}.btn-back,.btn-settings{padding:.5rem 1rem;background:#4a90e2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background .3s}.btn-back:hover,.btn-settings:hover{background:#357abd}.video-container{max-width:1200px;margin:0 auto 2rem;background:#000;border-radius:10px;overflow:hidden}.video-container video{width:100%;display:block}.video-container video::cue{font-size:var(--subtitle-font-size, 20px)!important;color:var(--subtitle-color, white)!important;background-color:var(--subtitle-bg, #000000)!important;opacity:.9;padding:.2em .5em;border-radius:3px;line-height:1.4}.video-container video::-webkit-media-text-track-container{overflow:visible!important}.video-container video::-webkit-media-text-track-display{overflow:visible!important}.settings-panel{max-width:800px;margin:0 auto;background:#2a2a2a;padding:2rem;border-radius:10px;color:#fff}.settings-panel h3{margin-top:0;margin-bottom:1.5rem;color:#4a90e2}.settings-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #444}.settings-section:last-child{border-bottom:none}.settings-section h4{margin-top:0;margin-bottom:.75rem;color:#ccc;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.file-input{width:100%;padding:.5rem;background:#3a3a3a;border:2px solid #555;border-radius:5px;color:#fff;cursor:pointer}.subtitle-select{width:100%;padding:.5rem;background:#3a3a3a;border:2px solid #555;border-radius:5px;color:#fff;font-size:1rem}.settings-section input[type=range]{width:calc(100% - 60px);margin-right:10px}.settings-section input[type=color]{width:100px;height:40px;border:none;border-radius:5px;cursor:pointer}.settings-section input[type=number]{width:150px;padding:.5rem;background:#3a3a3a;border:2px solid #555;border-radius:5px;color:#fff;font-size:1rem}.settings-section span{color:#4a90e2;font-weight:600}.delay-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.btn-delay{padding:.5rem .75rem;background:#3a3a3a;border:2px solid #555;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;transition:all .2s;min-width:55px}.btn-delay:hover{background:#4a90e2;border-color:#4a90e2}.delay-value{padding:.5rem 1rem;background:#1a1a1a;border:2px solid #4a90e2;border-radius:5px;color:#4a90e2;font-weight:700;min-width:60px;text-align:center}.btn-reset{padding:.5rem 1rem;background:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;transition:background .2s}.btn-reset:hover{background:#c9302c}.dashboard{min-height:100vh;background:#0f0f0f}.navbar{background:#1a1a1a;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000004d;border-bottom:1px solid #2a2a2a}.nav-brand{font-size:1.5rem;font-weight:700}.nav-user{display:flex;align-items:center;gap:1rem}.btn-logout{padding:.5rem 1rem;background:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:5px;cursor:pointer;font-weight:600;transition:background .3s}.btn-logout:hover{background:#3a3a3a}.dashboard-content{max-width:1400px;margin:0 auto}*{box-sizing:border-box;margin:0;padding:0}body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#667eea}