:root{color-scheme:dark;font-family:var( --font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif );--overlay-width: 500px;--overlay-bg: #1a1a2e;--overlay-border: #2d2d44;--text-primary: #ffffff;--text-secondary: #a0a0a0;--tag-bg: #16213e;--tag-border: #2d2d44;--context-bg: #101827;--accent-live: #ef4444;--accent-upcoming: #3b82f6;--accent-muted: #6b7280;--primary-color: var(--accent-live);--accent-color: var(--accent-upcoming);--overlay-opacity: 1;--border-radius-overlay: 12px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-multiplier: 1}body{margin:0;font-family:inherit;background:transparent;color:var(--text-primary)}body[data-theme=light]{color-scheme:light;--overlay-bg: #ffffff;--overlay-border: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--tag-bg: #f3f4f6;--tag-border: #d1d5db;--context-bg: #f9fafb;--accent-live: #ef4444;--accent-upcoming: #2563eb;--accent-muted: #9ca3af}body[data-blur=true] .overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.overlay-wrapper{position:fixed;bottom:24px;left:24px;pointer-events:none;width:min(calc(100vw - 48px),var(--overlay-width));z-index:999}body[data-position=bottom-right] .overlay-wrapper{left:auto;right:24px}body[data-position=top-left] .overlay-wrapper{top:24px;bottom:auto}body[data-position=top-right] .overlay-wrapper{top:24px;bottom:auto;left:auto;right:24px}body[data-size=small]{--overlay-width: 300px}body[data-size=large]{--overlay-width: 700px}.overlay{background:var(--overlay-bg);border:1px solid var(--overlay-border);border-radius:var(--border-radius-overlay);padding:16px 20px;box-shadow:0 4px 12px #0006;font-family:inherit;pointer-events:auto;display:flex;flex-direction:column;gap:12px;opacity:var(--overlay-opacity);transition:opacity .2s ease,transform .2s ease}.overlay.hidden{opacity:0;transform:translateY(12px);pointer-events:none;display:none}.overlay[data-animation=slide]{transition:opacity .3s ease,transform .3s ease}.overlay[data-animation=slide].hidden{transform:translateY(24px)}.overlay[data-animation=none]{transition:none}.overlay[data-dynamic-mode=true]{transition:opacity .24s ease,transform .24s ease,min-height .24s ease}.overlay[data-dynamic-mode=true][data-dynamic-animation=slide]{transition:opacity .26s ease,transform .26s ease,min-height .26s ease}.overlay[data-dynamic-mode=true][data-dynamic-animation=none]{transition:none}.overlay[data-scene=program],.overlay[data-scene=progress]{min-height:220px}body[data-size=small] .overlay[data-scene=program],body[data-size=small] .overlay[data-scene=progress]{min-height:190px}body[data-size=large] .overlay[data-scene=program],body[data-size=large] .overlay[data-scene=progress]{min-height:250px}.overlay[data-scene=cta]{border-color:color-mix(in srgb,var(--accent-color) 55%,var(--overlay-border))}.status-line{display:inline-flex;align-items:center;gap:8px;font-size:calc(12px * var(--font-size-multiplier));font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-line.config-hidden{display:none}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:pulse 2s infinite}.overlay[data-state=upcoming] .status-dot{background:var(--accent-color)}.overlay[data-state=preparing] .status-dot,.overlay[data-state=idle] .status-dot{background:#9ca3af;animation:none}.overlay[data-state=error] .status-dot{background:#f87171}.status-label{color:var(--text-primary)}.topic-title{margin:0;font-size:calc(20px * var(--font-size-multiplier));font-weight:600;line-height:1.3;color:var(--text-primary)}.topic-meta{margin:0;font-size:calc(14px * var(--font-size-multiplier));color:var(--text-secondary)}.topic-meta.config-hidden{display:none}.separator{width:100%;border-top:1px solid var(--overlay-border);height:1px;opacity:.8}.separator.config-hidden{display:none}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags.config-hidden{display:none}.tag{font-size:calc(12px * var(--font-size-multiplier));padding:6px 12px;border-radius:16px;background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--text-secondary)}.topic-list{display:flex;flex-direction:column;gap:8px}.topic-list.config-hidden{display:none}.topic-list-header{font-size:calc(11px * var(--font-size-multiplier));text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary)}.topic-list-items{display:flex;flex-direction:column;gap:8px}.topic-item{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:8px 10px;border:1px solid var(--overlay-border);border-radius:10px;background:var(--context-bg)}.topic-item-marker{width:8px;height:100%;border-radius:6px;background:var(--accent-muted)}.topic-item-content{display:flex;flex-direction:column;gap:2px}.topic-item-label{font-size:calc(11px * var(--font-size-multiplier));text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary)}.topic-item-title{margin:0;font-size:calc(14px * var(--font-size-multiplier));font-weight:600;color:var(--text-primary)}.topic-item-meta{margin:0;font-size:calc(12px * var(--font-size-multiplier));color:var(--text-secondary)}.topic-item.current .topic-item-marker{background:var(--primary-color)}.topic-item.next .topic-item-marker{background:var(--accent-color)}.timer-urgent{animation:timerPulse 2s ease-in-out infinite}.qr-overlay{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto;z-index:1000}body[data-blur=true] .qr-label{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.qr-overlay.hidden{display:none}.qr-overlay[data-qr-position=top-left]{top:-8px;left:-16px;transform:translate(-100%)}.qr-overlay[data-qr-position=top-right]{top:-8px;right:-16px;transform:translate(100%)}.qr-overlay[data-qr-position=bottom-left]{bottom:-8px;left:-16px;transform:translate(-100%)}.qr-overlay[data-qr-position=bottom-right]{bottom:-8px;right:-16px;transform:translate(100%)}.qr-image{border-radius:8px;box-shadow:0 4px 12px #00000040;background:#fff;padding:4px}.qr-overlay[data-qr-placeholder=true] .qr-image{border:2px dashed rgba(255,255,255,.25);background:#ffffff0d;box-shadow:none;padding:0}.qr-image[data-qr-size=small]{width:48px;height:48px}.qr-image[data-qr-size=medium]{width:64px;height:64px}.qr-image[data-qr-size=large]{width:80px;height:80px}.qr-label{font-size:calc(9.5px * var(--font-size-multiplier));color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;text-align:center;font-weight:600;white-space:nowrap;background:var(--overlay-bg);padding:3px 8px;border-radius:6px;border:1px solid var(--overlay-border);box-shadow:0 4px 12px #00000040}.cta-banner{margin-top:8px;padding:16px 20px;background:var(--overlay-bg);border:1px solid var(--overlay-border);border-radius:var(--border-radius-overlay);display:flex;align-items:center;gap:16px;pointer-events:auto;box-shadow:0 4px 12px #0006;opacity:var(--overlay-opacity)}.cta-banner.hidden{display:none}.cta-banner[data-cta-animation=slide-up]{animation:ctaSlideUp .4s ease-out}.cta-banner[data-cta-animation=slide-down]{animation:ctaSlideDown .4s ease-out}.cta-banner[data-cta-animation=fade]{animation:ctaFade .4s ease-out}.cta-banner.cta-exiting[data-cta-animation=slide-up]{animation:ctaSlideUpOut .4s ease-in forwards}.cta-banner.cta-exiting[data-cta-animation=slide-down]{animation:ctaSlideDownOut .4s ease-in forwards}.cta-banner.cta-exiting[data-cta-animation=fade]{animation:ctaFadeOut .4s ease-in forwards}.cta-content{flex:1;display:flex;flex-direction:column;gap:4px}.cta-message{margin:0;font-size:calc(14px * var(--font-size-multiplier));font-weight:600;color:var(--text-primary)}.cta-url{margin:0;font-size:calc(12px * var(--font-size-multiplier));color:var(--accent-color);word-break:break-all}.cta-qr{width:56px;height:56px;border-radius:6px;flex-shrink:0}.cta-qr.hidden{display:none}.creator-logo{position:absolute;z-index:1001;pointer-events:auto}.creator-logo.hidden{display:none}.creator-logo[data-logo-position=top-left]{top:12px;left:12px}.creator-logo[data-logo-position=top-right]{top:12px;right:12px}.creator-logo-img{border-radius:6px;object-fit:contain}.creator-logo-img[data-logo-size=small]{width:24px;height:24px}.creator-logo-img[data-logo-size=medium]{width:32px;height:32px}.creator-logo-img[data-logo-size=large]{width:48px;height:48px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ctaSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaSlideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes ctaSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaSlideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes ctaFade{0%{opacity:0}to{opacity:1}}@keyframes ctaFadeOut{0%{opacity:1}to{opacity:0}}.watermark{margin-top:10px;padding-top:8px;display:flex;justify-content:center;align-items:center;font-size:calc(9.5px * var(--font-size-multiplier));text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);opacity:.4;font-weight:500;-webkit-user-select:none;user-select:none;pointer-events:none;border-top:1px solid var(--overlay-border)}.watermark span{font-weight:800;color:var(--text-primary);margin-left:4px;opacity:.7}