:root{--brandGreen: #00b956;--brandPurple: #731982;--base: #fff;--content: #333;--spbSky1: #ededed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow-x:hidden}body{font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--base);color:var(--content);-webkit-font-smoothing:antialiased;font-weight:400}.app-root{height:100vh;max-width:600px;margin:0 auto;padding:env(safe-area-inset-top,8px) env(safe-area-inset-right,12px) env(safe-area-inset-bottom,12px) env(safe-area-inset-left,12px);display:flex;flex-direction:column;overflow:hidden}.screen-layout{flex:1;display:flex;flex-direction:column;height:100%}.screen-card{position:relative;flex:1;margin-left:32px;margin-bottom:60px;border-radius:0 0 0 50px;max-height:540px;background:var(--brandPurple);color:var(--base);display:flex;flex-direction:column}.screen-header{display:flex;align-items:center;justify-content:center;padding-top:20px;margin-right:32px}.screen-header-brand{font-size:14px;font-weight:600}.screen-logo-row{display:flex;justify-content:left;margin-top:70px;position:relative;left:-1px;margin-bottom:30px}.screen-logo-megaon{max-width:280px;height:auto}.screen-waves{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;z-index:1;opacity:1;transition:opacity .3s ease}.screen-waves--hidden{opacity:0}.screen-waves-svg{width:140%;max-width:none;height:auto;display:block}.screen-tabs-row{display:flex;justify-content:center;margin-right:32px;font-size:14px;padding:15px 0}.screen-tabs-row p{opacity:.8}.tabs{width:160px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background-color:var(--spbSky1);padding:3px;border-radius:50px;position:relative;margin-right:32px}.tab-indicator{position:absolute;top:3px;left:3px;width:calc((100% - 14px)/2);height:calc(100% - 6px);background:var(--brandGreen);border-radius:50px;box-shadow:1.47px 1.47px 7.35px #3333334d;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.tab-indicator--left{transform:translate(0)}.tab-indicator--right{transform:translate(calc(100% + 8px))}.tabs-wrapper{display:flex;justify-content:center;margin-top:20px}.tab-button-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-button-icon svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-button-icon svg path{transition:stroke .3s cubic-bezier(.4,0,.2,1)}.tab-button--active .tab-button-icon{transform:scale(1.05)}.tab-button{border-radius:50px;border:none;padding:8px 16px;font-size:14px;color:var(--content);background:transparent;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.tab-button:active{transform:scale(.97)}.tab-button--active{color:var(--base)}.tab-content{flex:1;display:flex;flex-direction:column;min-height:0;animation:tab-fade-in .3s ease}@keyframes tab-fade-in{0%{opacity:0}to{opacity:1}}.video-tab,.audio-tab{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;pointer-events:auto;overflow:visible}.video-container{position:relative;width:100%;flex:1;min-height:0;padding:0;pointer-events:auto;margin-left:-16px;z-index:2}.iframe_wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden}.video-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px;pointer-events:auto}.audio-tab{align-items:stretch}.audio-element{width:100%;max-width:100%;border-radius:999px;background-color:var(--base)}.audio-ui-layer{position:absolute;inset:0;pointer-events:none}.audio-volume-container{position:absolute;right:130px;bottom:-23px;display:flex;align-items:center;height:46px;border-radius:50px;background-color:var(--base);box-shadow:2px 2px 8px #3333334d;pointer-events:auto;z-index:10;width:46px;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.audio-volume-container--expanded{width:206px;right:130px}.audio-volume-slider{width:160px;height:100%;padding:8px 16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audio-volume-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:5px;background:transparent;cursor:pointer;position:relative;touch-action:pan-x}.audio-volume-range::-webkit-slider-runnable-track{width:100%;height:4px;border-radius:999px;background:inherit}.audio-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--base);border:3px solid var(--brandGreen);margin-top:-10px;cursor:pointer;position:relative;box-shadow:2px 2px 8px #3333334d}.audio-volume-range::-moz-range-track{width:4px;height:100%;border-radius:999px;background:inherit}.audio-volume-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brandGreen);border:2px solid var(--base);cursor:pointer;box-shadow:2px 2px 8px #3333334d}.audio-volume-toggle{width:46px;height:46px;border-radius:50px;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.audio-volume-container--expanded .audio-volume-toggle{transform:translate(0)}.audio-play-fab{position:absolute;right:32px;bottom:0;margin-bottom:-40px;width:80px;height:80px;border-radius:999px;border:none;background-color:var(--base);display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 8px #3333334d;cursor:pointer;pointer-events:auto;z-index:5}.error-text{font-size:13px;color:var(--brandPurple)}@media(min-width:640px){.app-root{padding-top:16px}.app-title{font-size:20px}}