
/* After Dark only: fixed 1920x1080 geometry and transparent feeds are preserved. */
:root { --ww-cyan:#49dfff;--ww-green:#b987ff;--ww-bg:#090512;--ww-panel-strong:#180d2c; }
body { background:radial-gradient(ellipse at top,#2a1246,#090512 65%); }
.control-card { background:linear-gradient(135deg,#211136,#090711);border-color:#71439a; }
.brand span:last-child,.studio-eyebrow { color:#c596ff; }
.settings-section h2 span { background:#38204c;color:#e0bbff; }
#brand-controls label { background:#170e24;border-color:#513263; }
.channel-brand { background:#06040b;padding:8px 20px;border-bottom:2px solid #ad75fa;gap:24px; }
.channel-brand img { width:145px;height:164px;object-fit:contain;flex-shrink:0; }
.channel-brand::after { content:"WEATHER\A AFTER DARK\A FORECAST";white-space:pre;line-height:1.3;letter-spacing:2px;font-size:24px;font-weight:850;color:#61e5ff;text-shadow:0 0 15px #26b9ed80; }
.current-panel { background:linear-gradient(125deg,#211136,#0c0816); }
#current-city,.radar-label { background:#231133;color:#e7cfff;border-bottom:2px solid #a973eb; }
#current-temp { color:#fff4a3;text-shadow:0 0 22px #f5dc4533; }
.current-panel dd { color:#72e4ff; }
.current-panel small { color:#c9b7dd; }
.forecast-strip { background:#10091d;overflow:hidden; }
.day-card { background:linear-gradient(160deg,#29163e,#100a20);border-right:2px solid #68458c;padding:0 16px 10px; }
.day-name { background:#32194a;color:#e8d0ff;border-top:3px solid #b784ff;border-bottom:1px solid #7545a0;letter-spacing:2px;font-size:20px; }
.day-card:nth-child(even) .day-name { border-top-color:#56dfff; }
.day-card .high { color:#fff29d; }
.day-card .low { color:#7cdfff; }
.condition { color:#dfcaee; }
.sponsor-panel { border-top:2px solid #bd8cff; }
.broadcast-footer { background:#10091d;border-top-color:#b783ff; }
.broadcast-footer>span:first-of-type { color:#72e6ff; }
#broadcast-attribution { color:#d1bfdf; }
.action.primary { background:linear-gradient(115deg,#b47cff,#64dfff);color:#12091f; }
