/* 녹화 강의 — 기존 사이트의 어두운 테마를 따른다. */
.recordings { padding-block: 36px 72px; min-height: 55vh; }
.recordings [hidden] { display: none !important; }
.rec-state { padding: 36px 20px; border: 1px solid #303a4c; border-radius: 12px; color: #cbd5e1; text-align: center; }
.rec-state a, .rec-back { color: #a5b4fc; text-decoration: underline; }
.rec-view { min-width: 0; }
.rec-label { color: #a5b4fc; font-size: .875rem; margin-bottom: 6px; }
.rec-view h2 { font-size: clamp(1.25rem, 2.5vw, 1.75rem); overflow-wrap: anywhere; }
.rec-description { white-space: pre-wrap; color: #cbd5e1; margin: 12px 0 20px; overflow-wrap: anywhere; }
.rec-player-wrap { position: relative; }
.rec-stage { position: relative; aspect-ratio: 16 / 9; min-height: 200px; overflow: hidden; background: #000; border-radius: 12px 12px 0 0; }
.rec-stage iframe, #rec-player { position: absolute; width: 100%; height: 100%; inset: 0; border: 0; pointer-events: none; }
.rec-shield { position: absolute; inset: 0; z-index: 2; user-select: none; cursor: pointer; }
/* 워터마크는 영상 영역 오른쪽 위 한 곳에 고정 — 이동시키지 않는다 */
.rec-watermark { position: absolute; top: 16px; right: 16px; left: auto; max-width: 80%; overflow-wrap: anywhere; font-size: clamp(.875rem, 2vw, 1.125rem); color: rgba(255,255,255,.62); text-shadow: 0 1px 3px #000, 1px 0 2px #000; pointer-events: none; }
.rec-controls { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; background: #182131; padding: 14px; border-radius: 0 0 12px 12px; }
.rec-controls button, .rec-retry { padding: 9px 16px; border: 1px solid #52617c; border-radius: 7px; background: #27354b; color: #fff; cursor: pointer; font: inherit; }
.rec-controls button:disabled { opacity: .5; cursor: wait; }
.rec-controls input { accent-color: #a5b4fc; }
.rec-seek { width: 100%; }
.rec-time { font-size: .875rem; color: #e2e8f0; font-variant-numeric: tabular-nums; }
.rec-volume { display: flex; gap: 8px; align-items: center; font-size: .875rem; }
.rec-volume input { width: 80px; }
.rec-controls select { color: #fff; background: #27354b; border: 1px solid #52617c; border-radius: 5px; padding: 6px; font: inherit; }
.rec-hint { color: #aab7cb; font-size: .875rem; margin-top: 12px; }
.rec-error { color: #fda4af; margin-top: 12px; }
.recordings :focus-visible { outline: 3px solid #a5b4fc; outline-offset: 3px; }

/* 전체화면 — 플레이어+가림막(워터마크)+컨트롤을 감싼 요소 전체를 전체화면으로 띄운다.
   YouTube 원본 전체화면(fs=0)은 계속 막혀 있고, 이 전체화면은 우리 컨트롤·워터마크를 유지한다. */
.rec-player-wrap:fullscreen,
.rec-player-wrap:-webkit-full-screen { display: flex; flex-direction: column; background: #000; width: 100vw; height: 100vh; }
.rec-player-wrap:fullscreen .rec-stage,
.rec-player-wrap:-webkit-full-screen .rec-stage { flex: 1; min-height: 0; aspect-ratio: auto; border-radius: 0; }
.rec-player-wrap:fullscreen .rec-controls,
.rec-player-wrap:-webkit-full-screen .rec-controls { border-radius: 0; }