.movie-shortcut { flex-shrink: 0; border: 0; border-bottom: 1px solid var(--line); padding: 9px 16px; color: #842854; background: linear-gradient(110deg, #ffe7d7, #ffe4f0); font: inherit; cursor: pointer; }
.movie-room { flex-shrink: 0; padding: 8px 12px; background: #fff1f5; border-bottom: 1px solid #edcada; max-height: 52dvh; overflow: auto; }
.movie-room[hidden] { display: none; }
.movie-mode #space-shortcut { display: none; }
.movie-room header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.movie-room header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#movie-player:empty { display: none; }
#movie-player iframe { display: block; width: 100%; height: clamp(200px, 28dvh, 300px); border: 0; border-radius: 12px; background: #211022; }
.movie-room p { font-size: 12px; margin: 6px 0; }
.movie-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; font-size: 12px; }
.movie-controls button, .movie-controls a, .movie-card button { padding: 6px 10px; border: 1px solid #e7b9ce; border-radius: 14px; background: #fff9fc; color: #80274e; cursor: pointer; font: inherit; }
.movie-controls label { display: flex; align-items: center; gap: 4px; }
.movie-controls input { width: 72px; padding: 4px; }
.movie-dialog { max-width: 540px; }
.movie-dialog select, .movie-dialog textarea { width: 100%; border: 1px solid #e4cbd8; border-radius: 12px; background: white; padding: 10px; font: inherit; }
.movie-card { background: linear-gradient(120deg, #fff5e9, #fff0f7); border: 1px solid #f2d3e0; border-radius: 18px; padding: 14px; margin: 10px 0; overflow-wrap: anywhere; }
.movie-card h4 { margin: 0 0 6px; }
.movie-card p { white-space: pre-wrap; font-size: 13px; }
.movie-card time { font-size: 12px; color: #795669; }
.movie-card div { display: flex; flex-wrap: wrap; gap: 8px; }
@media (min-width: 720px) { .app.movie-mode { width: 680px; max-width: 100%; } }