.va-btn{--va-acc:#10b981;--va-acc-hi:#6ee7b7;text-align:left;cursor:pointer;width:100%;max-width:420px;font:inherit;border-radius:20px;align-items:center;gap:14px;margin-top:18px;padding:8px 18px 8px 8px;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s;display:flex}.va-btn.va-dark{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff38}.va-btn.va-dark:hover{background:#ffffff24;border-color:#6ee7b7b3;transform:translateY(-2px)}.va-btn.va-light{color:#0f172a;background:#fff;border:1px solid #d1fae5;box-shadow:0 14px 30px -22px #0596698c}.va-btn.va-light:hover{border-color:#6ee7b7;transform:translateY(-2px);box-shadow:0 22px 40px -24px #059669b3}.va-btn:focus-visible{outline:3px solid var(--va-acc);outline-offset:3px}.va-thumb{background:radial-gradient(120% 100% at 30% 0,#13355f 0%,#07142b 75%);border-radius:14px;flex:none;place-items:center;width:96px;height:72px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px -10px #0009}.va-thumb img{width:46px;height:auto;transform:translate(-12px,-7px)}.va-play{background:var(--va-acc);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;animation:2.2s ease-out infinite va-pulse;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 0 #10b981b3}.va-play svg{width:16px;height:16px;margin-left:2px}@keyframes va-pulse{0%{box-shadow:0 0 #10b981a6}80%,to{box-shadow:0 0 0 14px #10b98100}}.va-tx{gap:2px;min-width:0;display:grid}.va-k{letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:700}.va-dark .va-k{color:var(--va-acc-hi)}.va-light .va-k{color:#059669}.va-tx b{font-size:16px;line-height:1.25}.va-tx small{font-size:13.5px}.va-dark .va-tx small{color:#ffffffb8}.va-light .va-tx small{color:#64748b}@media (prefers-reduced-motion:reduce){.va-play{animation:none}.va-btn:hover{transform:none}}@media (max-width:520px){.va-btn{max-width:none;margin-top:14px;padding:6px 14px 6px 6px}.va-thumb{border-radius:12px;width:78px;height:58px}.va-thumb img{width:38px;transform:translate(-10px,-6px)}.va-tx b{font-size:15px}.va-tx small{font-size:12.5px}}.va-ov{--va-acc:#10b981;z-index:1000;padding:max(16px,env(safe-area-inset-top)) clamp(16px,3vw,48px) max(16px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px)saturate(.8);backdrop-filter:blur(12px)saturate(.8);background:#040c1cbd;place-items:center;animation:.25s ease-out both va-in;display:grid;position:fixed;inset:0}@keyframes va-in{0%{opacity:0}to{opacity:1}}.va-box{width:min(100%,177.778dvh - 266.667px,1600px);animation:.35s cubic-bezier(.22,1,.36,1) both va-up;position:relative}@keyframes va-up{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.va-x{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .2s;display:grid;position:absolute;top:-52px;right:0}.va-x:hover{background:#ffffff42}.va-x svg{width:20px;height:20px}.va-frame{background:#000;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000c}.va-frame iframe{aspect-ratio:16/9;background:#000;border:0;width:100%;display:block}.va-credit{color:#ffffffb8;text-align:center;margin:12px 4px 0;font-size:12.5px}@media (max-width:520px){.va-frame{border-radius:18px}}.va-own video{aspect-ratio:16/9;cursor:pointer;background:#000;width:100%;display:block}.va-cap{pointer-events:none;justify-content:center;padding:0 5%;transition:bottom .3s;display:flex;position:absolute;bottom:64px;left:0;right:0}.va-own.idle .va-cap{bottom:14px}.va-cap span{text-wrap:balance;text-align:center;color:#fff;text-shadow:0 1px 2px #00000080;background:#064e3bd6;border-radius:8px;max-width:94%;padding:.18em .55em;font-size:clamp(13px,2.3vw,28px);font-weight:500;line-height:1.3}.va-big{background:var(--va-acc);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px -12px #000000b3}.va-big svg{width:34px;height:34px;margin-left:4px}.va-bar{background:linear-gradient(#0000,#0000008c 35%,#000000d9);align-items:center;gap:6px;padding:26px 10px 8px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.va-own.idle .va-bar{opacity:0}.va-own.idle{cursor:none}.va-c{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.va-c:hover{background:#ffffff29}.va-c svg{width:22px;height:22px}.va-c[aria-pressed=false]{opacity:.55}.va-seek{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:22px}.va-seek::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--va-acc) var(--p),#ffffff73 var(--p));border-radius:4px;height:4px}.va-seek::-moz-range-track{background:linear-gradient(90deg,var(--va-acc) var(--p),#ffffff73 var(--p));border-radius:4px;height:4px}.va-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--va-acc);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.va-seek::-moz-range-thumb{background:var(--va-acc);border:0;border-radius:50%;width:14px;height:14px}.va-time{color:#fff;font-variant-numeric:tabular-nums;flex:none;font-size:13px}@media (max-width:520px){.va-time{display:none}.va-cap{bottom:58px}}@media (orientation:landscape) and (max-height:520px){.va-ov{background:#000;padding:0}.va-box{place-items:center;width:100%;height:100dvh;display:grid}.va-frame{width:100%;height:100dvh;box-shadow:none;border-radius:0}.va-frame iframe,.va-own video{aspect-ratio:auto;object-fit:contain;width:100%;height:100dvh;max-height:none}.va-x{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:2;background:#00000073}.va-credit{display:none}}.va-btn.va-center{margin-left:auto;margin-right:auto}
