body { margin: 0; background: #020205; color: white; font-family: 'Segoe UI', sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.container { width: 90%; max-width: 800px; background: #0a0a12; padding: 40px; border-radius: 30px; text-align: center; border: 1px solid #1a1a2e; box-shadow: 0 50px 100px rgba(0,0,0,0.9); }
h1 { font-size: 3rem; margin: 0; background: linear-gradient(#fff, #777); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.subtitle { color: #444; text-transform: uppercase; letter-spacing: 4px; font-size: 0.7rem; margin-bottom: 30px; }
input { width: 100%; padding: 20px; border-radius: 15px; border: 1px solid #222; background: #000; color: #fff; font-size: 1.1rem; margin-bottom: 20px; box-sizing: border-box; outline: none; }
.btn-primary { width: 100%; padding: 20px; background: #fff; color: #000; font-weight: bold; border-radius: 15px; border: none; cursor: pointer; transition: 0.3s; }
.btn-primary:hover { background: #00d2ff; }

.cinema-frame { width: 100%; aspect-ratio: 16/9; background: #000; border-radius: 20px; overflow: hidden; position: relative; border: 1px solid #333; margin-top: 20px; }
#main-image { width: 100%; height: 100%; object-fit: cover; display: none; }
.active-screen { display: block !important; animation: kenburns 30s infinite alternate; }
@keyframes kenburns { from { transform: scale(1); } to { transform: scale(1.15); } }

.spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border: 4px solid #111; border-top: 4px solid #00d2ff; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }

#story-caption { font-size: 1.4rem; margin-top: 25px; color: #ccc; font-style: italic; line-height: 1.5; }
#status-label { color: #00d2ff; font-weight: bold; font-size: 0.8rem; margin-bottom: 10px; text-transform: uppercase; }
.btn-secondary { background: none; border: 1px solid #222; color: #555; padding: 10px 25px; border-radius: 10px; cursor: pointer; margin-top: 30px; }