.vcs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.vcs-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}.vcs-modal{position:fixed;bottom:0;left:0;right:0;max-height:55vh;max-height:55dvh;background:transparent;z-index:10001;transform:translateY(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:visible}.vcs-modal.visible{transform:translateY(0)}.vcs-hubs-live-preview{z-index:1;opacity:1;pointer-events:none}.hubs-home-v2__header--portal.vcs-has-preview{overflow:hidden;background:#050505}.vcs-modal.vcs-anchored{top:var(--vcs-hero-bottom);bottom:0;max-height:none}.vcs-title-pill{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:10;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;padding:8px 20px;background:linear-gradient(135deg,#141414,#0c0c0c) padding-box,linear-gradient(135deg,var(--vcs-c1, #9333ea),var(--vcs-c2, #a855f7),var(--vcs-c3, #ec4899)) border-box;border:3px solid transparent;border-radius:20px}.vcs-panel{position:relative;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;padding:24px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:16px}.vcs-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--vcs-c1, #9333ea),var(--vcs-c2, #a855f7),var(--vcs-c3, #ec4899),var(--vcs-c2, #a855f7),var(--vcs-c1, #9333ea));background-size:200% 100%;border-radius:20px 20px 0 0;animation:vcsGradientFlow 8s linear infinite}@keyframes vcsGradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.vcs-header{text-align:center}.vcs-title{margin:0;font-size:18px;font-weight:600;color:#fff;letter-spacing:-.02em}.vcs-subtitle{display:block;margin-top:4px;font-size:13px;color:#ffffff80}.vcs-time-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#ffffff08;border-radius:12px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:#fff}.vcs-time-separator{color:#ffffff4d}.vcs-timeline-container{display:flex;flex-direction:column;gap:6px}.vcs-timeline{position:relative;height:50px;border-radius:10px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);touch-action:none}.vcs-thumbnails{display:flex;height:100%;gap:1px}.vcs-thumb{flex:1;height:100%;object-fit:cover;opacity:.6}.vcs-thumbs-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:11px}.vcs-selection{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--vcs-c1, var(--veil-mode-sdm-glow, #8b5cf6)) 15%,transparent);border:2px solid color-mix(in srgb,var(--vcs-c2, var(--veil-mode-sdm-glow, #a78bfa)) 80%,transparent);border-radius:6px;cursor:grab;touch-action:none}.vcs-selection:active{cursor:grabbing}.vcs-handle{position:absolute;top:0;bottom:0;width:14px;background:linear-gradient(180deg,var(--vcs-c3, var(--veil-mode-nav-gradient-end, #a78bfa)) 0%,var(--vcs-c1, var(--veil-mode-sdm-glow, #8b5cf6)) 100%);cursor:ew-resize;display:flex;align-items:center;justify-content:center;touch-action:none}.vcs-handle:after{content:"";width:3px;height:16px;background:#fff9;border-radius:2px}.vcs-handle-start{left:-2px;border-radius:6px 0 0 6px}.vcs-handle-end{right:-2px;border-radius:0 6px 6px 0}.vcs-playhead{display:none}.vcs-timeline-labels{display:flex;justify-content:space-between;padding:0 4px;font-size:10px;color:#fff6;font-variant-numeric:tabular-nums}.vcs-info{display:flex;justify-content:space-around;padding:10px 12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.vcs-info-item{display:flex;flex-direction:column;align-items:center;gap:3px}.vcs-info-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.vcs-info-value{font-size:12px;font-weight:500;color:#ffffffe6}.vcs-tips{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.vcs-tips-content{flex:1}.vcs-tips-header{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;margin-bottom:6px}.vcs-tips-list{margin:0;padding:0 0 0 16px;font-size:12px;color:#ffffff8c;line-height:1.5}.vcs-tips-list li{margin-bottom:2px}.vcs-tips-list li:last-child{margin-bottom:0}.vcs-tips-icon{width:44px;height:44px;flex-shrink:0;background:linear-gradient(135deg,var(--vcs-c1, var(--veil-mode-sdm-glow, #9333ea)) 0%,var(--vcs-c3, var(--veil-mode-nav-gradient-end, #7c3aed)) 100%);opacity:.5;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M-.013 8v9a5.002 5.002 0 0 0 5 5h12a5.002 5.002 0 0 0 5-5V8zm14.49 6.87-6 3.38a.947.947 0 0 1-.49.13 1.014 1.014 0 0 1-1-1v-6.76a1.004 1.004 0 0 1 1.49-.87l6 3.38a.997.997 0 0 1 0 1.74zM6.097 6h-6.11V5A4.99 4.99 0 0 1 2.257.81l1.19 1.62zm9.01 0h-6.52l-2.96-4L4.187.07a4.25 4.25 0 0 1 .8-.07h5.72l1.46 2zm6.88-1v1h-4.4l-2.95-4-1.47-2h3.82a5.002 5.002 0 0 1 5 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M-.013 8v9a5.002 5.002 0 0 0 5 5h12a5.002 5.002 0 0 0 5-5V8zm14.49 6.87-6 3.38a.947.947 0 0 1-.49.13 1.014 1.014 0 0 1-1-1v-6.76a1.004 1.004 0 0 1 1.49-.87l6 3.38a.997.997 0 0 1 0 1.74zM6.097 6h-6.11V5A4.99 4.99 0 0 1 2.257.81l1.19 1.62zm9.01 0h-6.52l-2.96-4L4.187.07a4.25 4.25 0 0 1 .8-.07h5.72l1.46 2zm6.88-1v1h-4.4l-2.95-4-1.47-2h3.82a5.002 5.002 0 0 1 5 5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.vcs-actions{display:flex;gap:10px}.vcs-btn{flex:1;padding:12px 16px;background:linear-gradient(#121212f2,#121212f2) padding-box,linear-gradient(135deg,var(--vcs-c1, #9333ea),var(--vcs-c2, #a855f7),var(--vcs-c3, #ec4899)) border-box;border:2px solid transparent;border-radius:50px;font-size:14px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.vcs-btn:active{transform:scale(.97);opacity:.85}.vcs-loading,.vcs-processing,.vcs-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:50px 20px;text-align:center}.vcs-loading p,.vcs-processing p{margin:0;font-size:15px;font-weight:500;color:#fff}.vcs-processing-sub{font-size:12px;color:#ffffff80}.vcs-spinner{width:36px;height:36px;border:3px solid color-mix(in srgb,var(--vcs-c1, #8b5cf6) 20%,transparent);border-top-color:var(--vcs-c2, #8b5cf6);border-radius:50%;animation:vcs-spin .8s linear infinite}@keyframes vcs-spin{to{transform:rotate(360deg)}}.vcs-error-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ef444426;border-radius:50%;font-size:22px;font-weight:700;color:#ef4444}.vcs-error p{margin:0;font-size:13px;color:#ffffffb3;max-width:260px}@media(min-width:768px){.vcs-modal{bottom:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%) scale(.9);opacity:0;max-width:420px;width:90%;max-height:80vh;border-radius:20px;transition:transform .3s ease,opacity .3s ease}.vcs-modal.visible{transform:translate(-50%,-50%) scale(1);opacity:1}.vcs-panel{border-radius:20px}.vcs-panel:before{border-radius:20px 20px 0 0}}.vcs-backdrop.veil-mode{background:transparent}.vcs-modal.veil-mode:not(.vcs-modal--hubs) .vcs-title-pill{background:linear-gradient(135deg,#141414,#0c0c0c) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #ec4899) 100%) border-box}.vcs-modal.veil-mode:not(.vcs-modal--hubs) .vcs-panel:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899),var(--veil-mode-sdm-glow, #9333ea));background-size:200% 100%}.vcs-modal.veil-mode:not(.vcs-modal--hubs) .vcs-spinner{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow, #8b5cf6) 20%,transparent);border-top-color:var(--veil-mode-sdm-glow, #8b5cf6)}.vcs-modal.veil-mode:not(.vcs-modal--hubs) .vcs-btn{background:linear-gradient(#121212f2,#121212f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box}