.vo-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background:var(--bg-overlay-heavy);align-items:flex-start;justify-content:center;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.vo-modal,.vo-modal-overlay{display:flex;overflow-y:auto}.vo-modal{position:relative;width:100%;max-width:420px;max-height:calc(100dvh - var(--space-8));overflow-x:hidden;margin:auto 0;background:radial-gradient(circle at 0 100%,rgba(var(--brand-cyan-rgb),.08) 0,transparent 60%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb),.05) 0,transparent 60%),rgba(var(--bg-surface-tinted-rgb),.96);border:1px solid rgba(var(--brand-cyan-rgb),.14);box-shadow:var(--shadow-xl),inset 0 1px 0 rgba(var(--white-rgb),.06);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;gap:var(--space-4);outline:none}.vo-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer}.vo-modal__close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.vo-modal__head{display:flex;align-items:center;gap:var(--space-3);padding-right:calc(var(--tap-target-min) + var(--space-2))}.vo-modal__head-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-surface-tinted);color:var(--brand-cyan);flex-shrink:0}.vo-modal__title{margin:0;font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.vo-modal__preview{display:flex;flex-direction:column;gap:var(--space-2)}.vo-modal__video{width:100%;max-height:210px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-void)}.vo-modal__preview-caption{margin:0;font-size:var(--text-xs);color:var(--text-tertiary)}.vo-modal__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-surface-tinted);border-radius:var(--radius-md);padding:var(--space-3)}.vo-modal__meta-icon{display:inline-flex;color:var(--brand-cyan);flex-shrink:0}.vo-modal__hint{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.vo-modal__actions{display:flex;flex-direction:column;gap:var(--space-3);position:sticky;bottom:0;background:rgba(var(--bg-surface-tinted-rgb),.96);padding-top:var(--space-2)}.vo-modal__cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--tap-target-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal)}.vo-modal__cta--primary{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:var(--btn-primary-color);box-shadow:var(--btn-primary-shadow)}@media (hover:hover){.vo-modal__cta--primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-1px)}}.vo-modal__cta--primary:active{transform:translateY(0) scale(.97);filter:brightness(.96)}.vo-modal__cta--secondary{border:1px solid var(--border-default);background:transparent;color:var(--text-primary)}.vo-modal__cta--secondary:hover{background:var(--bg-card-hover)}@media (max-width:480px){.vo-modal{padding:var(--space-4)}.vo-modal__video{max-height:160px}}