*,*: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{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}.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}.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}.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}@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}}