: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{position:relative;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;background:radial-gradient(circle at 50% 105%,#3bb9ff,#194fab 8%,#062075 24%,#111769 32%,#041960,#0a1652 46%,#000);background-size:100% 100%;background-repeat:no-repeat}.stars-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;mix-blend-mode:color-dodge}.screen-layout{position:relative;flex:1;display:flex;flex-direction:column;height:100%;z-index:1}.screen-card{position:relative;flex:1;height:100%;padding:20px;background:transparent;color:var(--base);display:flex;flex-direction:column;justify-content:space-between}.screen-header{display:flex;align-items:center;justify-content:center;padding-top:20px}.screen-logo-megaon-header{max-width:100%;height:auto;margin-top:40px}.screen-header-brand{font-size:14px;font-weight:600}.screen-logo-row{display:flex;justify-content:center}.screen-logo-megafon{max-width:96px;height:auto}.screen-waves{position:absolute;inset:0 0 10%;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;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}.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:60px}.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;margin-top:60px}@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;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;position:relative}.audio-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.audio-tab .stream-timer{margin-top:auto;margin-bottom:16px;flex-shrink:0}.audio-container{position:relative;width:100%;aspect-ratio:16 / 9;flex-shrink:0;padding:0;pointer-events:auto;z-index:2;display:flex;align-items:center;justify-content:center}.audio-element{width:100%;max-width:100%;border-radius:999px;background-color:var(--base)}.audio-ui-layer{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.audio-play-fab{position:relative;width:80px;height:80px;border-radius:999px;border:none;background-color:var(--brandGreen);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)}.stream-timer{margin:16px 0;padding:10px;background-color:#ffffff1a;border-radius:80px;text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stream-timer--hidden{visibility:hidden;height:0;margin:0;padding:0;overflow:hidden}.stream-timer-label{font-size:14px;color:var(--base);opacity:.8;margin-bottom:4px;font-weight:400}.stream-timer-value{font-size:16px;font-weight:600;color:var(--base);letter-spacing:.5px;font-variant-numeric:tabular-nums}.telegram-stub{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center}.telegram-stub h1{color:var(--content);font-size:18px;font-weight:500}@media(min-width:640px){.app-root{padding-top:16px}.app-title{font-size:20px}.telegram-stub h1{font-size:24px}}