/* V50 — Candidate video, Reel-style UX and engagement */
.vx-video-reel-card{overflow:hidden}
.vx-reel-shell{display:flex;justify-content:center}
.vx-reel-player-wrap{position:relative;width:min(100%,470px);aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#050708;box-shadow:0 22px 58px rgba(0,0,0,.28)}
.vx-reel-player{position:absolute;inset:0;width:100%;height:100%;display:block;background:#050708;object-fit:cover}
.vx-reel-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,rgba(0,0,0,.82) 100%)}
.vx-reel-caption{position:absolute;left:18px;right:90px;bottom:18px;color:#fff;z-index:4;pointer-events:none}
.vx-reel-caption p{margin:8px 0 0;color:rgba(255,255,255,.86);font-size:.76rem;line-height:1.45}
.vx-reel-author{display:flex;align-items:center;gap:9px}
.vx-reel-author img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9)}
.vx-reel-author strong,.vx-reel-author small{display:block}.vx-reel-author strong{font-size:.83rem}.vx-reel-author small{font-size:.65rem;color:rgba(255,255,255,.75);margin-top:2px}
.vx-reel-actions{position:absolute;right:10px;bottom:14px;z-index:5;display:grid;gap:10px;justify-items:center}
.vx-reel-action{border:0;background:transparent;color:#fff;display:grid;justify-items:center;gap:3px;min-width:56px;padding:2px;cursor:pointer;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.vx-reel-action-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.38);backdrop-filter:blur(7px);font-size:1.08rem}
.vx-reel-action.is-liked .vx-reel-action-icon{background:rgba(224,75,120,.35);color:#fff}
.vx-reel-action b{font-size:.66rem;line-height:1}.vx-reel-action small{font-size:.55rem;opacity:.86}
.vx-reel-play{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:999px;padding:13px 17px;background:rgba(14,18,20,.76);color:#fff;display:flex;align-items:center;gap:9px;font-weight:900;backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.vx-reel-play i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111}
.vx-reel-play:hover{transform:translate(-50%,-50%) scale(1.03)}
.vx-reel-loading{position:absolute;z-index:7;top:12px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.48);color:#fff;font-size:.66rem;backdrop-filter:blur(8px)}
.vx-reel-loading.is-visible{display:flex}
.vx-reel-network{position:absolute;z-index:6;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.42);color:#fff;font-size:.6rem;backdrop-filter:blur(8px)}
.vx-reel-network.is-slow{background:rgba(54,68,72,.74)}
.vx-video-insights{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;color:var(--v5-muted);font-size:.7rem}.vx-video-insights>span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:var(--v5-surface-2);border:1px solid var(--v5-line)}.vx-video-insights i{color:var(--v5-teal-dark)}.vx-video-insights strong{color:var(--v5-ink)}.vx-video-insights button{margin-left:auto}
.vx-video-reel-modal .vx-safe-modal__dialog{max-width:1100px}
.vx-video-modal-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:0;min-height:620px;background:#050708}
.vx-video-modal-player{display:grid;place-items:center;min-height:620px;background:#050708}.vx-video-modal-player video{width:100%;height:100%;max-height:78vh;display:block;object-fit:contain;background:#050708}
.vx-video-comments-panel{display:flex;flex-direction:column;min-width:0;background:var(--v5-surface);color:var(--v5-ink);border-left:1px solid var(--v5-line)}
.vx-video-comments-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--v5-line)}.vx-video-comments-head strong{display:block;font-weight:950}.vx-video-comments-head small{display:block;color:var(--v5-muted);font-size:.68rem;margin-top:2px}.vx-video-data-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:var(--v5-surface-2);border:1px solid var(--v5-line);font-size:.62rem;font-weight:900}
.vx-video-comments-list{flex:1;min-height:0;max-height:56vh;overflow:auto;padding:14px;display:grid;gap:12px;overscroll-behavior:contain}
.vx-video-comments-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--v5-muted);font-size:.78rem;text-align:center}.vx-video-comments-empty i{font-size:1.4rem}.vx-video-comments-empty.is-error{color:#c85b66}
.vx-video-comment{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;min-width:0}.vx-video-comment.is-reply{margin-left:30px}.vx-video-comment-avatar{width:34px;height:34px;border-radius:11px;object-fit:cover;background:var(--v5-surface-2);border:1px solid var(--v5-line)}
.vx-video-comment-bubble{background:var(--v5-surface-2);border:1px solid var(--v5-line);border-radius:15px 15px 15px 5px;padding:9px 10px}.vx-video-comment-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.vx-video-comment-head strong{font-size:.72rem}.vx-video-comment-head span{font-size:.58rem;color:var(--v5-muted);white-space:nowrap}.vx-video-comment-bubble p{margin:5px 0 0;color:var(--v5-ink-2);font-size:.73rem;line-height:1.55;overflow-wrap:anywhere}
.vx-video-comment-actions{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 0 3px}.vx-video-comment-actions button{border:0;background:transparent;color:var(--v5-muted);font-size:.61rem;font-weight:800;padding:3px 5px;border-radius:8px}.vx-video-comment-actions button:hover{background:var(--v5-surface-2);color:var(--v5-ink)}.vx-video-comment-actions .is-liked{color:#d45776}.vx-video-replies{display:grid;gap:8px;margin-top:7px}
.vx-video-comment-form{padding:12px;border-top:1px solid var(--v5-line);background:var(--v5-surface)}.vx-video-composer-row{display:flex;gap:8px}.vx-video-composer-row textarea{flex:1;min-width:0;resize:none;border:1px solid var(--v5-line);background:var(--v5-surface-2);color:var(--v5-ink);border-radius:13px;padding:9px 10px;font-size:.72rem;outline:none}.vx-video-composer-row textarea:focus{border-color:var(--v5-teal);box-shadow:0 0 0 3px rgba(45,157,154,.1)}.vx-video-composer-row button{width:42px;min-width:42px}.vx-video-replying{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:6px 8px;border-radius:9px;background:var(--v5-surface-2);font-size:.62rem;color:var(--v5-muted);margin-bottom:7px}.vx-video-login-note{display:flex;gap:9px;align-items:center;padding:12px;color:var(--v5-muted);border-top:1px solid var(--v5-line)}.vx-video-login-note i{font-size:1rem}.vx-video-login-note strong,.vx-video-login-note span{display:block}.vx-video-login-note strong{font-size:.72rem;color:var(--v5-ink)}.vx-video-login-note span{font-size:.62rem;margin-top:3px}
html[data-vx-theme="dark"] .vx-video-comments-panel,html[data-vx-theme="dark"] .vx-video-comment-form{background:var(--v31-surface)!important;color:var(--v31-text)}
html[data-vx-theme="dark"] .vx-video-comment-bubble,html[data-vx-theme="dark"] .vx-video-data-pill,html[data-vx-theme="dark"] .vx-video-composer-row textarea,html[data-vx-theme="dark"] .vx-video-replying{background:var(--v31-surface2)!important;color:var(--v31-text);border-color:var(--v31-line)}
html[data-vx-theme="dark"] .vx-video-comment-bubble p,html[data-vx-theme="dark"] .vx-video-comment-actions button,html[data-vx-theme="dark"] .vx-video-comments-head small,html[data-vx-theme="dark"] .vx-video-insights>span{color:var(--v31-muted)}
@media(max-width:900px){.vx-video-modal-grid{grid-template-columns:1fr;min-height:0}.vx-video-modal-player{min-height:0;height:min(68vh,760px)}.vx-video-comments-panel{border-left:0;border-top:1px solid var(--v5-line)}.vx-video-comments-list{max-height:42vh}.vx-reel-player-wrap{width:min(100%,420px)}}
@media(max-width:600px){.vx-video-reel-card{padding:14px}.vx-reel-player-wrap{border-radius:21px;width:100%;max-width:none}.vx-reel-caption{left:14px;right:78px;bottom:12px}.vx-reel-actions{right:6px;bottom:8px}.vx-reel-action-icon{width:40px;height:40px}.vx-video-insights{gap:6px}.vx-video-insights button{width:100%;margin-left:0}.vx-video-modal-grid{display:block}.vx-video-modal-player{height:58vh}.vx-video-comments-list{max-height:34vh;padding:10px}.vx-video-comment.is-reply{margin-left:18px}}
@media(max-width:390px){.vx-reel-caption p{font-size:.68rem}.vx-reel-author img{width:34px;height:34px}.vx-reel-author strong{font-size:.75rem}.vx-reel-action{min-width:50px}.vx-reel-action-icon{width:37px;height:37px;font-size:.96rem}.vx-reel-action b{font-size:.6rem}.vx-reel-action small{font-size:.5rem}}
