.video-modal{z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.video-modal[hidden]{display:none}.video-backdrop{background:#11182773;position:absolute;inset:0}.video-card{border:1px solid var(--border,var(--line));background:var(--card,#fff);border-radius:16px;width:100%;max-width:56rem;padding:20px;animation:.22s ease-out video-in;position:relative;box-shadow:0 24px 60px -20px #11182759}@keyframes video-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.video-title{color:var(--foreground,var(--ink));margin:0 40px 14px 0;font-size:1.05rem;font-weight:700}.video-frame{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-x{width:32px;height:32px;color:var(--muted-foreground,#6b7280);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.video-x:hover{background:var(--secondary,var(--bg,#f8faff))}.video-x svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.video-card{animation:none}}.video-play-icon{width:36px;height:36px;color:var(--primary,#1a56db);background:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex;position:relative}.video-play-btn:hover .video-play-icon{transform:scale(1.08)}.video-play-ripple,.video-play-ripple:before{border:2px solid #fffc;border-radius:9999px;animation:1.9s ease-out infinite video-play-wave;position:absolute;inset:0}.video-play-ripple:before{content:"";animation-delay:.95s;inset:-2px}@keyframes video-play-wave{0%{opacity:.8;scale:1}to{opacity:0;scale:1.9}}@media (prefers-reduced-motion:reduce){.video-play-ripple,.video-play-ripple:before{opacity:0;animation:none}.video-play-icon{transition:none}}.video-play-btn--light .video-play-icon{background:var(--gradient-brand,var(--primary,#1a56db));color:#fff}.video-play-btn--light .video-play-ripple,.video-play-btn--light .video-play-ripple:before{border-color:var(--primary,#1a56db)}.video-preview{aspect-ratio:16/9;width:9rem;box-shadow:var(--shadow-soft);cursor:pointer;outline:1px solid var(--border);background:#000;border-radius:.75rem;flex-shrink:0;transition:outline-color .15s;display:block;position:relative;overflow:hidden}.video-preview:hover{outline-color:var(--primary)}.video-preview img,.video-preview iframe{object-fit:cover;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}@media (width>=640px){.video-preview{width:14rem}}@media (width>=1024px){.video-preview{width:21rem}}.video-preview[hidden],.video-preview-btn[hidden]{display:none}.video-preview-btn{background:color-mix(in srgb, var(--primary) 10%, transparent);width:1.75rem;height:1.75rem;color:var(--primary);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}@media (width>=640px){.video-preview-btn{width:2.75rem;height:2.75rem}}.video-preview-btn--muted{color:var(--muted-foreground);background:var(--secondary)}.video-preview-btn[hidden]{display:none}.video-preview-btn:hover{color:var(--accent)}.video-preview-btn:focus,.video-preview-btn:focus-visible{box-shadow:none;outline:none}