*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;background:#080a0e;color:#eef2f8;font-family:Inter,system-ui,sans-serif;overflow:hidden}.pairing{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 50% 40%,#17263c,#090c11 55%)}.logo{width:58px;height:58px;border-radius:14px;background:#4f8cff;display:grid;place-items:center;font-size:32px;font-weight:900}.pairing h1{margin:20px 0 2px}.pairing p,.pairing small{color:#8e9aaa}.pair-code{font:700 44px ui-monospace,monospace;letter-spacing:.12em;margin:28px 0 10px;padding:15px 25px;border:1px solid #344359;background:#111923;border-radius:8px}.demo-load{margin-top:28px;display:flex}.demo-load input,.demo-load button{height:38px;border:1px solid #354052;background:#111820;color:#fff;padding:0 12px}.demo-load input{width:260px;border-radius:6px 0 0 6px}.demo-load button{border-radius:0 6px 6px 0;background:#3f75d0}.pairing strong{color:#f18282;margin-top:12px}.player{position:absolute;inset:0;margin:auto;background:#111;container-type:inline-size;overflow:hidden}.player>*:not(.connection){position:absolute;border:0}.player-media-surface{overflow:hidden}.player-media-content{display:block;width:100%;height:100%;background:transparent;border:0}.player video::-webkit-media-controls-overlay-play-button,.player video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.text-frame,.clock-frame,.fallback-frame{display:flex;align-items:center;justify-content:center;background:#18202c}.clock-frame{font-variant-numeric:tabular-nums;overflow:hidden}.clock-frame b,.clock-frame small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fallback-frame{flex-direction:column}.fallback-frame small{opacity:.6}.connection{position:fixed;right:8px;bottom:8px;width:8px;height:8px;padding:0;background:#ef4444;border:1px solid rgba(255,255,255,.65);border-radius:50%;box-shadow:0 0 0 2px #00000059;font-size:0;z-index:9999}.connection.on{background:#22c55e}.slideshow-frame{display:flex;align-items:center;justify-content:center;overflow:hidden;color:#aeb8ca}.slideshow-frame img{width:100%;height:100%}.transition-fade img{animation:tf-player-fade .5s ease-out}.transition-slide img{animation:tf-player-slide .5s ease-out}.transition-zoom img{animation:tf-player-zoom .8s ease-out}@keyframes tf-player-fade{0%{opacity:0}}@keyframes tf-player-slide{0%{opacity:.4;transform:translate(4%)}}@keyframes tf-player-zoom{0%{opacity:.5;transform:scale(1.04)}}@keyframes tf-motion-float{50%{translate:0 -4%}}@keyframes tf-motion-pulse{50%{scale:1.035;opacity:.88}}@keyframes tf-motion-left{50%{translate:-6% 0}}@keyframes tf-motion-right{50%{translate:6% 0}}@keyframes tf-motion-up{50%{translate:0 -7%}}@keyframes tf-motion-down{50%{translate:0 7%}}@media(prefers-reduced-motion:reduce){.player>*{animation:none!important}}.clock-frame.clock-style-minimal{align-items:flex-start}.clock-frame.clock-style-digital{align-items:flex-start;border-left:10px solid #4f8cff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.clock-frame.clock-style-digital b{letter-spacing:.08em}.clock-frame.clock-style-card{border:2px solid rgba(255,255,255,.24);border-radius:28px;box-shadow:0 18px 48px #0000003d}.clock-frame.clock-style-card small{margin-top:12px;padding:8px 12px;border-radius:999px;background:#4f8cff;color:#fff}.clock-frame.clock-style-split{align-items:center;justify-content:space-between}.clock-frame.clock-style-split small{max-width:42%;padding-left:28px;border-left:3px solid #4f8cff}.clock-frame.clock-style-hero{align-items:center;text-align:center}.player-monitoring{display:flex;flex-direction:column;justify-content:center;gap:5%;overflow:hidden}.player-monitoring small,.player-monitoring strong,.player-monitoring span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-monitoring strong{font-variant-numeric:tabular-nums;line-height:1}.player-monitoring span{text-transform:uppercase;opacity:.8}.player-monitoring .monitoring-track{width:100%;height:12%;min-height:8px;max-height:24px;background:#7f7f7f4d;border-radius:999px;overflow:hidden}.player-monitoring .monitoring-track i{display:block;height:100%;border-radius:inherit}.stream-fallback-canvas{position:fixed;inset:0;margin:auto;overflow:hidden;z-index:2147483646}.stream-fallback-canvas>*{position:absolute}.logo-image{display:block;width:min(520px,70vw);height:auto;max-height:190px;object-fit:contain;background:transparent}@font-face{font-family:Anjoman Max;src:url(/fonts/AnjomanMax-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Anjoman Max;src:url(/fonts/AnjomanMax-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Anjoman Max;src:url(/fonts/AnjomanMax-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Anjoman Max;src:url(/fonts/AnjomanMax-Bold.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}html,body,#root{font-family:Anjoman Max,Tahoma,Arial,sans-serif!important}