.iv-page{background-color:var(--ink);color:var(--paper)}.iv-marble{background-color:var(--ink);background-image:linear-gradient(180deg, color-mix(in oklab, var(--ink) 35%, transparent) 0%, color-mix(in oklab, var(--ink) 70%, transparent) 55%, var(--ink) 100%), var(--iv-marble-dark);background-position:top;background-size:cover}.iv-ivory{background-color:var(--paper);background-image:linear-gradient(180deg, color-mix(in oklab, var(--paper) 35%, transparent), color-mix(in oklab, var(--paper) 60%, transparent)), var(--iv-marble-ivory);color:var(--foreground);background-position:50%;background-size:cover}.iv-gold-rule{background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);height:1px}.iv-gold-rule-deep{background:linear-gradient(90deg, var(--gold-deep), color-mix(in oklab, var(--gold-deep) 10%, transparent));height:1px}.iv-bezel{background:linear-gradient(150deg, color-mix(in oklab, var(--paper) 12%, var(--ink)) 0%, var(--ink) 45%, color-mix(in oklab, var(--gold) 10%, var(--ink)) 100%);box-shadow:0 0 0 1px color-mix(in oklab, var(--gold) 55%, transparent), inset 0 1px 0 color-mix(in oklab, var(--paper) 18%, transparent), 0 40px 90px -35px color-mix(in oklab, var(--gold) 45%, transparent), 0 25px 50px -20px var(--ink);border-radius:1.1rem;padding:.5rem;position:relative}@media (width>=640px){.iv-bezel{border-radius:1.4rem;padding:.85rem}}.iv-screen{aspect-ratio:16/9;background:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--paper) 10%, transparent);border-radius:.7rem;position:relative;overflow:hidden}.iv-screen-glass:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 40%, transparent 55%, color-mix(in oklab, var(--ink) 70%, transparent) 100%), repeating-linear-gradient(0deg, color-mix(in oklab, var(--ink) 12%, transparent) 0 1px, transparent 1px 3px);position:absolute;inset:0}.iv-stand{background:linear-gradient(90deg, color-mix(in oklab, var(--gold) 15%, var(--ink)), color-mix(in oklab, var(--gold) 55%, var(--ink)), color-mix(in oklab, var(--gold) 15%, var(--ink)));border-radius:0 0 .6rem .6rem;width:34%;height:.55rem;margin:0 auto}.iv-onair-dot{background:var(--primary);box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 70%, transparent);animation:1.8s ease-out infinite iv-pulse}@keyframes iv-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 70%, transparent)}70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.iv-play{transition:transform .2s,background-color .2s}.iv-screen button:hover .iv-play,.iv-screen button:focus-visible .iv-play{transform:scale(1.08)}.iv-channel{transition:border-color .2s,background-color .2s,transform .2s}.iv-channel:hover{border-color:color-mix(in oklab, var(--gold) 60%, transparent)}.iv-channel[aria-pressed=true]{border-color:var(--gold);background-color:color-mix(in oklab, var(--gold) 9%, var(--ink))}.iv-channel img{transition:transform .4s}.iv-channel:hover img{transform:scale(1.04)}.iv-placard{background-color:var(--ink);background-image:linear-gradient(160deg, color-mix(in oklab, var(--ink) 30%, transparent), var(--ink) 90%), var(--iv-marble-dark);background-position:50%;background-size:cover}.iv-press{background-color:color-mix(in oklab, var(--paper) 82%, transparent);transition:border-color .2s,background-color .2s}.iv-press:hover{border-color:var(--gold-deep);background-color:var(--paper)}@media (prefers-reduced-motion:reduce){.iv-onair-dot{animation:none}.iv-play,.iv-channel,.iv-channel img,.iv-press{transition:none}.iv-channel:hover img,.iv-screen button:hover .iv-play{transform:none}}
