body{margin:0;min-width:320px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#e5edf5;background:#10161e}#root{min-height:100vh}.page-shell{min-height:100vh;display:flex;justify-content:center;padding:24px;box-sizing:border-box}.page-shell--centered{align-items:center}.page-shell--app{height:100vh;align-items:stretch;overflow:hidden}.auth-card,.app-card{width:min(420px,100%);padding:28px;border-radius:14px;background:#18212b;box-shadow:0 12px 34px #0006}.auth-card h1,.app-card h1{margin:0 0 8px}.auth-card p,.app-card p{margin:0 0 18px;color:#a9b8c8}.auth-card label{display:block;margin-bottom:8px;font-size:.92rem;font-weight:600}.auth-card input{width:100%;box-sizing:border-box;border:1px solid #2a3643;border-radius:10px;padding:10px 12px;font-size:1rem;margin-bottom:14px;background:#10161e;color:#e5edf5}.login-form{display:inline-flex;flex-direction:column;padding:12px;border-radius:12px;border:1px solid #2a3643;background:#18212bf0;box-shadow:0 10px 24px #00000052}.login-form-row{display:flex;align-items:center;gap:8px}.login-form-input{width:170px;box-sizing:border-box;border:1px solid #2a3643;border-radius:10px;padding:10px 12px;font-size:1rem;background:#10161e;color:#e5edf5}.login-form-button{white-space:nowrap}button{border:0;border-radius:10px;padding:10px 14px;background:#2a3643;color:#e5edf5;font-size:.95rem;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.button-row{display:flex;gap:10px}.toolbar-icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;transition:background-color .1s ease,color .1s ease}.toolbar-icon-button--create:hover:not(:disabled){background:#166534;color:#dcfce7}.toolbar-icon-button--logout:hover:not(:disabled){background:#991b1b;color:#fee2e2}.toolbar-icon-button--back:hover:not(:disabled){background:#c2410c;color:#ffedd5}.app-layout,.player-layout{width:min(1200px,100%);display:flex;flex-direction:column;min-height:0}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;position:sticky;top:0;z-index:1;background:#10161e;padding:8px 0}.toolbar h1{margin:0}.page-content{flex:1;min-height:0;overflow-y:auto;overflow-x:clip;padding:10px 10px 12px}.page-content--movies{scrollbar-width:thin;scrollbar-color:rgba(169,184,200,.32) transparent}.page-content--movies::-webkit-scrollbar{width:8px}.page-content--movies::-webkit-scrollbar-track{background:transparent}.page-content--movies::-webkit-scrollbar-thumb{background:#a9b8c847;border-radius:999px}.page-content--movies::-webkit-scrollbar-thumb:hover{background:#a9b8c866}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.movie-card{display:flex;flex-direction:column;gap:8px}.movie-tile{border:0;border-radius:10px;background:transparent;padding:0;text-align:left;color:#e5edf5;cursor:pointer}.movie-delete-button{background:#7f1d1d}.movie-delete-button:hover{background:#991b1b}.movie-tile img{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:10px;box-shadow:0 10px 24px #00000029;transition:transform .22s ease,box-shadow .22s ease}.movie-tile:hover img{transform:scale(1.03);box-shadow:0 14px 28px #0000003d}.movie-tile span{display:block;margin-top:8px;font-weight:600;text-align:center}.movie-player{width:100%;border-radius:12px;background:#000;display:block}.movie-player-shell{width:100%;margin-bottom:12px}.movie-player-frame{position:relative}.video-controls{display:flex;align-items:center;gap:8px;margin-top:10px;transition:opacity .22s ease,color .22s ease}.video-controls--dimmed{opacity:.35}.seek-slider{appearance:none;flex:1;min-width:120px;height:10px;border-radius:999px;background:linear-gradient(#74c0fc 0 0) 0 / var(--track-progress, 0%) 100% no-repeat,#233140;cursor:pointer;overflow:hidden}.seek-slider::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:transparent}.seek-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:0 999px 999px 0;border:0;background:#74c0fc;box-shadow:none}.seek-slider::-moz-range-track{height:10px;border-radius:999px;background:#233140}.seek-slider::-moz-range-progress{height:10px;border-radius:999px;background:#74c0fc}.seek-slider::-moz-range-thumb{width:10px;height:10px;border-radius:999px;border:0;background:#74c0fc}.volume-slider{appearance:none;width:96px;height:10px;border-radius:999px;background:linear-gradient(#74c0fc 0 0) 0 / var(--track-progress, 0%) 100% no-repeat,#233140;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:transparent}.volume-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:0 999px 999px 0;border:0;background:#74c0fc;box-shadow:none}.volume-slider::-moz-range-track{height:10px;border-radius:999px;background:#233140}.volume-slider::-moz-range-progress{height:10px;border-radius:999px;background:#74c0fc}.volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:999px;border:0;background:#74c0fc}.time-readout{min-width:95px;font-size:.9rem;color:#a9b8c8}.time-readout--muted{opacity:.7}.movie-player-buffering{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#e5edf5f0;font-size:2rem;pointer-events:none}.video-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:999px;background:transparent;color:#dce6ef}.video-icon-button:hover:not(:disabled){background:#e5edf514}.video-icon-button--active{background:#74c0fc24;color:#74c0fc}.theater-backdrop{position:fixed;inset:0;background:#000000b8;z-index:20}.movie-player-shell.theater-mode{position:fixed;left:0;right:0;top:0;z-index:30;width:100vw;padding:16px;box-sizing:border-box}.movie-player-shell.theater-mode .movie-player{max-height:calc(100vh - 140px);object-fit:contain}.theater-exit-button{margin-bottom:8px}.movie-meta{display:flex;align-items:flex-start;gap:16px}.movie-poster-preview{width:180px;aspect-ratio:2 / 3;object-fit:cover;border-radius:10px;box-shadow:0 10px 24px #0000003d;flex:0 0 auto}.movie-description{margin:0;color:#c4d2df;line-height:1.5}.error-text{margin-top:12px;color:#f87171}body.theater-active{overflow:hidden}@media(max-width:900px){.video-controls{flex-wrap:wrap}.movie-meta{flex-direction:column}}@media(max-width:640px){.movie-meta{display:none}.video-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.seek-slider{grid-column:1 / -1;width:100%;min-width:0}.time-readout,.volume-slider{display:none}.video-icon-button{width:100%;border-radius:12px}.video-icon-button--play-toggle{grid-column:1;grid-row:2}}