:root{--embed-bg:#000;--embed-notice-color:#999;--embed-notice-bg:rgba(0, 0, 0, 0.05)}
@media (prefers-color-scheme:dark){
:root{--embed-bg:#0a0a0a;--embed-notice-color:#aaa;--embed-notice-bg:rgba(255, 255, 255, 0.05)}
}
.embed{position:relative;border-radius:6px;overflow:hidden;max-width:100%;aspect-ratio:16/9;background:var(--embed-bg);cursor:pointer;margin:1.5rem 0}
.embed-poster{position:relative;width:100%;height:100%}
.embed-poster-img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:opacity .2s ease}
.embed-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);transition:background .2s ease}
.embed:hover .embed-poster-img{opacity:1}
.embed:hover .embed-play-overlay{background:rgba(0,0,0,.2)}
.embed-play-icon{width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, .4));transition:transform .2s ease}
.embed:hover .embed-play-icon{transform:scale(1.1)}
.embed-notice{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;font-size:.85rem;text-align:center;color:var(--embed-notice-color);background:var(--embed-notice-bg);backdrop-filter:blur(8px);line-height:1.4;opacity:.82;transition:opacity .2s ease}
.embed:hover .embed-notice{opacity:1}
.embed--loaded{cursor:default;transform:none}
.embed--loaded:hover{transform:none}
.embed--loaded iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:640px){
.embed{margin:1rem 0}
.embed-notice{font-size:.8rem;padding:.5rem .75rem}
.embed-play-icon{width:48px;height:48px}
}
@media print{
.embed{border:1px solid #ccc;background:#f9f9f9;page-break-inside:avoid}
.embed-notice,.embed-play-overlay,.embed-poster{display:none}
.embed::after{content:'YouTube video: https://www.youtube.com/watch?v=' attr(data-video-id);display:block;padding:1rem;font-size:.9rem;color:#333;text-align:center}
.embed--loaded iframe{display:none}
}