.class-video-dialog{position:fixed;inset:0;margin:auto;width:min(960px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid oklch(var(--background-200));border-radius:24px;background:oklch(var(--background-50));color:oklch(var(--foreground-950));box-shadow:0 24px 100px #071a374d;overflow:auto;overscroll-behavior:contain;text-align:right}
.class-video-dialog::backdrop{background:#071323cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.class-video-dialog[open]{animation:class-video-enter .22s ease-out}
.class-video-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}
.class-video-header span{font-size:10px;color:oklch(var(--foreground-500))}
.class-video-header h2{font-size:17px;font-weight:800;line-height:1.9;margin-top:3px}
.class-video-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:oklch(var(--background-100));color:oklch(var(--foreground-700));font-size:25px;cursor:pointer}
.class-video-player{width:100%;aspect-ratio:16/9;max-height:70dvh;background:#000}
.class-video-player iframe{display:block;width:100%;height:100%;border:0}
.class-video-dialog [hidden]{display:none!important}
.class-video-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 24px;font-size:11px;color:oklch(var(--foreground-500));line-height:1.9}
.class-video-footer a{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:oklch(var(--primary-700));font-size:12px;font-weight:700}
.class-video-dialog :focus-visible{outline:3px solid oklch(var(--primary-300));outline-offset:3px}
@keyframes class-video-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:540px){.class-video-header{padding:16px}.class-video-header h2{font-size:13px}.class-video-header span{font-size:9px}.class-video-footer{padding:12px 16px}.class-video-dialog{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.class-video-dialog[open]{animation:none}}