.vo-widget{--vo-accent:#5656ff;--vo-accent-2:#b981ba;min-height:780px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;background:#000;color:#f7f7fb;font-family:Arial,Helvetica,sans-serif;isolation:isolate;box-sizing:border-box;padding:0 18px 14px}
.vo-widget *{box-sizing:border-box}
.vo-orb-stage{--vo-orb-size:625px;width:100%;height:calc(var(--vo-orb-size) + 5px);max-height:calc(100% - 125px);position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:400px}
.vo-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(var(--vo-orb-size),100vw);height:min(var(--vo-orb-size),100vw);pointer-events:none}
.vo-center{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:27px;width:100%;margin-top:-15px;pointer-events:none}
.vo-headline{max-width:600px;margin:0!important;padding:0 8px;color:#f7f7fb;font-size:clamp(30px,5vw,55px);font-weight:700;line-height:1.08;letter-spacing:-.046em;text-align:center;font-family:Arial,Helvetica,sans-serif}
.vo-play{width:65px;height:65px;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:auto;cursor:pointer;border-radius:50%;border:0;background:#fff;color:#050505;box-shadow:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;outline-offset:4px;padding:0}
.vo-play:hover{transform:scale(1.055);background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.09)}.vo-play:active{transform:scale(.97)}.vo-play:focus-visible{outline:3px solid #8585ff}.vo-play svg{width:27px;height:27px;fill:currentColor}.vo-play-icon{margin-left:4px}.vo-pause-icon{display:none}.vo-widget.vo-playing .vo-play-icon{display:none}.vo-widget.vo-playing .vo-pause-icon{display:block}
.vo-bottom{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:19px;width:100%;min-height:100px}
.vo-tabs{background:#2b2b2e;border-radius:13px;display:flex;align-items:center;padding:4px;gap:1px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.vo-tabs::-webkit-scrollbar{display:none}.vo-tab{border:0;border-radius:10px;background:transparent;color:#f5f5f5;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:7px 18px;font-size:14px;font-weight:400;line-height:1.1;font-family:inherit;transition:background .2s,color .2s;outline-offset:2px}
.vo-tab[aria-selected="true"]{background:#f5f5f7;color:#252527;box-shadow:0 1px 4px #0003}.vo-tab:not([aria-selected="true"]):hover{background:#414145}.vo-beta{background:#e1d7ff;border-radius:4px;padding:3px 5px;color:#a17aff;font-size:12px;line-height:1}
.vo-description{font-size:16px;line-height:1.4;min-height:23px;text-align:center;color:#f3f3f5;margin:0!important;max-width:700px;transition:opacity .12s ease}.vo-description.vo-changing{opacity:.3}.vo-audio{display:none}
@media(max-width:767px){.vo-widget{min-height:620px;padding:0 12px 20px}.vo-orb-stage{--vo-orb-size:375px;min-height:350px}.vo-center{gap:22px;margin-top:0}.vo-headline{font-size:clamp(29px,7.8vw,43px);max-width:410px}.vo-play{width:58px;height:58px}.vo-tabs{max-width:100%}.vo-tab{font-size:12px;padding:7px 10px}.vo-description{font-size:13px;padding:0 8px}.vo-bottom{gap:16px;min-height:95px}}
@media(prefers-reduced-motion:reduce){.vo-widget *{transition:none!important}}
