html,body,#root{width:100%;height:100%;margin:0}body{color:#fff;background:#0f0f0f;font-family:Arial,sans-serif}.page{box-sizing:border-box;width:100%;min-height:100%;padding:24px}.page h1{margin-top:0}.player{width:100%;max-width:1200px;margin:0 auto}.player video{background:#000;border-radius:12px;width:100%}html,body,#root{background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:#000}.screen{color:#fff;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.screen h1{margin:0 0 16px;font-size:32px}.screen p{opacity:.7;margin:0;font-size:20px}.video{object-fit:contain;background:#000;width:100vw;height:100vh;display:block}.video-player{background:#000;width:100vw;height:100vh;position:relative}.video-playback-button{z-index:1;color:#fff;font:inherit;cursor:pointer;background:#18191ce6;border:1px solid #ffffff40;border-radius:999px;padding:12px 18px;position:absolute;bottom:72px;right:24px}.video-playback-button:disabled{cursor:wait;opacity:.65}.admin-screen{box-sizing:border-box;color:#f5f5f7;background:#111216;width:100%;height:100%;padding:32px;font-family:Arial,Helvetica,sans-serif;overflow:auto}.admin-header{justify-content:space-between;align-items:center;gap:16px;max-width:900px;margin:0 auto 24px;display:flex}.admin-header h1{margin:0;font-size:28px}.admin-eyebrow{color:#a7a8b0;margin:0 0 8px}.admin-message button{color:#fff;font:inherit;cursor:pointer;background:#5865f2;border:0;border-radius:8px;padding:10px 14px}.admin-header-actions{gap:8px;margin-left:auto;display:flex}.admin-icon-button{color:#f5f5f7;cursor:pointer;background:#252731;border:1px solid #454752;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid}.admin-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.admin-icon-button.admin-add-button{background:#3ba55c;border-color:#3ba55c}.admin-icon-button:disabled{cursor:wait;opacity:.6}.admin-message,.screening-list{max-width:900px;margin:0 auto}.admin-message{color:#c9cad1;text-align:center}.admin-toast{z-index:10;box-sizing:border-box;color:#b8f0c8;text-align:center;overflow-wrap:anywhere;background:#1b3525;border:1px solid #34794b;border-radius:10px;width:max-content;max-width:min(520px,100vw - 32px);padding:12px 18px;animation:3.5s forwards toast-dropdown;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000059}@keyframes toast-dropdown{0%{opacity:0;transform:translate(-50%,-120%)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-24%)}}@media (prefers-reduced-motion:reduce){.admin-toast{animation-duration:.01ms}}.screening-list{gap:12px;padding:0;list-style:none;display:grid}.create-screening-form{background:#1b1d23;border:1px solid #30323a;border-radius:12px;gap:14px;max-width:900px;margin:0 auto 24px;padding:20px;display:grid}.create-screening-form h2{margin:0;font-size:20px}.create-screening-form label,.video-source-field{color:#c9cad1;gap:6px;font-size:14px;display:grid}.video-source-control{align-items:center;gap:8px;display:flex}.video-source-control input[type=url]{flex:1;min-width:0}.video-source-hint{color:#a7a8b0;font-size:12px}.create-screening-form .visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.selected-video-file{color:#a7a8b0;overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;display:flex}.selected-video-file .icon-button{flex:none}.create-screening-form input{box-sizing:border-box;color:#f5f5f7;width:100%;font:inherit;background:#111216;border:1px solid #454752;border-radius:8px;padding:10px}.download-progress{color:#c9cad1;gap:8px;display:grid}.download-progress p{margin:0}.download-progress progress{accent-color:#5865f2;width:100%;height:12px}.create-screening-form button:disabled{cursor:wait;opacity:.6}.screening-card{background:#1b1d23;border:1px solid #30323a;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:16px;padding:18px 20px;display:grid}.screening-card h2{margin:0 0 12px;font-size:20px}.screening-card p{color:#c9cad1;margin:6px 0 0}.screening-card-details{min-width:0}.screening-card-actions{gap:8px;display:flex}.icon-button{color:#f5f5f7;cursor:pointer;background:#252731;border:1px solid #454752;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.icon-button-danger{color:#ff8b8b}.icon-button:disabled{cursor:wait;opacity:.5}.screening-form-actions button{color:#f5f5f7;font:inherit;cursor:pointer;background:#252731;border:1px solid #454752;border-radius:8px;margin-top:14px;padding:8px 12px}.screening-edit-form{border-top:1px solid #30323a;grid-column:1/-1;gap:12px;margin-top:18px;padding-top:16px;display:grid}.screening-edit-form label{color:#c9cad1;gap:6px;font-size:14px;display:grid}.screening-edit-form input{box-sizing:border-box;color:#f5f5f7;width:100%;font:inherit;background:#111216;border:1px solid #454752;border-radius:8px;padding:10px}.screening-form-actions{flex-wrap:wrap;gap:10px;display:flex}.screening-form-actions button{margin-top:0}.screening-form-actions button[type=submit]{background:#5865f2;border-color:#5865f2}.screening-form-actions button:disabled{cursor:wait;opacity:.6}.form-error{color:#ff8b8b!important}.confirm-delete-dialog{box-sizing:border-box;color:#f5f5f7;background:#1b1d23;border:1px solid #454752;border-radius:14px;width:min(460px,100% - 32px);padding:24px;font-family:Arial,Helvetica,sans-serif}.confirm-delete-dialog::backdrop{background:#000000b3}.confirm-delete-dialog h2{margin:0 0 12px;font-size:22px}.confirm-delete-dialog p{color:#c9cad1;line-height:1.5}.delete-confirm-button{background:#d83c45!important;border-color:#d83c45!important}.admin-pagination{color:#c9cad1;justify-content:center;align-items:center;gap:16px;max-width:900px;margin:20px auto 0;display:flex}.admin-pagination button{color:#f5f5f7;font:inherit;cursor:pointer;background:#1b1d23;border:1px solid #454752;border-radius:8px;padding:8px 12px}.admin-pagination button:disabled{cursor:default;opacity:.45}@media (width<=600px){.admin-screen{padding:20px 16px}.admin-header{align-items:flex-start}.admin-header h1{font-size:22px}.admin-header-actions{gap:6px}.admin-icon-button{width:36px;height:36px}.screening-card{padding:14px}.screening-card-actions{gap:6px}.icon-button{width:34px;height:34px}}