@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";html,body,#root{min-height:100%;margin:0}:root{color:#ffffffeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100svh;overflow:hidden}button,input,textarea,select{font:inherit}a{color:inherit}.player-shell{background:radial-gradient(circle,#ffffff0f,#0000 18%),linear-gradient(#050505 0%,#000 100%);width:100%;min-height:100svh;position:relative;overflow:hidden}.player-shell:before{content:"";pointer-events:none;background:linear-gradient(#0000001a,#00000094),radial-gradient(circle at 50% 32%,#00000014,#0000 55%);position:absolute;inset:0}.player-video{object-fit:contain;object-position:center center;transform-origin:50%;background:#000;width:100%;height:100%;transition:filter .24s,opacity .24s;position:absolute;inset:0}.player-video--preview{filter:blur(12px)saturate(1.15);opacity:.9}@media (width<=900px){.player-video{touch-action:none}}.player-backdrop{opacity:.35;pointer-events:none;background:radial-gradient(circle at 50% 40%,#ffffff14,#0000 14%),linear-gradient(#00000014,#0006);transition:background .26s,opacity .26s;position:absolute;inset:0}.player-shell--chrome-visible .player-backdrop{opacity:1;-webkit-backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 40%,#ffffff0f,#0000 12%),linear-gradient(#0000002e,#000000a3)}.player-shell--chrome-hidden .player-backdrop{opacity:.35}.player-center{text-align:center;pointer-events:none;opacity:1;place-content:center;justify-items:center;gap:.7rem;padding:2rem;transition:opacity .26s cubic-bezier(.22,.9,.35,1),transform .26s cubic-bezier(.22,.9,.35,1);display:grid;position:absolute;inset:0;transform:translateY(0)}.player-center:before{content:"";opacity:.96;pointer-events:none;background:radial-gradient(circle at top,#0000006b,#0000 40%),linear-gradient(#000000b8,#0000002e 42%,#0000 100%);border-radius:2rem;position:absolute;inset:0}.player-center>*{z-index:1;position:relative}.player-center--preview{place-items:center;padding:2rem 1.5rem}.player-center--preview:before{background:#00000038}.player-header{pointer-events:none;z-index:1;flex-direction:column;gap:.35rem;padding:1rem 1rem .85rem;display:flex;position:absolute;inset:0 auto auto 0}.player-header h1,.player-center h1{letter-spacing:.04em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:min(100%,86vw);margin:0;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(1.4rem,3vw + 1rem,3.6rem);font-weight:800}.player-center p,.player-header p{color:#ffffffe0;margin:0;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700}.player-preview-note{color:#ffffffeb;text-align:center;pointer-events:none;background:#0000007a;border-radius:999px;margin-bottom:.75rem;padding:.8rem 1rem;font-size:.95rem}.live-strip{width:min(32rem,75vw);height:2rem;margin-top:.3rem;position:relative}.live-strip__line{background:linear-gradient(90deg,#e9203533,#e92035,#e9203533);border-radius:999px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.live-strip__knob{background:#fff;border-radius:999px;width:1.25rem;height:1.25rem;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #ffffff14}.player-surface{opacity:1;pointer-events:none;flex-direction:column;justify-content:flex-end;padding:1rem 1rem 1.2rem;transition:opacity .26s cubic-bezier(.22,.9,.35,1),transform .26s cubic-bezier(.22,.9,.35,1);display:flex;position:absolute;inset:0;transform:translateY(0)}.player-shell--playing .player-center,.player-shell--playing .player-surface{opacity:0;transform:translateY(14px)}.player-shell--playing.player-shell--chrome-visible .player-center,.player-shell--playing.player-shell--chrome-visible .player-surface,.player-shell--paused .player-center,.player-shell--paused .player-surface{opacity:1;transform:translateY(0)}.player-shell--playing .player-center,.player-shell--playing .player-surface{pointer-events:none}.player-shell--playing.player-shell--chrome-visible .player-center,.player-shell--playing.player-shell--chrome-visible .player-surface,.player-shell--paused .player-center,.player-shell--paused .player-surface{pointer-events:auto}.player-statusbar{color:#f5f5f5;box-sizing:border-box;opacity:0;will-change:transform, opacity;background:#000;border-top:1px solid #ffffff9e;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:3.35rem;padding:0 .8rem;transition:transform .32s cubic-bezier(.22,.9,.35,1),opacity .26s;display:flex;position:relative;transform:translateY(24px)}.player-shell--chrome-visible .player-statusbar{opacity:1;transform:translateY(0)}.player-shell--chrome-hidden .player-statusbar{opacity:0;transform:translateY(24px)}@media (width<=480px) and (orientation:portrait){.player-statusbar__go-live-text,.player-statusbar__aircast-button,.player-statusbar__external-player-button{display:none}}.player-statusbar__group{align-items:center;gap:.8rem;min-width:0;display:inline-flex}.player-statusbar__group--right{gap:1rem;margin-left:auto}.player-statusbar__settings{display:inline-flex;position:relative}.player-statusbar__icon-button,.player-statusbar__signal-button,.player-statusbar__text-button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-height:2.2rem;margin:0;padding:0;display:inline-flex}.player-statusbar__icon-button,.player-statusbar__signal-button{flex:none;width:2rem;height:2rem}.player-statusbar__icon-button svg{font-size:1.05rem}.player-statusbar__signal-button{width:1.8rem;height:1.8rem}.player-statusbar__text-button{letter-spacing:.01em;white-space:nowrap;justify-content:flex-start;gap:.45rem;font-size:1rem;font-weight:500}.player-statusbar__icon-button:hover,.player-statusbar__signal-button:hover,.player-statusbar__text-button:hover{color:#fff}.player-statusbar__icon-button:focus-visible,.player-statusbar__signal-button:focus-visible,.player-statusbar__text-button:focus-visible{filter:drop-shadow(0 0 .25rem #ffffff59);outline:none}.player-statusbar__icon-button:disabled{opacity:.45;cursor:not-allowed}.statusbar-signal{width:1.2rem;height:1.2rem;display:inline-block;position:relative}.statusbar-signal span{border:1.4px solid #0000;border-right-color:#ffffffeb;border-radius:999px;position:absolute;inset:0;transform:rotate(45deg)}.statusbar-signal span:first-child{inset:.02rem}.statusbar-signal span:nth-child(2){inset:.18rem}.statusbar-signal span:nth-child(3){inset:.34rem}.statusbar-signal__dot{background:#fff;border-radius:999px;width:.26rem;height:.26rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-settings-popover{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:5;background:#0e0e0ef0;border:1px solid #ffffff1a;border-radius:1rem;width:min(18rem,78vw);padding:.85rem;position:absolute;bottom:calc(100% + .75rem);right:-.35rem;box-shadow:0 18px 50px #00000073}.player-settings-popover:after{content:"";background:#0e0e0ef0;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;width:.8rem;height:.8rem;position:absolute;bottom:-.45rem;right:1rem;transform:rotate(45deg)}.player-settings-popover__section{gap:.6rem;display:grid}.player-settings-popover__label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff85;align-items:center;gap:.5rem;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:.74rem;font-weight:600;display:inline-flex}.player-settings-popover__label svg,.player-settings-popover__item svg{color:#ffffffbd;flex-shrink:0;font-size:.9em}.player-settings-popover__item{appearance:none;color:#fff;text-align:left;letter-spacing:.01em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:.85rem;align-items:center;gap:.7rem;padding:.8rem .9rem;font-family:Inter,system-ui,sans-serif;font-size:.96rem;font-weight:500;display:flex}.player-settings-popover__item:hover{background:#ffffff14}.player-settings-popover__divider{background:#ffffff1a;height:1px;margin:.9rem 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.player-shell--error{place-items:center;padding:2rem;display:grid}.player-error-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808ad;border:1px solid #ffffff1f;border-radius:1.25rem;width:min(38rem,90vw);padding:1.4rem 1.5rem;box-shadow:0 20px 60px #0000005c}.player-error-card h1{letter-spacing:.04em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:min(100%,86vw);margin:0 0 .5rem;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(1.4rem,4vw,2.8rem);font-weight:800}.player-error-card p{color:#ffffffdb;margin:0}.player-error-card--overlay{z-index:6;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(34rem,100% - 2rem);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-error-card__action{appearance:none;color:#000;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;margin-top:1rem;padding:.85rem 1.1rem;font-weight:700}.player-error-card__action:hover{background:#ffffffe6}.player-external-modal{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000085;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.player-external-modal__card{background:#080808e6;border:1px solid #ffffff1f;border-radius:1.25rem;width:min(34rem,100%);padding:1.4rem 1.5rem;box-shadow:0 20px 60px #0000005c}.player-external-modal__card h1{letter-spacing:.03em;text-transform:uppercase;color:#fff;margin:0 0 .45rem;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800}.player-external-modal__card p{color:#ffffffd6;margin:0 0 1rem}.player-external-modal__actions{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.player-external-modal__button,.player-external-modal__close{appearance:none;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.8rem 1rem;font-weight:700}.player-external-modal__button{color:#000;background:#fff}.player-external-modal__button--icon{color:#fff;background:0 0;border-radius:0;place-items:center;width:2.6rem;height:2.6rem;padding:0;display:inline-grid}.player-external-modal__button--icon svg{fill:currentColor;width:1.1rem;height:1.1rem}.player-external-modal__button:hover{background:#ffffffe6}.player-external-modal__button--icon:hover{background:0 0}.player-external-modal__close{color:#fff;background:#ffffff1a}.player-external-modal__close:hover{background:#ffffff29}@media (width<=900px){.player-surface{padding:.9rem}}@media (prefers-reduced-motion:reduce){.player-surface,.player-center,.player-statusbar,.player-settings-popover,.player-settings-popover__item{transition:none}}@media (width<=600px){.player-center{padding-inline:1rem}.player-center h1{font-size:clamp(1.8rem,10vw,2.5rem)}.player-center p{font-size:1rem}.live-strip{width:min(22rem,78vw)}.player-statusbar{padding-inline:.55rem}.player-statusbar__group{gap:.55rem}.player-statusbar__group--right{gap:.75rem}.player-settings-popover{right:-.35rem}}
