.nightshift-receiver{color-scheme: dark; --room: #030201; --cabinet: #130c06; --cabinet-2: #050403; --glass: #030506; --glass-lit: #0a1216; --amber: #f3a321; --amber-hot: #ffbd42; --amber-dim: rgba(243, 163, 33, 0.28); --blue: #31a8ff; --blue-hot: #78d6ff; --red: #ff351f; --cream: #f6ead3; --muted: #9d8060; --line: rgba(230, 153, 43, 0.34); --shadow: rgba(0, 0, 0, 0.72);}
.nightshift-receiver :is(*){box-sizing: border-box;}
.nightshift-receiver :is(html){background: var(--room);}
.nightshift-receiver :is(body){margin: 0px; min-height: 100vh; background: radial-gradient(circle at 50% -10%, rgba(255, 160, 43, 0.13), transparent 30rem), radial-gradient(circle at 28% 18%, rgba(50, 116, 160, 0.09), transparent 26rem), radial-gradient(circle at 50% 76%, rgba(123, 72, 22, 0.12), transparent 34rem), linear-gradient(rgb(8, 6, 4) 0%, rgb(2, 2, 1) 48%, rgb(0, 0, 0) 100%); color: var(--cream); font: 16px / 1.45 "Trebuchet MS", "Arial Narrow", Arial, sans-serif; overflow-x: hidden;}
.nightshift-receiver :is(body::before){content: ""; position: fixed; inset: 0px; pointer-events: none; background: linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0px, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 5px), radial-gradient(circle, transparent 0px, transparent 48%, rgba(0, 0, 0, 0.62) 100%); opacity: 0.7;}
.nightshift-receiver :is(button, a){font: inherit;}
.nightshift-receiver :is([hidden]){display: none !important;}
.nightshift-receiver :is(.receiver-app){position: relative; z-index: 1; width: min(1280px, 100% - 28px); margin: 0px auto; padding: 14px 0px 34px;}
.nightshift-receiver :is(.receiver-top){display: flex; align-items: center; justify-content: flex-end; gap: 22px; padding: 8px 28px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgba(233, 154, 43, 0.24) rgba(233, 154, 43, 0.24) currentcolor; border-image: none; background: linear-gradient(rgba(255, 174, 55, 0.055), transparent 65%), linear-gradient(90deg, rgba(0, 0, 0, 0.55), rgba(20, 13, 7, 0.28), rgba(0, 0, 0, 0.58)); box-shadow: rgba(0, 0, 0, 0.9) 0px -1px 0px inset, rgba(255, 195, 92, 0.08) 0px 1px 0px inset;}
.nightshift-receiver :is(.eyebrow){margin: 0px; color: var(--amber); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.18em; text-transform: uppercase;}
.nightshift-receiver :is(h1){margin: 2px 0px 0px; color: var(--amber-hot); font-family: "Cooper Black", "Bookman Old Style", Georgia, "Times New Roman", serif; font-size: clamp(2rem, 3.25vw, 3.6rem); font-weight: 700; letter-spacing: 0.18em; line-height: 0.92; text-transform: uppercase; text-shadow: rgba(255, 162, 36, 0.8) 0px 0px 9px, rgba(255, 124, 15, 0.38) 0px 0px 28px, rgb(0, 0, 0) 0px 2px 0px;}
.nightshift-receiver :is(h2, strong){text-wrap: balance;}
.nightshift-receiver :is(.receiver-tagline){margin: 5px 0px 0px; color: rgba(246, 234, 211, 0.74); font-size: 0.86rem; letter-spacing: 0.04em;}
.nightshift-receiver :is(button, .full-link){border: 1px solid rgba(230, 153, 43, 0.34); border-radius: 2px; background: linear-gradient(rgba(255, 177, 56, 0.06), rgba(0, 0, 0, 0.58)), rgb(5, 4, 3); color: var(--cream); padding: 10px 14px; text-decoration: none; text-transform: uppercase; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.12em; cursor: pointer; transition: background 180ms, border-color 180ms, color 180ms, transform 180ms, box-shadow 180ms;}
.nightshift-receiver :is(button:hover, button:focus-visible, .full-link:hover, .full-link:focus-visible){border-color: var(--amber-hot); color: var(--amber-hot); outline: none; box-shadow: rgba(255, 169, 44, 0.22) 0px 0px 16px;}
.nightshift-receiver :is(button:active){transform: translateY(1px);}
.nightshift-receiver :is(.primary){border-color: rgb(230, 158, 45); background: linear-gradient(rgb(216, 148, 36), rgb(156, 93, 8)); color: rgb(18, 11, 3); box-shadow: rgba(255, 160, 39, 0.24) 0px 0px 20px;}
.nightshift-receiver :is(.receiver-face){position: relative; display: grid; grid-template-columns: 218px minmax(0px, 1fr) 178px; grid-template-areas: "meters glass knobs"; align-items: stretch; gap: 14px; padding: 20px; border: 1px solid rgba(230, 153, 43, 0.42); border-radius: 2px; background: radial-gradient(circle at 50% 0%, rgba(255, 175, 56, 0.09), transparent 34rem), linear-gradient(110deg, rgba(255, 172, 55, 0.12), rgba(255, 255, 255, 0.02) 18%, transparent 56%, rgba(255, 175, 55, 0.08)), repeating-linear-gradient(90deg, rgba(255, 185, 78, 0.035) 0px, rgba(255, 185, 78, 0.035) 1px, transparent 1px, transparent 4px), linear-gradient(rgb(33, 20, 10) 0%, rgb(16, 9, 4) 45%, rgb(6, 4, 3) 100%); box-shadow: rgba(255, 191, 92, 0.24) 0px 1px 0px inset, rgba(0, 0, 0, 0.88) 0px -18px 34px inset, rgba(255, 186, 70, 0.035) 11px 0px 22px inset, rgba(0, 0, 0, 0.55) -11px 0px 22px inset, rgba(0, 0, 0, 0.85) 0px 28px 90px;}
.nightshift-receiver :is(.receiver-face::before){content: ""; position: absolute; inset: 7px; border: 1px solid rgba(0, 0, 0, 0.86); pointer-events: none; box-shadow: rgba(255, 172, 55, 0.08) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.7) 0px 0px 46px inset;}
.nightshift-receiver :is(.receiver-face .meter-bank::before, .receiver-face .knob-row::before, .receiver-face .glass-panel::before){content: ""; position: absolute; inset: -5px; border: 1px solid rgba(0, 0, 0, 0.66); pointer-events: none; box-shadow: rgba(255, 170, 55, 0.055) 0px 0px 0px 1px inset;}
.nightshift-receiver :is(.receiver-face::after){content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 50% 45%, rgba(255, 170, 46, 0.07), transparent 44%); animation: 9s ease-in-out 0s infinite normal none running receiverBreath;}
.nightshift-receiver :is(.glass-panel){grid-area: glass; position: relative; display: grid; grid-template-columns: 1fr; align-content: center; gap: 9px; min-height: 218px; padding: 16px 34px 17px; overflow: hidden; min-width: 0px; border: 1px solid rgba(255, 164, 39, 0.3); background: radial-gradient(at 50% 54%, rgba(255, 168, 41, 0.2), transparent 31rem), linear-gradient(90deg, rgba(255, 60, 35, 0.05), transparent 16%, transparent 84%, rgba(255, 60, 35, 0.04)), linear-gradient(rgb(7, 9, 9), rgb(1, 2, 2) 74%), rgb(3, 3, 3); box-shadow: rgba(0, 0, 0, 0.95) 0px 0px 34px inset, rgba(255, 154, 30, 0.08) 0px 0px 10px inset, rgba(0, 0, 0, 0.76) 0px 0px 28px;}
.nightshift-receiver :is(.receiver-nameplate){position: relative; z-index: 1; display: grid; justify-items: center; gap: 2px; padding-bottom: 3px; text-align: center;}
.nightshift-receiver :is(.receiver-nameplate .eyebrow){color: rgba(255, 189, 66, 0.82); font-size: 0.48rem; letter-spacing: 0.28em;}
.nightshift-receiver :is(.receiver-nameplate h1){color: rgb(255, 189, 66); font-size: clamp(1.55rem, 2.35vw, 2.7rem); letter-spacing: 0.2em; text-shadow: rgba(255, 178, 55, 0.9) 0px 0px 8px, rgba(255, 126, 16, 0.42) 0px 0px 25px, rgb(0, 0, 0) 0px 2px 0px;}
.nightshift-receiver :is(.receiver-nameplate .receiver-tagline){margin: 0px; color: rgba(246, 234, 211, 0.68); font-size: 0.58rem; letter-spacing: 0.11em;}
.nightshift-receiver :is(.glass-panel::after){content: ""; position: absolute; inset: 0px; background: linear-gradient(112deg, rgba(255, 255, 255, 0.055), transparent 23%, transparent 72%, rgba(255, 255, 255, 0.024)), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0px, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 8px); pointer-events: none;}
.nightshift-receiver :is(.dial-brand){position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; min-width: 0px; padding-inline: 4px;}
.nightshift-receiver :is(.dial-brand span){color: rgb(255, 60, 35); font-size: 1.35rem; letter-spacing: 0.18em; text-shadow: rgba(255, 63, 36, 0.46) 0px 0px 14px;}
.nightshift-receiver :is(.dial-brand strong){position: relative; color: rgb(255, 60, 35); font-size: 0.64rem; font-weight: 900; letter-spacing: 0.3em; text-transform: uppercase; text-shadow: rgba(255, 63, 36, 0.55) 0px 0px 14px;}
.nightshift-receiver :is(.dial-brand strong::before){content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 9px; border-radius: 999px; vertical-align: middle; background: rgb(255, 50, 31); box-shadow: rgba(255, 49, 31, 0.9) 0px 0px 14px, rgb(255, 210, 198) 0px 0px 4px inset;}
.nightshift-receiver :is(.tuner-scale){position: relative; z-index: 1; padding: 8px 52px 8px 0px; min-width: 0px;}
.nightshift-receiver :is(.scale-line){height: 76px; border-bottom: 1px solid rgba(255, 165, 36, 0.92); background: repeating-linear-gradient(90deg, transparent 0px, transparent calc(10% - 2px), rgba(255, 182, 57, 0.9) calc(10% - 2px), rgba(255, 182, 57, 0.9) 10%), repeating-linear-gradient(90deg, transparent 0px, transparent calc(2% - 1px), rgba(255, 174, 42, 0.48) calc(2% - 1px), rgba(255, 174, 42, 0.48) 2%), repeating-linear-gradient(90deg, transparent 0px, transparent calc(1% - 1px), rgba(255, 174, 42, 0.2) calc(1% - 1px), rgba(255, 174, 42, 0.2) 1%), linear-gradient(transparent, rgba(255, 165, 36, 0.1)); box-shadow: rgba(255, 155, 26, 0.28) 0px 0px 24px, rgba(255, 155, 26, 0.035) 0px -16px 32px inset;}
.nightshift-receiver :is(.scale-numbers){display: flex; justify-content: space-between; color: var(--amber); font-size: 1.35rem; letter-spacing: 0.06em; margin-top: -60px; padding: 0px 4px; text-shadow: rgba(255, 162, 36, 0.32) 0px 0px 12px;}
.nightshift-receiver :is(.mhz){position: absolute; right: 0px; top: 21px; color: rgb(255, 60, 35); font-size: 0.78rem; letter-spacing: 0.08em;}
.nightshift-receiver :is(.tuning-needle){position: absolute; left: 50%; top: 3px; width: 2px; height: 112px; background: var(--red); box-shadow: rgba(255, 55, 30, 0.92) 0px 0px 16px, rgb(255, 255, 255) 0px 0px 3px; transition: left 850ms cubic-bezier(0.2, 0.8, 0.2, 1);}
.nightshift-receiver :is(.receiver-label-strip){position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 16px; padding: 7px 12px 6px; border-top: 1px solid rgba(255, 166, 39, 0.32); border-bottom: 1px solid rgba(255, 166, 39, 0.2); color: rgba(246, 190, 93, 0.72); font-size: 0.55rem; font-weight: 900; letter-spacing: 0.26em; text-transform: uppercase; background: linear-gradient(90deg, transparent, rgba(255, 166, 39, 0.06), transparent); white-space: nowrap;}
.nightshift-receiver :is(.receiver-label-strip em){color: var(--amber); font-style: normal; text-shadow: rgba(255, 165, 36, 0.28) 0px 0px 11px;}
.nightshift-receiver :is(.meter-bank){grid-area: meters; display: grid; align-content: center; gap: 12px; position: relative; z-index: 1;}
.nightshift-receiver :is(.vu-meter){display: grid; gap: 7px; padding: 11px 11px 13px; border: 1px solid rgba(41, 156, 255, 0.22); background: linear-gradient(rgba(255, 255, 255, 0.024), rgba(0, 0, 0, 0.28)), rgb(2, 3, 3); box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 18px inset, rgba(0, 0, 0, 0.66) 0px 0px 18px;}
.nightshift-receiver :is(.vu-meter span){color: var(--blue-hot); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; text-shadow: rgba(49, 168, 255, 0.58) 0px 0px 12px;}
.nightshift-receiver :is(.meter-window){position: relative; height: 72px; overflow: hidden; border-radius: 2px; background: radial-gradient(at 50% 82%, rgba(76, 183, 255, 0.32), transparent 40%), linear-gradient(rgba(103, 201, 255, 0.18), rgba(4, 17, 31, 0.92) 58%, rgb(2, 6, 10)), rgb(2, 6, 10); box-shadow: rgba(49, 168, 255, 0.28) 0px 0px 22px inset, rgba(111, 204, 255, 0.12) 0px 0px 0px 1px inset;}
.nightshift-receiver :is(.meter-window::before){content: ""; position: absolute; left: 18%; right: 18%; bottom: 9px; height: 40px; border-top: 1px solid rgba(135, 221, 255, 0.6); border-radius: 50% 50% 0px 0px; opacity: 0.82;}
.nightshift-receiver :is(.meter-window::after){content: ""; position: absolute; inset: 0px; background: linear-gradient(115deg, rgba(255, 255, 255, 0.14), transparent 22%, transparent 65%, rgba(255, 255, 255, 0.04)), repeating-linear-gradient(90deg, transparent 0px, transparent 11px, rgba(255, 255, 255, 0.035) 11px, rgba(255, 255, 255, 0.035) 12px); pointer-events: none;}
.nightshift-receiver :is(.meter-window i){position: absolute; left: 50%; bottom: 8px; width: 2px; height: 51px; display: block; transform-origin: 50% 100%; transform: rotate(-38deg); background: linear-gradient(rgb(255, 239, 189), rgb(255, 97, 69) 55%, rgb(42, 11, 6)); box-shadow: rgba(255, 90, 55, 0.48) 0px 0px 10px; transition: transform 180ms cubic-bezier(0.22, 0.84, 0.22, 1);}
.nightshift-receiver :is(.meter-scale){position: absolute; inset: 8px 12px auto; display: flex; justify-content: space-between; color: rgba(127, 221, 255, 0.78); font-size: 0.52rem; font-weight: 700; letter-spacing: 0.04em; text-shadow: rgba(49, 168, 255, 0.65) 0px 0px 9px;}
.nightshift-receiver :is(.meter-scale b:last-child){color: rgb(255, 173, 83);}
.nightshift-receiver :is(.receiver-status){display: flex; gap: 9px; align-items: center; justify-content: center; color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.62rem; padding: 7px 8px; border: 1px solid rgba(255, 164, 39, 0.16); background: rgba(0, 0, 0, 0.22);}
.nightshift-receiver :is(.lamp){width: 10px; height: 10px; display: inline-block; border-radius: 999px; background: rgb(69, 19, 8); box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px inset;}
.nightshift-receiver :is(.lamp.is-on){background: rgb(255, 49, 30); box-shadow: rgba(255, 48, 30, 0.85) 0px 0px 16px, rgb(255, 208, 196) 0px 0px 4px inset; animation: 3.6s ease-in-out 0s infinite normal none running lampBreath;}
.nightshift-receiver :is(.knob-row){grid-area: knobs; display: grid; align-content: center; gap: 20px; position: relative; z-index: 1; padding-block: 3px;}
.nightshift-receiver :is(.knob){display: grid; justify-items: center; gap: 10px; position: relative; padding-top: 6px;}
.nightshift-receiver :is(.knob::before){content: ""; width: 116px; height: 116px; position: absolute; top: -8px; border-radius: 999px; background: radial-gradient(circle, transparent 58%, rgba(255, 178, 61, 0.15) 59%, rgba(255, 178, 61, 0.15) 61%, transparent 62%), repeating-conic-gradient(from -45deg, rgba(255, 185, 76, 0.55) 0deg, rgba(255, 185, 76, 0.55) 2deg, transparent 2deg, transparent 14deg); opacity: 0.62; filter: drop-shadow(rgba(255, 150, 32, 0.12) 0px 0px 12px);}
.nightshift-receiver :is(.knob span){position: relative; width: 92px; aspect-ratio: 1 / 1; border-radius: 999px; background: conic-gradient(from 30deg, rgb(27, 14, 4), rgb(169, 112, 34), rgb(246, 197, 109), rgb(112, 65, 14), rgb(17, 8, 3), rgb(184, 121, 36), rgb(27, 14, 4)), radial-gradient(circle, rgb(213, 152, 63), rgb(42, 22, 8) 70%); border: 1px solid rgba(255, 206, 115, 0.34); box-shadow: rgba(255, 230, 163, 0.13) 10px 10px 18px inset, rgba(0, 0, 0, 0.76) -18px -20px 28px inset, rgba(0, 0, 0, 0.65) 0px 12px 28px, rgba(255, 160, 40, 0.16) 0px 0px 22px;}
.nightshift-receiver :is(.knob span::after){content: ""; position: absolute; left: 50%; top: 9px; width: 2px; height: 31px; background: rgba(255, 236, 196, 0.7); box-shadow: rgba(255, 220, 150, 0.6) 0px 0px 6px;}
.nightshift-receiver :is(.knob small){color: var(--muted); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
.nightshift-receiver :is(.mode-switch, .playlist-filters, .radio-controls, .jukebox-controls, .top-actions){display: flex; flex-wrap: wrap; gap: 9px;}
.nightshift-receiver :is(.mode-switch){margin: 0px; padding: 11px 24px; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(230, 153, 43, 0.28) rgba(230, 153, 43, 0.28); border-image: none; background: linear-gradient(rgb(10, 6, 3), rgb(3, 2, 1));}
.nightshift-receiver :is(.mode-switch button){min-width: 112px; padding-block: 8px;}
.nightshift-receiver :is(.now-playing-section){display: grid; grid-template-columns: minmax(0px, 1fr) minmax(270px, 350px); gap: 12px; margin-top: 12px; align-items: stretch;}
.nightshift-receiver :is(.now-card, .radio-memory article, .jukebox-browser){border: 1px solid var(--line); background: radial-gradient(circle at 24% 0%, rgba(255, 165, 40, 0.06), transparent 14rem), linear-gradient(rgba(255, 255, 255, 0.027), rgba(0, 0, 0, 0.24)), rgb(5, 3, 2); box-shadow: rgba(255, 160, 38, 0.035) 0px 0px 30px inset, rgba(0, 0, 0, 0.66) 0px 24px 70px;}
.nightshift-receiver :is(.now-card){display: grid; grid-template-columns: minmax(320px, 380px) minmax(0px, 1fr); gap: clamp(20px, 2.6vw, 30px); padding: clamp(16px, 2.2vw, 24px); align-items: center; min-height: 390px;}
.nightshift-receiver :is(.cover-frame){width: min(100%, 380px); aspect-ratio: 1 / 1; padding: 9px; background: linear-gradient(145deg, rgb(196, 127, 36), rgb(18, 9, 4) 30%, rgb(5, 3, 2) 72%, rgb(94, 53, 16)); box-shadow: rgba(255, 199, 105, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.62) 0px 22px 48px;}
.nightshift-receiver :is(.cover-frame img){width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 520ms;}
.nightshift-receiver :is(.cover-frame img.is-loaded){opacity: 1;}
.nightshift-receiver :is(.now-copy){display: grid; gap: 10px; align-content: center; min-width: 0px;}
.nightshift-receiver :is(.now-copy h2){margin: 0px; color: rgb(255, 245, 221); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(2rem, 3.2vw, 3.18rem); line-height: 0.98; text-transform: uppercase; letter-spacing: 0.005em; overflow-wrap: anywhere; text-shadow: rgba(255, 160, 43, 0.18) 0px 0px 18px, rgb(0, 0, 0) 0px 2px 0px;}
.nightshift-receiver :is(.meta, .credits, .radio-memory em){color: var(--muted);}
.nightshift-receiver :is(.meta, .credits){max-width: 58ch; margin: 0px;}
.nightshift-receiver :is(.broadcast-row){display: flex; flex-wrap: wrap; gap: 12px; align-items: center; color: var(--muted); font-size: 0.82rem;}
.nightshift-receiver :is(.broadcast-row b){color: var(--cream); font-weight: 700;}
.nightshift-receiver :is(.on-air-pill){display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255, 49, 30, 0.58); color: rgb(255, 90, 67); padding: 4px 8px; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase;}
.nightshift-receiver :is(.on-air-pill::before){content: ""; width: 7px; height: 7px; border-radius: 999px; background: rgb(255, 53, 31); box-shadow: rgba(255, 49, 30, 0.85) 0px 0px 10px;}
.nightshift-receiver :is(.progress-shell){width: min(100%, 620px); height: 7px; overflow: hidden; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 160, 42, 0.12);}
.nightshift-receiver :is(.stereo-display){width: min(100%, 520px); height: 44px; display: flex; align-items: end; gap: 4px; padding: 8px 10px; border: 1px solid rgba(255, 160, 42, 0.18); background: linear-gradient(rgba(49, 168, 255, 0.07), rgba(0, 0, 0, 0.34)), rgb(3, 5, 6); box-shadow: rgba(49, 168, 255, 0.08) 0px 0px 22px inset;}
.nightshift-receiver :is(.stereo-display span){flex: 1 1 0%; min-width: 3px; height: 38%; background: linear-gradient(rgb(255, 204, 92), rgb(21, 156, 255)); box-shadow: rgba(49, 168, 255, 0.22) 0px 0px 9px; opacity: 0.78;}
.nightshift-receiver :is(.stereo-display span:nth-child(3n)){height: 64%;}
.nightshift-receiver :is(.stereo-display span:nth-child(4n)){height: 48%;}
.nightshift-receiver :is(.stereo-display span:nth-child(5n)){height: 78%;}
.nightshift-receiver :is(.stereo-display span:nth-child(8n)){height: 90%; background: linear-gradient(rgb(255, 90, 55), rgb(255, 189, 66));}
.nightshift-receiver :is(.progress-shell span){display: block; width: 0%; height: 100%; background: linear-gradient(90deg, var(--amber), #ffe0a1); box-shadow: rgba(255, 171, 44, 0.62) 0px 0px 14px;}
.nightshift-receiver :is(audio){display: none;}
.nightshift-receiver :is(.full-link){justify-self: start;}
.nightshift-receiver :is(.radio-memory){display: grid; grid-template-rows: 1fr 1fr auto; gap: 12px;}
.nightshift-receiver :is(.radio-memory article){min-height: 0px; padding: 16px; display: grid; align-content: start;}
.nightshift-receiver :is(.memory-row){display: grid; grid-template-columns: 82px 1fr; gap: 14px; align-items: center; margin-top: 12px;}
.nightshift-receiver :is(.memory-row img){width: 82px; height: 82px; object-fit: cover; background: rgb(9, 9, 9); border: 1px solid rgba(255, 160, 40, 0.2);}
.nightshift-receiver :is(.memory-row img[hidden]){display: none;}
.nightshift-receiver :is(.memory-row:has(img[hidden])){grid-template-columns: 1fr;}
.nightshift-receiver :is(.memory-row strong){display: block; font-size: 1rem; line-height: 1.05; color: var(--cream);}
.nightshift-receiver :is(.memory-row em){display: block; margin-top: 4px; font-style: normal; font-size: 0.78rem;}
.nightshift-receiver :is(.receiver-clock){justify-self: end; color: var(--blue-hot); font-size: 0.78rem; letter-spacing: 0.12em; text-shadow: rgba(49, 168, 255, 0.54) 0px 0px 12px;}
.nightshift-receiver :is(.jukebox-browser){margin-top: 18px; padding: clamp(18px, 3vw, 30px);}
.nightshift-receiver :is(.browser-head){display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 18px;}
.nightshift-receiver :is(.browser-head h2){margin: 4px 0px 0px; color: var(--cream); font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 4rem);}
.nightshift-receiver :is(.queue){display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px;}
.nightshift-receiver :is(.track-card){display: grid; grid-template-columns: 70px 1fr; gap: 13px; align-items: center; min-height: 96px; text-align: left; background: rgba(0, 0, 0, 0.5);}
.nightshift-receiver :is(.track-card img){width: 70px; height: 70px; object-fit: cover;}
.nightshift-receiver :is(.track-card strong, .track-card span){display: block;}
.nightshift-receiver :is(.track-card span){color: var(--muted); font-size: 0.78rem;}
.nightshift-receiver :is(.is-room-mode, :fullscreen){background: radial-gradient(circle at 50% 32%, rgba(255, 153, 35, 0.11), transparent 34rem), rgb(1, 1, 1);}
.nightshift-receiver :is(.is-room-mode .receiver-app, :fullscreen.receiver-app){width: min(1580px, 100% - 26px); min-height: 100vh; display: grid; align-content: center; padding: 16px 0px;}
.nightshift-receiver :is(.is-room-mode .receiver-top, :fullscreen .receiver-top){opacity: 0.9;}
.nightshift-receiver :is(.is-room-mode .now-card, :fullscreen .now-card){min-height: 390px;}
.nightshift-receiver :is(.is-room-mode .mode-switch, :fullscreen .mode-switch){opacity: 0.72;}
.nightshift-receiver :is(.is-room-mode .jukebox-browser, :fullscreen .jukebox-browser){display: none !important;}
@keyframes lampBreath { 
  0%, 100% { filter: brightness(0.88); }
  50% { filter: brightness(1.18); }
}
@keyframes receiverBreath { 
  0%, 100% { opacity: 0.46; }
  50% { opacity: 0.66; }
}
@media (prefers-reduced-motion: reduce){.nightshift-receiver :is(*, ::before, ::after){animation-duration: 0.01ms !important; transition-duration: 0.01ms !important;}}
@media (max-width: 900px){.nightshift-receiver :is(.receiver-app){width: min(100% - 18px, 560px); padding-top: 14px;}
.nightshift-receiver :is(.receiver-top, .browser-head){display: grid;}
.nightshift-receiver :is(.receiver-top){padding: 10px 8px; overflow: hidden; justify-content: center;}
.nightshift-receiver :is(.receiver-face){grid-template-columns: 1fr; grid-template-areas: "glass" "meters" "knobs"; padding: 14px; overflow: hidden;}
.nightshift-receiver :is(.glass-panel){grid-template-columns: 1fr; gap: 12px; min-height: 230px; padding: 18px;}
.nightshift-receiver :is(.tuner-scale){width: 100%;}
.nightshift-receiver :is(.dial-brand em){white-space: normal;}
.nightshift-receiver :is(.meter-bank){grid-template-columns: 1fr 1fr;}
.nightshift-receiver :is(.meter-bank .receiver-status){grid-column: 1 / -1;}
.nightshift-receiver :is(.knob-row){grid-template-columns: 1fr 1fr;}
.nightshift-receiver :is(.mode-switch, .radio-controls, .jukebox-controls){display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr));}
.nightshift-receiver :is(.mode-switch button){min-width: 0px;}
.nightshift-receiver :is(.now-playing-section, .now-card){grid-template-columns: 1fr;}
.nightshift-receiver :is(.now-card){gap: 20px;}
.nightshift-receiver :is(.cover-frame){width: min(100%, 330px); margin: 0px auto;}
.nightshift-receiver :is(.now-copy h2){font-size: clamp(2.4rem, 15vw, 4.65rem);}}
@media (max-width: 640px){.nightshift-receiver :is(.receiver-app){width: calc(100% - 12px);}
.nightshift-receiver :is(h1){font-size: 1.5rem; letter-spacing: 0.13em;}
.nightshift-receiver :is(.top-actions){width: 100%; justify-content: center;}
.nightshift-receiver :is(.top-actions button){width: min(100%, 260px); font-size: 0.58rem; letter-spacing: 0.08em; padding-inline: 8px;}
.nightshift-receiver :is(.receiver-tagline){font-size: 0.74rem;}
.nightshift-receiver :is(.receiver-nameplate h1){font-size: clamp(1.05rem, 7vw, 1.42rem); letter-spacing: 0.08em; max-width: 100%;}
.nightshift-receiver :is(.receiver-nameplate .eyebrow){font-size: 0.42rem; letter-spacing: 0.16em;}
.nightshift-receiver :is(.receiver-nameplate .receiver-tagline){font-size: 0.52rem; line-height: 1.25;}
.nightshift-receiver :is(.dial-brand span){font-size: 1.3rem;}
.nightshift-receiver :is(.glass-panel){padding: 12px 10px; min-width: 0px;}
.nightshift-receiver :is(.tuner-scale){padding-right: 0px;}
.nightshift-receiver :is(.scale-numbers){font-size: 0.7rem; letter-spacing: 0px;}
.nightshift-receiver :is(.scale-numbers span:nth-child(2n)){display: none;}
.nightshift-receiver :is(.scale-line){height: 48px;}
.nightshift-receiver :is(.mhz){display: none;}
.nightshift-receiver :is(.receiver-label-strip){gap: 7px; padding-inline: 6px; font-size: 0.42rem; letter-spacing: 0.08em;}
.nightshift-receiver :is(.receiver-label-strip em){overflow: hidden; text-overflow: ellipsis;}
.nightshift-receiver :is(.mode-switch, .radio-controls, .jukebox-controls){grid-template-columns: 1fr;}
.nightshift-receiver :is(.meter-bank){grid-template-columns: 1fr;}
.nightshift-receiver :is(.knob-row){grid-template-columns: 1fr;}
.nightshift-receiver :is(.memory-row){grid-template-columns: 62px 1fr;}
.nightshift-receiver :is(.memory-row img){width: 62px; height: 62px;}}
.nightshift-receiver :is(.live-command){display: grid; gap: 12px; width: min(100%, 640px); margin-top: 4px;}
.nightshift-receiver :is(.live-sign){justify-self: start; display: inline-flex; align-items: center; min-height: 74px; overflow: hidden; border: 2px solid rgba(255, 70, 46, 0.86); border-radius: 8px; background: linear-gradient(rgba(255, 97, 72, 0.24), rgba(55, 4, 0, 0.78)), radial-gradient(circle at 34% 50%, rgba(255, 112, 78, 0.32), transparent 54%), rgb(22, 2, 1); color: rgb(255, 210, 199); box-shadow: rgba(255, 45, 28, 0.34) 0px 0px 22px inset, rgba(255, 43, 28, 0.35) 0px 0px 24px, rgba(255, 43, 28, 0.16) 0px 0px 48px; text-shadow: rgba(255, 62, 44, 0.9) 0px 0px 15px, rgb(0, 0, 0) 0px 2px 0px; opacity: 0.72; filter: saturate(0.78) brightness(0.78); transition: opacity 180ms, filter 180ms, box-shadow 180ms;}
.nightshift-receiver :is(.broadcast-glyph){width: 86px; align-self: stretch; display: grid; place-items: center; border-right: 1px solid rgba(255, 166, 126, 0.36); color: rgb(255, 240, 233); font-size: 2.45rem; font-weight: 900; line-height: 1;}
.nightshift-receiver :is(.live-sign strong){display: block; padding: 0px 30px 0px 24px; color: rgb(255, 240, 233); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(2.3rem, 5vw, 4.4rem); letter-spacing: 0.12em; line-height: 0.92; text-transform: uppercase;}
.nightshift-receiver :is(.live-cta){position: relative; width: min(100%, 600px); min-height: 92px; display: grid; grid-template-columns: 74px 1fr; align-items: center; gap: 18px; padding: 15px 22px; overflow: hidden; border: 2px solid rgba(255, 65, 41, 0.82); border-radius: 9px; background: linear-gradient(rgba(255, 80, 52, 0.42), rgba(130, 15, 4, 0.82)), repeating-linear-gradient(135deg, rgba(255, 195, 72, 0.2) 0px, rgba(255, 195, 72, 0.2) 10px, transparent 10px, transparent 22px), rgb(24, 3, 1); color: rgb(255, 244, 232); box-shadow: rgba(255, 214, 155, 0.17) 0px 0px 0px 1px inset, rgba(255, 47, 27, 0.22) 0px 0px 32px inset, rgba(255, 44, 25, 0.28) 0px 0px 24px, rgba(0, 0, 0, 0.42) 0px 15px 34px; text-align: left;}
.nightshift-receiver :is(.live-cta::before, .live-cta::after){content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255, 221, 178, 0.3); border-radius: 5px; pointer-events: none;}
.nightshift-receiver :is(.live-cta::after){inset: auto 16px 0px; height: 3px; border: 0px; background: linear-gradient(90deg, transparent, rgba(255, 221, 178, 0.8), transparent); opacity: 0.55;}
.nightshift-receiver :is(.live-play-icon){position: relative; z-index: 1; width: 58px; aspect-ratio: 1 / 1; display: grid; place-items: center; border: 2px solid rgba(255, 244, 232, 0.88); border-radius: 999px; font-size: 1.55rem; line-height: 1; box-shadow: rgba(255, 243, 225, 0.24) 0px 0px 20px, rgba(255, 255, 255, 0.14) 0px 0px 12px inset;}
.nightshift-receiver :is(.live-cta-copy){position: relative; z-index: 1; display: grid; gap: 5px; min-width: 0px;}
.nightshift-receiver :is(.live-cta-copy strong){color: rgb(255, 244, 232); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(2rem, 4.2vw, 4rem); letter-spacing: 0.08em; line-height: 0.9; text-transform: uppercase; text-shadow: rgba(255, 255, 255, 0.36) 0px 0px 17px, rgba(255, 42, 25, 0.72) 0px 0px 28px, rgb(0, 0, 0) 0px 2px 0px;}
.nightshift-receiver :is(.live-cta-copy em){color: rgb(255, 226, 195); font-style: normal; font-size: clamp(0.74rem, 1.4vw, 1.1rem); font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
.nightshift-receiver :is(.receiver-app.is-live .live-sign, .receiver-app.is-live .live-cta){opacity: 1; filter: saturate(1.12) brightness(1.08);}
.nightshift-receiver :is(.receiver-app.is-live .live-sign){animation: 2.5s ease-in-out 0s infinite normal none running onAirPulse;}
.nightshift-receiver :is(.receiver-app.is-live .live-cta){box-shadow: rgba(255, 236, 190, 0.22) 0px 0px 0px 1px inset, rgba(255, 53, 31, 0.34) 0px 0px 38px inset, rgba(255, 52, 31, 0.54) 0px 0px 30px, rgba(255, 52, 31, 0.22) 0px 0px 72px, rgba(0, 0, 0, 0.48) 0px 18px 38px;}
.nightshift-receiver :is(.receiver-app.is-live .stereo-display span){opacity: 0.98; box-shadow: rgba(49, 168, 255, 0.36) 0px 0px 12px, rgba(255, 180, 66, 0.2) 0px 0px 14px;}
@keyframes onAirPulse { 
  0%, 100% { box-shadow: rgba(255, 45, 28, 0.34) 0px 0px 22px inset, rgba(255, 43, 28, 0.35) 0px 0px 22px, rgba(255, 43, 28, 0.14) 0px 0px 45px; }
  50% { box-shadow: rgba(255, 76, 50, 0.48) 0px 0px 30px inset, rgba(255, 62, 39, 0.58) 0px 0px 34px, rgba(255, 43, 28, 0.26) 0px 0px 82px; }
}
@media (max-width: 900px){.nightshift-receiver :is(.live-command){width: 100%;}
.nightshift-receiver :is(.live-sign, .live-cta){justify-self: stretch; width: 100%;}
.nightshift-receiver :is(.live-sign){min-height: 64px;}
.nightshift-receiver :is(.broadcast-glyph){width: 72px;}
.nightshift-receiver :is(.live-cta){min-height: 82px; grid-template-columns: 58px 1fr; gap: 13px; padding: 13px 16px;}
.nightshift-receiver :is(.live-play-icon){width: 48px; font-size: 1.25rem;}}
@media (max-width: 640px){.nightshift-receiver :is(.live-sign strong){font-size: clamp(2rem, 15vw, 3.6rem); letter-spacing: 0.08em; padding-right: 16px;}
.nightshift-receiver :is(.broadcast-glyph){width: 60px; font-size: 1.9rem;}
.nightshift-receiver :is(.live-cta-copy strong){font-size: clamp(1.85rem, 13vw, 3.25rem); letter-spacing: 0.04em;}
.nightshift-receiver :is(.live-cta-copy em){font-size: 0.66rem; letter-spacing: 0.08em;}}
.nightshift-receiver :is(.receiver-app.is-radio .broadcast-row .on-air-pill){display: none;}
.nightshift-receiver :is(.mode-switch button){color: rgb(255, 233, 187); opacity: 1; filter: none; border: 1px solid rgb(201, 154, 76); background: linear-gradient(rgba(255, 226, 158, 0.2) 0%, rgba(255, 196, 91, 0.05) 25%, transparent 48%), linear-gradient(rgb(118, 80, 31) 0%, rgb(72, 42, 13) 54%, rgb(33, 19, 8) 100%); box-shadow: rgba(255, 238, 190, 0.42) 0px 1px 0px inset, rgba(255, 170, 45, 0.14) 0px 0px 11px inset, rgba(8, 4, 1, 0.62) 0px -5px 8px inset, rgba(48, 24, 5, 0.9) 0px 0px 0px 1px, rgba(255, 157, 28, 0.18) 0px 0px 12px; text-shadow: rgba(0, 0, 0, 0.92) 0px 1px 0px, rgba(255, 214, 130, 0.42) 0px 0px 7px; transform: translateY(0px); transition: color 150ms, border-color 150ms, background 150ms, box-shadow 150ms, text-shadow 150ms, transform 80ms;}
.nightshift-receiver :is(.mode-switch button.is-active){color: rgb(255, 249, 233); border-color: rgb(255, 231, 170); background: radial-gradient(at 50% 42%, rgba(255, 236, 167, 0.68) 0%, rgba(255, 186, 58, 0.3) 46%, transparent 76%), linear-gradient(rgb(239, 182, 76) 0%, rgb(201, 111, 18) 55%, rgb(114, 47, 4) 100%); box-shadow: rgba(255, 253, 230, 0.96) 0px 1px 0px inset, rgba(255, 222, 135, 0.7) 0px 0px 18px inset, rgba(67, 21, 0, 0.46) 0px -5px 9px inset, rgba(114, 55, 5, 0.96) 0px 0px 0px 1px, rgba(255, 177, 37, 0.72) 0px 0px 25px, rgba(255, 235, 174, 0.54) 0px 0px 8px; text-shadow: rgba(69, 25, 0, 0.78) 0px 1px 0px, rgba(255, 255, 238, 0.96) 0px 0px 6px, rgba(255, 217, 107, 0.88) 0px 0px 13px;}
.nightshift-receiver :is(.mode-switch button:not(.is-active):hover, .mode-switch button:not(.is-active):focus-visible){color: rgb(255, 248, 228); border-color: rgb(255, 220, 139); background: radial-gradient(at 50% 40%, rgba(255, 230, 152, 0.5) 0%, rgba(255, 177, 45, 0.22) 48%, transparent 76%), linear-gradient(rgb(202, 138, 47) 0%, rgb(143, 73, 12) 55%, rgb(69, 28, 3) 100%); box-shadow: rgba(255, 249, 215, 0.82) 0px 1px 0px inset, rgba(255, 205, 99, 0.5) 0px 0px 15px inset, rgba(44, 14, 0, 0.52) 0px -5px 9px inset, rgba(91, 42, 4, 0.94) 0px 0px 0px 1px, rgba(255, 174, 36, 0.56) 0px 0px 21px; text-shadow: rgba(70, 25, 0, 0.8) 0px 1px 0px, rgba(255, 247, 213, 0.9) 0px 0px 7px, rgba(255, 209, 97, 0.68) 0px 0px 12px; outline: none;}
.nightshift-receiver :is(.mode-switch button:focus-visible){outline: rgba(255, 235, 174, 0.94) solid 2px; outline-offset: 3px;}
.nightshift-receiver :is(.mode-switch button:active){transform: translateY(1px); box-shadow: rgba(45, 15, 0, 0.58) 0px 3px 8px inset, rgba(255, 181, 50, 0.3) 0px 0px 13px inset, rgba(255, 157, 26, 0.28) 0px 0px 10px;}
.nightshift-receiver :is(.mode-switch button:disabled, .mode-switch button[aria-disabled="true"]){color: rgb(144, 122, 94); border-color: rgb(88, 70, 47); background: rgb(33, 24, 14); box-shadow: rgba(0, 0, 0, 0.72) 0px 2px 6px inset; text-shadow: none; opacity: 0.58; cursor: not-allowed;}
.nightshift-receiver :is(.station-trust-bar){display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px 11px; min-height: 42px; margin-top: 12px; padding: 10px 16px; border: 1px solid rgba(230, 153, 43, 0.34); background: linear-gradient(rgba(255, 177, 56, 0.043), rgba(0, 0, 0, 0.42)), rgb(5, 4, 3); color: rgba(246, 234, 211, 0.72); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.1em; line-height: 1.3; text-align: center; text-decoration: none; text-transform: uppercase; transition: border-color 180ms, color 180ms, box-shadow 180ms;}
.nightshift-receiver :is(.station-trust-bar strong, .station-trust-link){color: rgb(255, 228, 168);}
.nightshift-receiver :is(.station-trust-bar:hover, .station-trust-bar:focus-visible){border-color: rgba(255, 196, 91, 0.82); color: var(--cream); box-shadow: rgba(255, 164, 39, 0.11) 0px 0px 16px; outline: none;}
.nightshift-receiver :is(.station-trust-bar > span[aria-hidden="true"]){color: rgba(243, 163, 33, 0.56);}
.nightshift-receiver :is(.production-credits){margin-top: 12px; padding: 18px clamp(16px, 3vw, 30px); border-top: 1px solid rgba(230, 153, 43, 0.26); border-bottom: 1px solid rgba(230, 153, 43, 0.18); background: rgba(8, 6, 3, 0.78); color: rgba(246, 234, 211, 0.72); text-align: center;}
.nightshift-receiver :is(.production-credits .eyebrow){margin: 0px 0px 12px; color: rgb(255, 228, 168);}
.nightshift-receiver :is(.production-credits dl){display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px 24px; margin: 0px;}
.nightshift-receiver :is(.production-credits dt){color: var(--cream); font-size: 0.78rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase;}
.nightshift-receiver :is(.production-credits dd){margin: 5px 0px 0px; font-size: 0.69rem; font-weight: 700; letter-spacing: 0.05em; line-height: 1.45;}
.nightshift-receiver :is(.production-credits a){color: rgb(255, 228, 168); text-decoration-color: rgba(255, 228, 168, 0.5); text-underline-offset: 3px;}
.nightshift-receiver :is(.production-credits a:hover, .production-credits a:focus-visible){color: var(--amber-hot); outline: none; text-decoration-color: currentcolor;}
.nightshift-receiver :is(.station-credentials){display: grid; grid-template-columns: minmax(170px, 220px) 92px minmax(230px, 1fr) auto; align-items: center; gap: clamp(14px, 2vw, 24px); margin-top: 12px; padding: 16px 18px; border: 1px solid rgba(230, 153, 43, 0.48); background: linear-gradient(105deg, rgba(255, 185, 74, 0.09), transparent 42%), linear-gradient(rgba(255, 255, 255, 0.027), rgba(0, 0, 0, 0.26)), rgb(5, 3, 2); color: var(--cream); text-decoration: none; box-shadow: rgba(255, 205, 121, 0.04) 0px 0px 0px 1px inset, rgba(255, 160, 38, 0.035) 0px 0px 30px inset, rgba(0, 0, 0, 0.46) 0px 18px 45px; transition: border-color 180ms, box-shadow 180ms, background 180ms;}
.nightshift-receiver :is(.station-credentials:hover, .station-credentials:focus-visible){border-color: rgba(255, 196, 91, 0.88); background: linear-gradient(105deg, rgba(255, 185, 74, 0.13), transparent 46%), linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.2)), rgb(7, 4, 2); box-shadow: rgba(255, 224, 166, 0.08) 0px 0px 0px 1px inset, rgba(255, 160, 38, 0.055) 0px 0px 34px inset, rgba(255, 164, 39, 0.16) 0px 0px 22px, rgba(0, 0, 0, 0.5) 0px 18px 45px; outline: none;}
.nightshift-receiver :is(.dba-mark){display: grid; place-items: center; min-width: 0px; padding: 10px; border: 1px solid rgba(230, 153, 43, 0.38); background: rgb(5, 3, 2); box-shadow: rgba(255, 214, 139, 0.04) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.42) 0px 9px 24px;}
.nightshift-receiver :is(.dba-mark img){display: block; width: 100%; height: auto; border: 1px solid rgba(255, 255, 255, 0.14);}
.nightshift-receiver :is(.dba-callsign-badge){display: block; width: 92px; height: auto; aspect-ratio: 1 / 1; border-radius: 50%; box-shadow: rgba(255, 218, 136, 0.72) 0px 0px 0px 2px, rgba(255, 168, 39, 0.2) 0px 0px 22px, rgba(0, 0, 0, 0.58) 0px 10px 24px;}
.nightshift-receiver :is(.dba-copy){display: grid; gap: 3px; min-width: 0px;}
.nightshift-receiver :is(.dba-copy strong){color: rgb(255, 241, 207); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(1.7rem, 3vw, 2.55rem); letter-spacing: 0.09em; line-height: 1; text-shadow: rgba(255, 174, 44, 0.24) 0px 0px 14px, rgb(0, 0, 0) 0px 2px 0px;}
.nightshift-receiver :is(.dba-copy > span:not(.eyebrow)){color: rgba(246, 234, 211, 0.86); font-size: 0.84rem; font-weight: 700;}
.nightshift-receiver :is(.dba-copy small){color: var(--amber-hot); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase;}
.nightshift-receiver :is(.dba-verify){justify-self: end; color: rgb(255, 228, 168); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.12em; text-align: right; text-transform: uppercase;}
@media (max-width: 900px){.nightshift-receiver :is(.station-credentials){grid-template-columns: minmax(160px, 200px) 78px minmax(180px, 1fr); padding: 14px;}
.nightshift-receiver :is(.dba-callsign-badge){width: 78px;}
.nightshift-receiver :is(.dba-verify){grid-column: 1 / -1; justify-self: end;}}
@media (max-width: 640px){.nightshift-receiver :is(.station-trust-bar){gap: 5px 8px; padding: 9px 10px; font-size: 0.54rem; letter-spacing: 0.07em;}
.nightshift-receiver :is(.production-credits){padding: 16px 14px;}
.nightshift-receiver :is(.production-credits dl){grid-template-columns: 1fr; gap: 14px;}
.nightshift-receiver :is(.station-credentials){grid-template-columns: 78px minmax(0px, 1fr); grid-template-areas: "badge copy" "mark mark" "verify verify"; gap: 14px;}
.nightshift-receiver :is(.dba-mark){grid-area: mark; width: min(210px, 72vw); justify-self: center;}
.nightshift-receiver :is(.dba-callsign-badge){grid-area: badge;}
.nightshift-receiver :is(.dba-copy){grid-area: copy;}
.nightshift-receiver :is(.dba-copy strong){font-size: 2rem;}
.nightshift-receiver :is(.dba-copy > span:not(.eyebrow)){font-size: 0.74rem;}
.nightshift-receiver :is(.dba-verify){grid-area: verify; justify-self: stretch; text-align: center;}}
.nightshift-receiver :is(.beta-gate[hidden]){display: none;}
.nightshift-receiver :is(.beta-gate){position: fixed; inset: 0px; z-index: 1000; display: grid; place-items: center; padding: 20px; background: rgba(0, 0, 0, 0.82); backdrop-filter: blur(5px);}
.nightshift-receiver :is(.beta-gate-panel){position: relative; width: min(460px, 100%); padding: clamp(24px, 5vw, 38px); border: 1px solid rgba(239, 164, 50, 0.72); background: linear-gradient(145deg, rgba(255, 177, 52, 0.09), transparent 38%), rgb(9, 6, 4); color: var(--cream); box-shadow: rgba(255, 159, 35, 0.05) 0px 0px 30px inset, rgba(0, 0, 0, 0.8) 0px 28px 80px;}
.nightshift-receiver :is(.beta-gate-panel h2){margin: 4px 0px 10px; color: rgb(255, 241, 207); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(2rem, 7vw, 3.25rem); letter-spacing: 0.03em; line-height: 1; text-transform: uppercase;}
.nightshift-receiver :is(.beta-gate-panel > p:not(.eyebrow)){margin: 0px 0px 22px; color: rgb(201, 183, 143); line-height: 1.5;}
.nightshift-receiver :is(.beta-gate-panel form){display: grid; gap: 10px;}
.nightshift-receiver :is(.beta-gate-panel label){color: var(--amber-hot); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase;}
.nightshift-receiver :is(.beta-gate-panel input){min-width: 0px; padding: 14px 16px; border: 1px solid rgb(143, 96, 29); border-radius: 0px; background: rgb(3, 2, 1); color: rgb(255, 241, 207); font: 800 1.08rem / 1.2 Arial, Helvetica, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; outline: none;}
.nightshift-receiver :is(.beta-gate-panel input:focus){border-color: rgb(255, 197, 94); box-shadow: rgba(255, 180, 57, 0.18) 0px 0px 0px 2px;}
.nightshift-receiver :is(.beta-gate-panel button[type="submit"]){min-height: 48px; border: 1px solid rgb(255, 177, 58); background: linear-gradient(rgb(168, 73, 23), rgb(111, 33, 14)); color: rgb(255, 244, 216); font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer;}
.nightshift-receiver :is(.beta-gate-panel button[type="submit"]:hover, .beta-gate-panel button[type="submit"]:focus-visible){background: linear-gradient(rgb(198, 90, 32), rgb(137, 45, 16)); box-shadow: rgba(255, 112, 35, 0.28) 0px 0px 18px;}
.nightshift-receiver :is(.beta-gate-panel button[type="submit"]:disabled){opacity: 0.56; cursor: wait;}
.nightshift-receiver :is(.beta-gate-close){position: absolute; top: 8px; right: 10px; width: 36px; height: 36px; border: 0px; background: transparent; color: rgb(215, 197, 157); font-size: 1.8rem; line-height: 1; cursor: pointer;}
.nightshift-receiver :is(.beta-gate-close:hover, .beta-gate-close:focus-visible){color: rgb(255, 241, 207); outline: rgb(156, 106, 36) solid 1px;}
.nightshift-receiver :is(.beta-gate-status){min-height: 1.3em; margin: 2px 0px 0px; color: rgb(255, 181, 76); font-size: 0.82rem; font-weight: 700;}
.nightshift-receiver :is(body.beta-gate-open){overflow: hidden;}
.nightshift-receiver :is(.faceplate-particle-field){position: absolute; inset: 0px; z-index: 0; overflow: hidden; pointer-events: none; opacity: 0.72;}
.nightshift-receiver :is(.faceplate-particle-field canvas){position: absolute; inset: 0px; display: block; width: 100%; height: 100%; pointer-events: none;}
.nightshift-receiver :is(.knob-access){appearance: none; border: 0px; background: transparent; padding: 6px 0px 0px; color: inherit; cursor: pointer;}
.nightshift-receiver :is(.knob-access:hover span, .knob-access:focus-visible span){filter: brightness(1.2); box-shadow: rgba(255, 180, 55, 0.42) 0px 0px 28px;}
.nightshift-receiver :is(.knob-access:focus-visible){outline: 1px solid var(--amber-hot); outline-offset: 5px;}
.nightshift-receiver :is(.knob-access small){color: var(--amber-hot);}
.nightshift-receiver :is(.campaign-meter > span){color: var(--amber-hot);}
.nightshift-receiver :is(.campaign-meter .meter-scale){justify-content: center; font-size: 0.66rem; letter-spacing: 0.08em;}
.nightshift-receiver :is(.campaign-meter .meter-scale b){color: var(--cream);}
.nightshift-receiver :is(.faceplate-campaign){display: none;}
.nightshift-receiver :is(.access-billboard){position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(240px, 31%); min-height: clamp(278px, 30vw, 390px); isolation: isolate; overflow: hidden; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(169, 109, 26) rgb(169, 109, 26); border-image: none; color: rgb(255, 240, 204); background: radial-gradient(at 87% 50%, rgba(191, 41, 11, 0.32), transparent 38%), radial-gradient(at 20% 45%, rgba(255, 170, 35, 0.2), transparent 47%), repeating-linear-gradient(0deg, rgba(255, 205, 107, 0.043) 0px, rgba(255, 205, 107, 0.043) 1px, transparent 1px, transparent 5px), repeating-linear-gradient(90deg, rgba(255, 205, 107, 0.024) 0px, rgba(255, 205, 107, 0.024) 1px, transparent 1px, transparent 6px), linear-gradient(112deg, rgb(16, 6, 2) 0%, rgb(38, 13, 3) 55%, rgb(9, 4, 2) 100%); box-shadow: rgba(255, 229, 156, 0.26) 0px 1px 0px inset, rgba(0, 0, 0, 0.55) 0px 0px 55px inset, rgba(0, 0, 0, 0.42) 0px 15px 32px;}
.nightshift-receiver :is(.access-billboard::before){content: "WDORO · RADIO DORO · FULL ACCESS"; position: absolute; z-index: -1; top: 16px; left: clamp(18px, 4vw, 54px); color: rgba(255, 200, 100, 0.28); font-size: clamp(0.55rem, 0.7vw, 0.72rem); font-weight: 900; letter-spacing: 0.28em;}
.nightshift-receiver :is(.access-billboard__copy){position: relative; display: grid; align-content: center; justify-items: start; gap: clamp(8px, 1.1vw, 14px); min-width: 0px; padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 74px) clamp(34px, 5vw, 66px);}
.nightshift-receiver :is(.access-billboard__kicker, .access-billboard__copy > strong, .access-billboard__copy > em){margin: 0px; color: rgb(255, 199, 93); font-size: clamp(0.72rem, 1.1vw, 1rem); font-style: normal; font-weight: 900; letter-spacing: 0.15em; line-height: 1.1; text-transform: uppercase;}
.nightshift-receiver :is(.access-billboard__kicker){color: rgb(255, 109, 55); text-shadow: rgba(255, 65, 27, 0.65) 0px 0px 14px;}
.nightshift-receiver :is(.access-billboard__setup, .access-billboard__payoff){margin: 0px; font-weight: 900; letter-spacing: 0.12em; line-height: 1.12; text-transform: uppercase;}
.nightshift-receiver :is(.access-billboard__setup){color: rgb(255, 188, 73); font-size: clamp(0.7rem, 1.05vw, 0.96rem);}
.nightshift-receiver :is(.access-billboard__setup b){display: block; min-height: 1.2em; color: rgb(255, 113, 64); text-shadow: rgba(255, 66, 27, 0.58) 0px 0px 12px;}
.nightshift-receiver :is(.access-billboard__setup b.is-changing){animation: 0.24s ease-out 0s 1 normal both running accessJoke;}
.nightshift-receiver :is(.access-billboard__payoff){color: rgb(255, 240, 202); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(0.92rem, 1.5vw, 1.42rem); letter-spacing: 0.075em;}
.nightshift-receiver :is(.access-billboard__copy h2){max-width: 880px; margin: 0px; color: rgb(255, 241, 203); font-family: Impact, "Arial Black", "Arial Narrow", sans-serif; font-size: clamp(2.5rem, 5.15vw, 6.1rem); font-weight: 900; letter-spacing: 0.035em; line-height: 0.87; text-transform: uppercase; text-shadow: rgb(60, 16, 4) 0px 2px 0px, rgba(255, 114, 21, 0.26) 0px 0px 18px;}
.nightshift-receiver :is(.access-billboard__copy > strong){color: rgb(255, 241, 201);}
.nightshift-receiver :is(.access-billboard__free){font-family: Impact, "Arial Black", sans-serif; text-shadow: rgb(92, 8, 3) 0px 2px 0px, rgba(255, 45, 27, 0.68) 0px 0px 18px, rgba(255, 43, 21, 0.35) 0px 0px 35px; color: rgb(255, 64, 41) !important; font-size: clamp(2rem, 3.65vw, 4.25rem) !important; letter-spacing: 0.07em !important; line-height: 0.78 !important;}
.nightshift-receiver :is(.access-billboard__copy > em){color: rgb(255, 179, 51);}
.nightshift-receiver :is(.access-billboard button){position: relative; margin-top: clamp(8px, 1.35vw, 18px); min-width: min(100%, 430px); min-height: 66px; padding: 15px 28px; border: 2px solid rgb(255, 176, 139); border-radius: 0px; color: rgb(255, 245, 220); background: linear-gradient(rgb(239, 56, 45) 0%, rgb(187, 23, 14) 51%, rgb(121, 11, 7) 100%); box-shadow: rgba(255, 235, 211, 0.65) 0px 1px 0px inset, rgba(72, 0, 0, 0.55) 0px -2px 0px inset, rgba(255, 37, 23, 0.75) 0px 0px 15px, rgba(255, 42, 18, 0.3) 0px 0px 34px; font-family: Impact, "Arial Black", sans-serif; font-size: clamp(1rem, 1.5vw, 1.38rem); font-weight: 900; letter-spacing: 0.085em; text-transform: uppercase; cursor: pointer; animation: 2.7s ease-in-out 0s infinite normal none running accessOnAir;}
.nightshift-receiver :is(.access-billboard button:hover, .access-billboard button:focus-visible){filter: brightness(1.16) saturate(1.12); box-shadow: rgba(255, 37, 23, 0.9) 0px 0px 15px, rgba(255, 42, 18, 0.52) 0px 0px 48px; animation-play-state: paused;}
.nightshift-receiver :is(.access-billboard button:focus-visible){outline: rgb(255, 241, 190) solid 2px; outline-offset: 3px;}
.nightshift-receiver :is(.access-billboard button:disabled){cursor: wait; opacity: 0.62;}
.nightshift-receiver :is(.access-billboard .access-invitation-control){min-width: min(100%, 430px); min-height: 48px; margin-top: 0px; padding: 11px 18px; border: 1px solid rgb(216, 146, 47); color: rgb(255, 217, 139); background: linear-gradient(rgba(78, 37, 9, 0.96), rgba(27, 10, 2, 0.98)); box-shadow: rgba(255, 224, 157, 0.22) 0px 1px 0px inset, rgba(255, 137, 29, 0.12) 0px 0px 16px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: clamp(0.72rem, 0.9vw, 0.88rem); letter-spacing: 0.12em; animation: auto ease 0s 1 normal none running none;}
.nightshift-receiver :is(.access-billboard .access-invitation-control:hover, .access-billboard .access-invitation-control:focus-visible){color: rgb(255, 244, 216); border-color: rgb(255, 196, 94); background: linear-gradient(rgba(112, 49, 9, 0.98), rgba(40, 13, 2, 0.98)); box-shadow: rgba(255, 237, 188, 0.34) 0px 1px 0px inset, rgba(255, 143, 30, 0.28) 0px 0px 22px;}
.nightshift-receiver :is(.access-invitation-status){min-height: 1.1em; margin: -3px 0px 0px; color: rgb(255, 189, 86); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.11em; line-height: 1.2; text-transform: uppercase;}
.nightshift-receiver :is(.access-billboard audio){display: none;}
.nightshift-receiver :is(.access-badges){position: absolute; right: clamp(16px, 2.25vw, 34px); bottom: clamp(26px, 3.3vw, 46px); display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; width: min(220px, 32%); pointer-events: none; transform: rotate(-2deg);}
.nightshift-receiver :is(.access-badges span, .access-badges i){display: inline-flex; align-items: center; min-height: 22px; padding: 4px 7px; border: 1px solid rgba(255, 214, 123, 0.76); color: rgb(255, 240, 197); background: rgba(31, 8, 3, 0.86); box-shadow: rgba(255, 86, 21, 0.14) 0px 0px 10px inset, rgba(0, 0, 0, 0.38) 0px 3px 8px; font-size: clamp(0.43rem, 0.57vw, 0.58rem); font-style: normal; font-weight: 900; letter-spacing: 0.08em; line-height: 1; text-transform: uppercase;}
.nightshift-receiver :is(.access-badges span:nth-child(2)){color: rgb(255, 100, 64); border-color: rgb(211, 58, 32); transform: rotate(4deg);}
.nightshift-receiver :is(.access-badges span:nth-child(3)){color: rgb(255, 198, 91); transform: rotate(-3deg);}
.nightshift-receiver :is(.access-badges span:nth-child(4)){border-color: rgb(167, 108, 37); transform: rotate(2deg);}
.nightshift-receiver :is(.access-badges span:nth-child(5)){color: rgb(255, 188, 75); border-color: rgb(184, 75, 31); transform: rotate(-4deg);}
.nightshift-receiver :is(.access-badges i){border-color: transparent; color: rgb(255, 89, 53); background: transparent; box-shadow: none; font-size: 1.15rem; text-shadow: rgba(255, 65, 28, 0.68) 0px 0px 12px;}
.nightshift-receiver :is(.access-character-stage){position: relative; z-index: 1; min-width: 0px; overflow: hidden; isolation: isolate; background: radial-gradient(at 50% 24%, rgba(255, 152, 38, 0.24), transparent 42%), radial-gradient(at 86% 30%, rgba(233, 46, 17, 0.18), transparent 45%), repeating-linear-gradient(90deg, rgba(255, 205, 102, 0.035) 0px, rgba(255, 205, 102, 0.035) 1px, transparent 1px, transparent 6px), linear-gradient(90deg, rgba(33, 8, 3, 0.55), rgba(0, 0, 0, 0.2));}
.nightshift-receiver :is(.access-character-stage::before){content: ""; position: absolute; z-index: -1; inset: 0px; background: radial-gradient(at 50% 100%, rgba(202, 54, 14, 0.3), transparent 60%);}
.nightshift-receiver :is(.access-invitation-art){position: absolute; z-index: 6; inset: 0px; display: grid; place-items: center; padding: clamp(12px, 2vw, 24px); opacity: 0; visibility: hidden; background: rgb(4, 4, 4); pointer-events: none; transition: opacity 0.24s ease-out, visibility linear 0.24s;}
.nightshift-receiver :is(.access-invitation-art img){display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.75) 0px 8px 22px);}
.nightshift-receiver :is(.access-billboard.is-invitation-playing .access-invitation-art){opacity: 1; visibility: visible; transition-delay: 0s;}
.nightshift-receiver :is(.access-billboard.is-invitation-playing .access-studio-console){z-index: 7;}
.nightshift-receiver :is(.access-billboard__mascot){position: absolute; min-width: 0px; overflow: visible; background: transparent; pointer-events: none;}
.nightshift-receiver :is(.access-billboard__mascot::after){display: none;}
.nightshift-receiver :is(.access-billboard__mascot img){position: absolute; z-index: 0; max-width: none; mix-blend-mode: screen; filter: drop-shadow(rgba(0, 0, 0, 0.7) -8px 7px 12px) saturate(1.12) contrast(1.05); animation: 5.8s ease-in-out 0s infinite normal none running accessFoxFloat;}
.nightshift-receiver :is(.access-billboard__mascot--male){z-index: 2; top: 0px; right: -5%; width: 72%; height: 100%;}
.nightshift-receiver :is(.access-billboard__mascot--male img){right: -9%; bottom: -46px; width: min(400px, 150%); transform: rotate(-4deg);}
.nightshift-receiver :is(.access-billboard__mascot--female){z-index: 3; inset: 0px auto auto 0px; width: 58%; height: 100%;}
.nightshift-receiver :is(.access-billboard__mascot--female img){z-index: 0; right: auto; left: -8%; bottom: -45px; width: min(285px, 145%); transform: rotate(2deg); animation-name: accessFoxFloatFemale; animation-delay: -0.9s;}
@keyframes accessFoxFloatFemale { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(2deg); }
  50% { transform: translate3d(0px, -6px, 0px) rotate(2.8deg); }
}
.nightshift-receiver :is(.access-studio-console){position: absolute; z-index: 4; right: -5%; bottom: -2px; left: -5%; display: flex; align-items: center; gap: 6px; min-height: 58px; padding: 10px 18px 12px; border-top: 2px solid rgb(180, 103, 27); color: rgb(255, 212, 124); background: repeating-linear-gradient(90deg, rgba(255, 188, 70, 0.11) 0px, rgba(255, 188, 70, 0.11) 2px, transparent 2px, transparent 9px), linear-gradient(rgb(61, 23, 8), rgb(16, 5, 2)); box-shadow: rgba(0, 0, 0, 0.4) 0px -8px 22px, rgba(255, 220, 142, 0.28) 0px 1px 0px inset; font-family: Impact, "Arial Black", sans-serif; letter-spacing: 0.08em;}
.nightshift-receiver :is(.access-studio-console b){color: rgb(255, 242, 205); font-size: clamp(0.75rem, 1vw, 1rem); text-shadow: rgba(255, 86, 29, 0.56) 0px 0px 10px;}
.nightshift-receiver :is(.access-console-lamp){width: 11px; height: 11px; border-radius: 50%; background: rgb(255, 57, 40); box-shadow: rgb(255, 79, 50) 0px 0px 7px, rgba(255, 57, 34, 0.8) 0px 0px 18px; animation: 2.2s ease-in-out 0s infinite normal none running accessLamp;}
.nightshift-receiver :is(.access-studio-console i){width: 12px; height: 22px; border: 1px solid rgb(140, 87, 24); background: linear-gradient(90deg, rgb(29, 11, 3), rgb(81, 48, 18), rgb(24, 7, 1)); transform: skewX(-9deg);}
.nightshift-receiver :is(.access-studio-console em){margin-left: auto; color: rgb(255, 185, 66); font-size: 0.62rem; font-style: normal;}
@keyframes accessLamp { 
  50% { filter: brightness(1.35); box-shadow: rgb(255, 79, 50) 0px 0px 10px, rgba(255, 57, 34, 0.92) 0px 0px 26px; }
}
@keyframes accessJoke { 
  0% { opacity: 0.2; transform: translateY(5px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes accessOnAir { 
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.15); box-shadow: rgba(255, 235, 211, 0.72) 0px 1px 0px inset, rgba(72, 0, 0, 0.55) 0px -2px 0px inset, rgba(255, 37, 23, 0.95) 0px 0px 22px, rgba(255, 42, 18, 0.48) 0px 0px 48px; }
}
@keyframes accessFoxFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(-4deg); }
  50% { transform: translate3d(-4px, -8px, 0px) rotate(-3.2deg); }
}
@media (prefers-reduced-motion: reduce){.nightshift-receiver :is(.access-billboard__setup b.is-changing, .access-billboard button, .access-billboard__mascot img){animation: auto ease 0s 1 normal none running none;}}
.nightshift-receiver :is(.access-billboard__copy--signup h2, .access-billboard__copy--confirmed h2){font-size: clamp(2rem, 3.7vw, 4.3rem);}
.nightshift-receiver :is(.access-billboard form){display: grid; grid-template-columns: minmax(0px, 360px) auto; align-items: end; gap: 8px; width: min(100%, 620px);}
.nightshift-receiver :is(.access-billboard label){display: grid; gap: 6px; color: rgb(255, 198, 92); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
.nightshift-receiver :is(.access-billboard input){min-width: 0px; min-height: 48px; border: 1px solid rgb(155, 100, 32); border-radius: 0px; background: rgba(0, 0, 0, 0.68); color: rgb(255, 240, 210); padding: 10px 13px; font: 800 1rem / 1 "Trebuchet MS", Arial, sans-serif;}
.nightshift-receiver :is(.access-billboard input:focus){outline: rgb(255, 194, 88) solid 2px; outline-offset: 2px;}
.nightshift-receiver :is(.access-billboard__error){grid-column: 1 / -1; margin: 0px; color: rgb(255, 240, 202); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase;}
.nightshift-receiver :is(.glass-panel > :not(.faceplate-particle-field)){position: relative; z-index: 2;}
.nightshift-receiver :is(.glass-panel::after){z-index: 3;}
.nightshift-receiver :is(.station-ticker){position: relative; overflow: hidden; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(255, 178, 51, 0.78) rgba(255, 178, 51, 0.78); border-image: none; background: linear-gradient(rgba(255, 195, 79, 0.16), rgba(131, 53, 3, 0.09) 52%, transparent 76%), repeating-linear-gradient(90deg, rgba(255, 204, 106, 0.043) 0px, rgba(255, 204, 106, 0.043) 1px, transparent 1px, transparent 5px), rgb(8, 4, 2); box-shadow: rgba(255, 224, 154, 0.2) 0px 1px 0px inset, rgba(255, 135, 18, 0.18) 0px 0px 30px inset, rgba(255, 142, 24, 0.14) 0px 0px 15px, rgba(0, 0, 0, 0.58) 0px 10px 30px;}
.nightshift-receiver :is(.station-ticker::before, .station-ticker::after){content: ""; position: absolute; z-index: 2; top: 0px; bottom: 0px; width: clamp(24px, 5vw, 72px); pointer-events: none;}
.nightshift-receiver :is(.station-ticker::before){left: 0px; background: linear-gradient(90deg, rgb(5, 3, 2), transparent);}
.nightshift-receiver :is(.station-ticker::after){right: 0px; background: linear-gradient(270deg, rgb(5, 3, 2), transparent);}
.nightshift-receiver :is(.station-ticker-window){overflow: hidden; padding: 10px 0px 9px;}
.nightshift-receiver :is(.station-ticker-track){display: flex; align-items: center; width: max-content; will-change: transform; animation: 48s linear 0s infinite normal none running wdoroTicker;}
.nightshift-receiver :is(.station-ticker-cycle){display: flex; flex: 0 0 auto; align-items: center; gap: clamp(72px, 9vw, 132px); padding-right: clamp(110px, 13vw, 190px);}
.nightshift-receiver :is(.station-ticker-beat){display: inline-flex; flex: 0 0 auto; align-items: center; gap: 0.42em; color: rgb(255, 227, 161); font-family: Impact, "Arial Black", "Arial Narrow", sans-serif; font-size: clamp(0.98rem, 1.5vw, 1.28rem); font-weight: 900; letter-spacing: 0.085em; line-height: 1.08; white-space: nowrap; text-shadow: rgba(255, 231, 171, 0.62) 0px 0px 3px, rgba(255, 169, 38, 0.48) 0px 0px 9px, rgb(19, 7, 0) 0px 2px 0px;}
.nightshift-receiver :is(.station-ticker-track b){color: rgb(255, 106, 44); font-weight: 900; text-shadow: rgba(255, 64, 24, 0.72) 0px 0px 9px;}
.nightshift-receiver :is(.station-ticker-kiss){gap: clamp(12px, 1.4vw, 20px); color: rgb(255, 243, 204); font-size: clamp(1.25rem, 2vw, 1.7rem);}
.nightshift-receiver :is(.kiss-logo-window){position: relative; display: block; flex: 0 0 auto; width: clamp(98px, 8vw, 120px); height: clamp(38px, 3.3vw, 48px); overflow: hidden; mix-blend-mode: screen;}
.nightshift-receiver :is(.kiss-logo-window img){position: absolute; top: -52%; left: 0px; display: block; width: 100%; height: auto; filter: invert(1) drop-shadow(rgba(255, 194, 73, 0.54) 0px 0px 5px);}
.nightshift-receiver :is(.station-ticker-kiss strong){color: rgb(255, 240, 191); font-size: 1em; letter-spacing: 0.11em; text-shadow: rgba(255, 242, 196, 0.75) 0px 0px 3px, rgba(255, 189, 58, 0.62) 0px 0px 10px, rgb(24, 5, 0) 0px 2px 0px;}
.nightshift-receiver :is(.station-ticker-accessible){position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
@keyframes wdoroTicker { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(-50%, 0px, 0px); }
}
@media (prefers-reduced-motion: reduce){.nightshift-receiver :is(.station-ticker-track){width: 100%; transform: none; animation: auto ease 0s 1 normal none running none !important;}
.nightshift-receiver :is(.station-ticker-cycle){display: none;}
.nightshift-receiver :is(.station-ticker-cycle:first-child){display: flex; width: 100%; padding: 0px 20px; overflow: hidden; justify-content: center;}
.nightshift-receiver :is(.station-ticker-cycle:first-child .station-ticker-beat:not(.station-ticker-kiss)){display: none;}}
@media (max-width: 640px){.nightshift-receiver :is(.faceplate-particle-field){opacity: 0.62;}}
@media (max-width: 640px){.nightshift-receiver :is(.station-ticker){width: 100%; min-height: 62px; display: block !important; visibility: visible !important; opacity: 1 !important;}
.nightshift-receiver :is(.station-ticker-window){display: block; min-height: 61px; padding-block: 10px 9px;}
.nightshift-receiver :is(.station-ticker-track){display: flex; width: max-content; transform: none; animation: 48s linear 0s infinite normal none running wdoroTicker !important;}
.nightshift-receiver :is(.station-ticker-cycle, .station-ticker-cycle:first-child){width: auto; gap: 52px; padding: 0px 82px 0px 0px; overflow: visible; justify-content: flex-start; display: flex !important;}
.nightshift-receiver :is(.station-ticker-cycle:first-child .station-ticker-beat:not(.station-ticker-kiss)){display: inline-flex;}
.nightshift-receiver :is(.station-ticker-beat){font-size: 1rem;}
.nightshift-receiver :is(.station-ticker-kiss){font-size: 1.25rem;}
.nightshift-receiver :is(.kiss-logo-window){width: 96px; height: 37px;}}
.nightshift-receiver :is(.station-manifesto){position: relative; margin-top: 18px; overflow: hidden; border: 1px solid rgba(230, 153, 43, 0.52); background: rgb(2, 2, 1); box-shadow: rgba(255, 151, 30, 0.035) 0px 0px 48px inset, rgba(0, 0, 0, 0.58) 0px 24px 70px;}
.nightshift-receiver :is(.station-manifesto::before){content: ""; position: absolute; z-index: 1; inset: 7px; border: 1px solid rgba(255, 201, 116, 0.08); pointer-events: none;}
.nightshift-receiver :is(.station-manifesto picture, .station-manifesto img){display: block; width: 100%;}
.nightshift-receiver :is(.station-manifesto img){height: auto; aspect-ratio: 3 / 2; object-fit: contain; background: rgb(2, 2, 1);}
.nightshift-receiver :is(.station-manifesto-accessible){position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
.nightshift-receiver :is(.station-story, .early-listener){position: relative; margin-top: 18px; overflow: hidden; border: 1px solid rgba(230, 153, 43, 0.36); background: linear-gradient(115deg, rgba(255, 174, 48, 0.09), transparent 34%), repeating-linear-gradient(90deg, rgba(255, 207, 126, 0.02) 0px, rgba(255, 207, 126, 0.02) 1px, transparent 1px, transparent 7px), rgb(5, 3, 2); box-shadow: rgba(255, 151, 30, 0.035) 0px 0px 48px inset, rgba(0, 0, 0, 0.58) 0px 24px 70px;}
.nightshift-receiver :is(.station-story::before, .early-listener::before){content: ""; position: absolute; inset: 7px; border: 1px solid rgba(255, 201, 116, 0.08); pointer-events: none;}
.nightshift-receiver :is(.station-story){display: grid; grid-template-columns: minmax(0px, 1.18fr) minmax(300px, 0.82fr); min-height: 470px;}
.nightshift-receiver :is(.station-story-copy){position: relative; z-index: 1; display: grid; align-content: center; gap: 14px; min-width: 0px; padding: clamp(34px, 5vw, 72px);}
.nightshift-receiver :is(.station-story-copy h2, .early-listener-copy h2){margin: 0px; color: rgb(255, 241, 207); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(2.4rem, 5.2vw, 5.3rem); letter-spacing: 0px; line-height: 0.93; text-transform: uppercase; overflow-wrap: break-word; text-shadow: rgba(255, 160, 36, 0.16) 0px 0px 24px, rgb(0, 0, 0) 0px 3px 0px;}
.nightshift-receiver :is(.station-story-copy > p:not(.eyebrow), .early-listener-copy > p:not(.eyebrow)){max-width: 64ch; margin: 0px; color: rgba(246, 234, 211, 0.78); font-size: clamp(0.98rem, 1.35vw, 1.12rem); line-height: 1.65;}
.nightshift-receiver :is(.station-story-copy .station-story-lead){color: rgb(255, 198, 95); font-size: clamp(1.18rem, 2vw, 1.48rem); font-weight: 900;}
.nightshift-receiver :is(.station-story-copy .station-story-signoff){color: rgb(255, 240, 203); font-weight: 900;}
.nightshift-receiver :is(.station-story-visual){position: relative; display: grid; place-items: center; min-height: 390px; padding: clamp(26px, 4vw, 50px); border-left: 1px solid rgba(230, 153, 43, 0.25); background: radial-gradient(circle at 50% 48%, rgba(255, 157, 31, 0.16), transparent 54%), linear-gradient(145deg, rgba(255, 193, 93, 0.043), rgba(0, 0, 0, 0.54)), rgb(2, 2, 1);}
.nightshift-receiver :is(.station-story-visual img){width: min(100%, 390px); height: auto; border: 1px solid rgba(255, 193, 87, 0.32); box-shadow: rgba(255, 141, 25, 0.13) 0px 0px 42px, rgba(0, 0, 0, 0.72) 0px 28px 58px;}
.nightshift-receiver :is(.story-signal-lamp){position: absolute; top: 24px; right: 26px; display: flex; align-items: center; gap: 8px; color: rgba(255, 222, 174, 0.76); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
.nightshift-receiver :is(.story-signal-lamp span, .console-light){width: 9px; height: 9px; border-radius: 50%; background: rgb(255, 56, 36); box-shadow: rgba(255, 56, 36, 0.9) 0px 0px 14px;}
.nightshift-receiver :is(.story-frequency){position: absolute; left: 24px; right: 24px; bottom: 22px; display: flex; justify-content: space-between; gap: 12px; color: rgb(197, 138, 49); font-size: 0.58rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
.nightshift-receiver :is(.story-frequency strong){color: rgb(255, 75, 50);}
.nightshift-receiver :is(.early-listener){display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(420px, 1.1fr); align-items: stretch; background: radial-gradient(circle at 10% 50%, rgba(255, 64, 36, 0.094), transparent 28rem), linear-gradient(100deg, rgba(255, 170, 38, 0.075), transparent 48%), rgb(4, 3, 2);}
.nightshift-receiver :is(.early-listener-copy){display: grid; align-content: center; gap: 14px; min-width: 0px; padding: clamp(34px, 5vw, 66px);}
.nightshift-receiver :is(.early-listener-copy h2){font-size: clamp(2.7rem, 4.6vw, 4.9rem);}
.nightshift-receiver :is(.early-listener-copy .early-listener-callout){color: rgb(255, 193, 87); font-weight: 900;}
.nightshift-receiver :is(.early-listener-console){display: grid; align-content: center; gap: 24px; min-width: 0px; padding: clamp(30px, 5vw, 62px); border-left: 1px solid rgba(230, 153, 43, 0.25); background: linear-gradient(rgba(255, 189, 83, 0.05), transparent 45%), repeating-linear-gradient(0deg, rgba(255, 190, 90, 0.024) 0px, rgba(255, 190, 90, 0.024) 1px, transparent 1px, transparent 5px), rgb(9, 6, 3); box-shadow: rgba(0, 0, 0, 0.42) 18px 0px 42px inset;}
.nightshift-receiver :is(.console-label){display: grid; grid-template-columns: 12px 1fr; gap: 14px; align-items: start;}
.nightshift-receiver :is(.console-light){margin-top: 8px;}
.nightshift-receiver :is(.console-label strong, .console-label small){display: block;}
.nightshift-receiver :is(.console-label strong){color: rgb(255, 240, 205); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(1.8rem, 3.2vw, 3rem); letter-spacing: 0.03em; line-height: 1; text-transform: uppercase;}
.nightshift-receiver :is(.console-label small){margin-top: 9px; color: rgb(185, 155, 114); font-size: 0.88rem; line-height: 1.5;}
.nightshift-receiver :is(.early-listener-form){display: grid; gap: 9px;}
.nightshift-receiver :is(.early-listener-form label){color: var(--amber-hot); font-size: 0.64rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
.nightshift-receiver :is(.early-listener-controls){display: grid; grid-template-columns: minmax(0px, 1fr) auto;}
.nightshift-receiver :is(.early-listener-controls input){min-width: 0px; height: 58px; padding: 0px 18px; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(130, 86, 25) currentcolor rgb(130, 86, 25) rgb(130, 86, 25); border-image: none; border-radius: 0px; background: rgb(2, 2, 1); color: rgb(255, 241, 210); font: 800 1rem / 1 "Trebuchet MS", Arial, sans-serif; outline: none; box-shadow: rgba(255, 164, 38, 0.043) 0px 0px 18px inset;}
.nightshift-receiver :is(.early-listener-controls input::placeholder){color: rgb(116, 93, 65);}
.nightshift-receiver :is(.early-listener-controls input:focus){border-color: rgb(255, 192, 88); box-shadow: rgba(255, 164, 38, 0.07) 0px 0px 18px inset, rgba(255, 164, 38, 0.12) 0px 0px 16px;}
.nightshift-receiver :is(.early-listener-controls button){min-height: 58px; border-color: rgb(255, 171, 50); background: linear-gradient(rgb(169, 67, 24), rgb(111, 29, 12)); color: rgb(255, 243, 213); box-shadow: rgba(255, 215, 157, 0.12) 0px 0px 0px 1px inset, rgba(255, 65, 29, 0.16) 0px 0px 18px;}
@media (max-width: 900px){.nightshift-receiver :is(.access-billboard){grid-template-columns: minmax(0px, 1fr) minmax(190px, 30%); min-height: 270px;}
.nightshift-receiver :is(.access-billboard__copy){padding-left: 30px;}
.nightshift-receiver :is(.access-billboard__mascot img){width: min(370px, 165%);}
.nightshift-receiver :is(.station-story, .early-listener){grid-template-columns: 1fr;}
.nightshift-receiver :is(.station-story-visual, .early-listener-console){border-left: 0px; border-top: 1px solid rgba(230, 153, 43, 0.25);}
.nightshift-receiver :is(.station-story-copy h2){font-size: clamp(2.7rem, 9vw, 4.5rem);}}
@media (max-width: 640px){.nightshift-receiver :is(.access-billboard){grid-template-columns: 1fr; min-height: 0px;}
.nightshift-receiver :is(.access-billboard::before){top: 14px; left: 20px; font-size: 0.52rem; letter-spacing: 0.18em;}
.nightshift-receiver :is(.access-billboard__copy){position: relative; z-index: 2; align-content: start; padding: 49px 22px 34px;}
.nightshift-receiver :is(.access-billboard__copy h2){font-size: clamp(2.55rem, 13vw, 4.2rem);}
.nightshift-receiver :is(.access-billboard__copy > strong, .access-billboard__copy > em){font-size: 0.68rem; line-height: 1.25;}
.nightshift-receiver :is(.access-character-stage){grid-area: 2 / 1; height: 280px; min-height: 280px;}
.nightshift-receiver :is(.access-billboard__mascot){position: absolute; inset: auto 0px 0px; height: 280px;}
.nightshift-receiver :is(.access-billboard__mascot::after){background: linear-gradient(0deg, rgba(10, 3, 1, 0.76), transparent 62%);}
.nightshift-receiver :is(.access-billboard__mascot--male img){right: 50%; bottom: -54px; width: min(385px, 105vw); transform: translateX(53%) rotate(-4deg);}
.nightshift-receiver :is(.access-badges){position: static; justify-content: flex-start; width: min(260px, 100%); margin-top: 4px; transform: rotate(-2deg);}
.nightshift-receiver :is(.access-billboard__mascot--female){inset: auto auto 0px -7%; width: 50%; height: 250px;}
.nightshift-receiver :is(.access-billboard__mascot--female img){bottom: -39px; width: 280px;}
.nightshift-receiver :is(.access-billboard form){grid-template-columns: 1fr; width: 100%;}
.nightshift-receiver :is(.access-billboard button){width: 100%;}
.nightshift-receiver :is(.station-story-copy, .early-listener-copy, .early-listener-console){padding: 30px 22px;}
.nightshift-receiver :is(.station-story-copy h2, .early-listener-copy h2){font-size: clamp(2.15rem, 11.5vw, 3.35rem); text-wrap: wrap;}
.nightshift-receiver :is(.station-story-visual){min-height: 330px; padding: 48px 28px;}
.nightshift-receiver :is(.station-story-visual img){width: min(100%, 280px);}
.nightshift-receiver :is(.story-signal-lamp){top: 18px; right: 18px;}
.nightshift-receiver :is(.story-frequency){left: 18px; right: 18px; bottom: 16px;}
.nightshift-receiver :is(.early-listener-controls){grid-template-columns: 1fr; gap: 9px;}
.nightshift-receiver :is(.early-listener-controls input){border-right: 1px solid rgb(130, 86, 25);}
.nightshift-receiver :is(.early-listener-controls button){width: 100%;}}
@media (min-width: 641px){.nightshift-receiver :is(.access-billboard){grid-template-columns: minmax(0px, 60%) minmax(375px, 40%);}
.nightshift-receiver :is(.access-character-stage .access-billboard__mascot){top: 0px; bottom: 0px; height: auto; overflow: visible;}
.nightshift-receiver :is(.access-character-stage .access-billboard__mascot--female){z-index: 2; left: 0px; right: auto; width: 51%;}
.nightshift-receiver :is(.access-character-stage .access-billboard__mascot--male){z-index: 1; left: auto; right: 0px; width: 64%;}
.nightshift-receiver :is(.access-character-stage .access-billboard__mascot img){position: absolute; inset: 0px; display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center bottom; mix-blend-mode: normal; transform: translateY(-26px); animation: auto ease 0s 1 normal none running none;}
.nightshift-receiver :is(.access-character-stage .access-studio-console){right: -3%; left: -3%; min-height: 84px; padding: 13px 18px 15px;}}
.network-nav :is(.channel-bulb-svg){display: block; width: 82px; height: auto; overflow: visible; filter: drop-shadow(rgb(0, 0, 0) 0px 2px 2px) drop-shadow(rgba(255, 183, 70, 0.2) 0px 0px 7px);}
.network-nav :is(.channel-bulb-svg .bulb-metal-back){opacity: 0.66;}
.network-nav :is(.channel-bulb-svg .marquee-bulb){opacity: 0.94;}
.network-nav :is(.channel-bulb-svg .bulb-light){opacity: 0.92;}
.network-nav :is(.receiver-bulb-svg){display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(rgba(0, 0, 0, 0.9) 0px 2px 1px) drop-shadow(rgba(255, 177, 58, 0.13) 0px 0px 8px);}
.network-nav :is(.bulb-metal-back){opacity: 0.42; filter: drop-shadow(rgba(0, 0, 0, 0.88) 0px 3px 2px);}
.network-nav :is(.bulb-socket){fill: url("#socketDepth"); stroke: rgb(6, 5, 4); stroke-width: 2.4;}
.network-nav :is(.bulb-rim){fill: none; stroke: rgba(151, 113, 57, 0.72); stroke-width: 2;}
.network-nav :is(.marquee-bulb){opacity: 0.045;}
.network-nav :is(.bulb-light){opacity: 0.96;}
.network-nav :is(.bulb-glass){fill: url("#lampGlass"); stroke: rgb(255, 231, 173); stroke-width: 1.1;}
.network-nav :is(.bulb-filament){fill: rgb(255, 253, 240);}
.network-nav :is(.bulb-highlight){fill: rgba(255, 255, 255, 0.92);}
.network-nav :is(.receiver-era-logo.is-activating .marquee-bulb){animation: backRoomBulbIgnite .24s ease-out var(--delay) 1 forwards;}
.network-nav :is(.receiver-era-logo.is-activating .bulb-light){animation: backRoomBulbDrift var(--drift) ease-in-out var(--phase) infinite;}
.network-nav :is(body[data-selected-channel="main"] .channel-bulb-svg .bulb-light){animation: 5.6s ease-in-out 0s infinite normal none running doorwayBulbBreath;}
.network-nav :is(.channel-button-back-room .channel-bulb-svg){width: 112px;}
.nightshift-station-art{margin:22px 0 36px}.nightshift-station-art img{display:block;width:100%;height:auto;aspect-ratio:1817/866;object-fit:contain}.featuring{font-size:24px;color:#edc477;margin:8px 0 12px;font-weight:700}
.network-nav{align-items:stretch}.network-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:14px 8px;min-width:0}.network-art{display:flex;position:relative;width:180px;max-width:100%;height:85px;align-items:center;justify-content:center}.network-art>img,.network-art>svg{display:block;width:100%;height:100%;object-fit:contain}.network-nav .channel-bulb-svg{max-width:100%}.canada-badge{position:absolute;bottom:0;right:0;background:#a73038;color:white;font-size:10px;padding:2px 5px}.network-nav>a>span:last-child{font-size:13px;line-height:1.4}.network-nav small{display:block;font-size:11px}.nightshift-receiver{margin:28px 0 48px}.nightshift-receiver .receiver-app{padding:0;min-height:0;background:transparent;border:0;box-shadow:none}.nightshift-receiver .receiver-status{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0;color:#d8cdb9;font-size:12px}.nightshift-receiver .receiver-status .live-state{margin:0}.nightshift-receiver .now-playing-section{margin:0}.nightshift-receiver .now-copy h2{font-size:30px;letter-spacing:0;line-height:1.16;overflow-wrap:anywhere}.nightshift-receiver .now-card{min-width:0}.nightshift-receiver .receiver-volume{display:flex;align-items:center;gap:14px;margin-top:14px}.nightshift-receiver .receiver-volume input{width:140px;accent-color:#d4a648}.nightshift-receiver #telemetry-status{margin-left:auto;font-size:12px;color:#b6ae9e}.nightshift-receiver .live-cta-main{font-size:24px}.nightshift-receiver .live-state[data-status="STALE"],.nightshift-receiver .live-state[data-status="UNKNOWN"]{color:#b8b6b0}.nightshift-receiver .live-state[data-status="UNAVAILABLE"]{color:#f07777}.nightshift-receiver [hidden]{display:none!important}.nightshift-receiver :is(h2,p,strong,span){letter-spacing:0}
.nightshift-receiver .receiver-app{width:100%;max-width:none}.nightshift-receiver .radio-controls{display:grid;grid-template-columns:minmax(0,1fr)}.nightshift-receiver .live-cta{width:100%;min-width:0;grid-template-columns:48px minmax(0,1fr);padding:14px}.nightshift-receiver .live-cta-copy strong{font-size:36px;line-height:1;letter-spacing:0}.nightshift-receiver .live-cta-copy em{font-size:11px;letter-spacing:0}.nightshift-receiver .live-play-icon{width:48px}.nightshift-receiver .now-playing-section{height:auto;min-height:0;grid-auto-rows:auto;align-content:start}.nightshift-receiver .radio-memory{grid-template-rows:auto auto auto}
.nightshift-receiver .broadcast-row{flex-wrap:wrap}.nightshift-receiver .broadcast-position-label{font:700 9px/1.4 Arial,sans-serif;color:#b9c5d0}.nightshift-receiver .progress-shell{pointer-events:none;cursor:default}
@media(max-width:900px){.nightshift-receiver .now-playing-section{grid-template-columns:1fr}.nightshift-receiver .now-card{grid-template-columns:240px minmax(0,1fr)}.nightshift-receiver .radio-memory{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nightshift-receiver .now-copy h2{font-size:26px}.nightshift-receiver .live-cta-copy strong{font-size:30px}}
@media(max-width:620px){.network-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.network-art{width:150px;height:71px}.nightshift-receiver .now-card{grid-template-columns:1fr;padding:18px}.nightshift-receiver .cover-frame{max-width:280px;width:100%;margin:auto}.nightshift-receiver .now-copy h2{font-size:24px}.nightshift-receiver .radio-memory{grid-template-columns:1fr}.nightshift-receiver .receiver-volume{flex-wrap:wrap}.nightshift-receiver #telemetry-status{width:100%;margin:0}.nightshift-receiver .live-cta-main{font-size:22px}.featuring{font-size:21px}}