*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#000;font-family:-apple-system,system-ui,sans-serif}.app-shell,.playback-screen,.player-center,.content-frame,.qr-content,.text-announcement,.datetime-widget,.weather-widget,.world-clock-widget,.countdown-widget,.air-quality-widget,.exchange-widget,.prayer-widget,.rss-ticker,.image-slider{width:100%;height:100%}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;cursor:none}.playback-screen{position:relative;overflow:hidden;background:#000}.transition-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.transition-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.transition-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;will-change:opacity,transform,filter;backface-visibility:hidden;transform-origin:center center}.player-center{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:#0f172a;color:#fff}.pairing-screen{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;padding:2rem;background:#0f172a;color:#fff}.pairing-header{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem;opacity:.7}.pairing-header-icon{width:2rem;height:2rem}.pairing-brand{font-size:1.5rem;font-weight:300;text-transform:uppercase;letter-spacing:.12em}.pairing-content{display:flex;align-items:center;gap:3rem}.pairing-qr-stack,.pairing-code-stack{display:flex;align-items:center;flex-direction:column;gap:1rem;text-align:center}.pairing-qr-card{border-radius:1rem;background:#fff;padding:1rem;box-shadow:0 25px 50px -12px #00000040}.pairing-qr-image,.pairing-qr-placeholder{width:16rem;height:16rem}.pairing-qr-placeholder,.pairing-code-placeholder{border-radius:1rem;background:#1e293b;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pairing-eyebrow{margin-bottom:.5rem;color:#94a3b8;font-size:.875rem;text-transform:uppercase;letter-spacing:.12em}.pairing-code-card{border:1px solid #334155;border-radius:.75rem;background:#1e293b;padding:1.25rem 2rem}.pairing-code{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:3.75rem;font-weight:700;line-height:1;letter-spacing:.3em}.pairing-code-placeholder{width:16rem;height:6rem}.pairing-help,.pairing-status{color:#64748b;font-size:.875rem}.pairing-help{margin-top:.75rem}.pairing-status{position:absolute;bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.pairing-status-icon{width:1rem;height:1rem}.pairing-status-online{color:#22c55e}.pairing-status-offline{color:#ef4444}.content-media{display:block;width:100%;height:100%;max-width:100vw;max-height:100vh;object-position:center;background:#000}.content-media-contain{object-fit:contain}.content-media-cover{object-fit:cover}.content-frame{display:block;border:0;pointer-events:none}.status-indicator{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;border-radius:999px;background:#0006;padding:.25rem .5rem}.status-icon{width:.75rem;height:.75rem}.status-icon-online{color:#4ade80}.status-icon-offline{color:#f87171}.status-label{color:#fff9;font-size:.75rem}.cast-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#000}.cast-overlay-video{width:100%;height:100%;object-fit:contain;background:#000}.cast-overlay-status{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fffc;font-size:1.25rem}.cast-overlay-icon{width:3rem;height:3rem;color:#38bdf8;animation:cast-pulse 1.6s ease-in-out infinite}@keyframes cast-pulse{0%,to{opacity:.4}50%{opacity:1}}.identify-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0f172ae5;pointer-events:none}.identify-label{color:#fff9;font-size:1.5rem;text-transform:uppercase;letter-spacing:.15em}.identify-name{color:#fff;font-size:4.5rem;font-weight:700;line-height:1.1;text-align:center;max-width:90vw}.identify-location{color:#fffc;font-size:2rem;text-align:center}.identify-code{margin-top:.5rem;color:#ffffff8c;font-size:1.5rem;font-family:monospace;letter-spacing:.1em}.announcement-bar{position:absolute;left:0;right:0;z-index:60;display:flex;align-items:center;overflow:hidden;font-weight:600;line-height:1.2;pointer-events:none}.announcement-bar-top{top:0}.announcement-bar-bottom{bottom:0}.announcement-static{width:100%;padding:0 1.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-viewport{width:100%;overflow:hidden}.announcement-track{display:inline-flex;white-space:nowrap;will-change:transform;animation-name:announcement-marquee;animation-timing-function:linear;animation-iteration-count:infinite}.announcement-text{padding:0 2rem}@keyframes announcement-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-overlay{position:absolute;z-index:50;pointer-events:none;object-fit:contain;filter:drop-shadow(0 2px 8px rgb(0 0 0 / 35%))}.logo-overlay-small{width:9vw;max-width:130px}.logo-overlay-medium{width:13vw;max-width:210px}.logo-overlay-large{width:18vw;max-width:320px}.logo-overlay-top-left{top:3.5vh;left:3vw}.logo-overlay-top-right{top:3.5vh;right:3vw}.logo-overlay-bottom-left{bottom:3.5vh;left:3vw}.logo-overlay-bottom-right{bottom:3.5vh;right:3vw}.standby-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#000}.standby-logo{max-width:28vw;max-height:20vh;object-fit:contain;opacity:.85}.standby-dot{width:.75rem;height:.75rem;border-radius:999px;background:#94a3b859}.standby-clock{color:#e2e8f0cc;font-size:4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.standby-hint{color:#64748bcc;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.player-spinner,.playback-empty-icon{width:3rem;height:3rem;animation:spin 1s linear infinite}.player-spinner{border:2px solid #3b82f6;border-top-color:transparent;border-radius:999px}.player-muted-text{color:#94a3b8;font-size:.875rem}.player-error-icon{font-size:3.75rem;line-height:1}.player-error-title{font-size:1.25rem;font-weight:600}.player-button{margin-top:1rem;border:0;border-radius:.5rem;background:#2563eb;color:#fff;cursor:pointer;padding:.5rem 1.5rem;font-size:.875rem}.player-button:hover{background:#1d4ed8}.playback-empty-content{text-align:center;opacity:.5}.playback-empty-icon{display:block;margin:0 auto 1rem}.unsupported-content{opacity:.5;font-size:1.25rem}.qr-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;background:#fff}.qr-image{width:16rem;height:16rem}.qr-label{color:#1e293b;font-size:1.5rem;font-weight:600}.text-announcement{display:flex;align-items:center;justify-content:center;padding:3rem;text-align:center}.datetime-widget,.weather-widget{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:#fff;position:relative}.datetime-widget{background:#0f172a}.datetime-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:6rem;font-weight:100;line-height:1}.datetime-date{color:#94a3b8;font-size:1.5rem;font-weight:300}.analog-clock{position:relative;width:24rem;height:24rem;border-radius:50%;border:.5rem solid #1e293b;background:#0f172a}.analog-clock-tick{position:absolute;top:0;left:50%;width:2px;height:1.25rem;background:#94a3b8;transform-origin:50% 12rem}.analog-clock-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:4px;background:#fff}.analog-clock-hour{width:.5rem;height:6rem;margin-left:-.25rem}.analog-clock-minute{width:.35rem;height:9rem;margin-left:-.175rem}.analog-clock-second{width:.15rem;height:10rem;margin-left:-.075rem;background:#ef4444}.analog-clock-center{position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;margin:-.375rem;border-radius:50%;background:#ef4444}.world-clock-widget{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3rem;background:#0f172a;color:#fff}.world-clock-city{text-align:center}.world-clock-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:4rem;font-weight:100;line-height:1}.world-clock-label{margin-top:.5rem;color:#94a3b8;font-size:1.25rem;font-weight:300}.weather-widget{background:linear-gradient(135deg,#2563eb,#1e3a8a)}.weather-icon{font-size:6rem;line-height:1}.weather-temperature{font-size:3.75rem;font-weight:300;line-height:1}.weather-city{font-size:1.5rem;opacity:.7}.weather-condition{font-size:1.125rem;opacity:.5}.countdown-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:linear-gradient(135deg,#7f1d1d,#0f172a);color:#fff;text-align:center}.countdown-title{font-size:2.5rem;font-weight:300;opacity:.9}.countdown-units{display:flex;gap:2.5rem}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:5rem;font-weight:200;line-height:1}.countdown-unit-label{font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.countdown-finished{font-size:4rem;font-weight:600}.air-quality-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#fff;text-align:center}.aqi-city{font-size:1.75rem;opacity:.85}.aqi-value{font-size:7rem;font-weight:200;line-height:1}.aqi-category{font-size:2rem;font-weight:500}.aqi-detail{font-size:1.25rem;opacity:.7}.exchange-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:linear-gradient(135deg,#064e3b,#0f172a);color:#fff}.exchange-base{font-size:2rem;font-weight:300;opacity:.8}.exchange-rows{display:flex;flex-direction:column;gap:.75rem;min-width:16rem}.exchange-row{display:flex;justify-content:space-between;gap:2rem;font-size:2.25rem;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:.5rem}.exchange-symbol{font-weight:600}.exchange-rate{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:300}.prayer-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#1e1b4b,#0f172a);color:#fff;text-align:center}.prayer-location{font-size:2rem;font-weight:500}.prayer-date{font-size:1.1rem;opacity:.6;margin-bottom:1rem}.prayer-rows{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2.5rem}.prayer-row{display:flex;flex-direction:column;align-items:center;gap:.4rem}.prayer-name{font-size:1.25rem;opacity:.7}.prayer-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:2.5rem;font-weight:300}.rss-ticker{display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff}.rss-viewport{width:100%;height:50%;overflow:hidden;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.rss-track{display:flex;flex-direction:column;align-items:center;animation:rss-marquee linear infinite;will-change:transform}.rss-item{display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:300;padding:.6rem 1.5rem;text-align:center}.rss-bullet{color:#f59e0b;font-size:1rem;margin-right:1.5rem}.rss-status{padding:0 2rem;font-size:2rem;opacity:.7}@keyframes rss-marquee{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.image-slider{position:relative;background:#000}.image-slider-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1s ease-in-out}.image-slider-slide.is-active{opacity:1}.widget-status{font-size:1.75rem;opacity:.7}.widget-stale-dot{position:absolute;top:1rem;right:1rem;width:.75rem;height:.75rem;border-radius:9999px;background:#f59e0b}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media (max-width: 900px){.pairing-content{flex-direction:column}.pairing-code{font-size:3rem}.pairing-qr-image,.pairing-qr-placeholder{width:12rem;height:12rem}}