/* Onda Web TV · tema "Notte" — grafite profondo, magenta/viola sobrio, angoli netti, vetro sottile. Caricato per ultimo. */
:root{--bg:#07080f;--bg2:#0d0f1c;--pk:#e232d2;--vi:#7b4dff;--cy:#34c8ff;--tx:#eceef6;--mu:#9aa0b8;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.16);--r:10px;
  --g:linear-gradient(135deg,#e232d2 0%,#7b4dff 100%);--ow:#f27be6;--ow2:#ffa8f2;--sh:0 18px 44px -26px rgba(0,0,0,.95)}
html{background:var(--bg)!important;color-scheme:dark}
body{color:var(--tx)!important}
/* sfondo: grafite con aurora appena accennata, griglia sottile e grana */
body::before{background:
  radial-gradient(55% 38% at 6% -4%,rgba(226,50,210,.20),transparent 68%),
  radial-gradient(45% 34% at 100% 4%,rgba(52,200,255,.10),transparent 68%),
  radial-gradient(60% 45% at 90% 108%,rgba(123,77,255,.20),transparent 68%),
  linear-gradient(180deg,#07080f 0%,#0b0d1a 60%,#07080f 100%)!important;animation:none!important}
body::after{background:
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 44px!important;
  opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.25) 70%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.25) 70%,transparent 100%)!important}
::selection{background:var(--pk);color:#fff}
*{scrollbar-color:#3a3d55 transparent}
/* intestazione */
.hd{border-radius:12px!important;background:rgba(10,12,24,.78)!important;border:1px solid var(--line)!important;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 18px 40px -26px #000!important}
.nv a{border-radius:8px!important;font-weight:600;letter-spacing:.01em;position:relative}
.nv a:hover{background:rgba(255,255,255,.07)!important;transform:none!important}
.nv a[aria-current]{background:rgba(226,50,210,.12)!important;box-shadow:none!important;color:#fff!important}
.nv a[aria-current]::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.18rem;height:2px;border-radius:2px;background:var(--g)}
.fsb,.hd .mb{border-radius:9px!important;border-color:var(--line2)!important;background:rgba(255,255,255,.05)!important}
.nv{border-radius:12px!important}
/* titoli */
.wrap>h1,h1{letter-spacing:-.01em}
.wrap>h1{background:linear-gradient(90deg,#fff 30%,#f6b4ee 75%,#b9a2ff)!important;-webkit-background-clip:text!important;background-clip:text!important}
h2{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem!important;color:var(--mu)!important;display:flex;align-items:center;gap:.55rem}
h2::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--g);flex:none}
.hello b{border-bottom-color:var(--pk)!important}
/* player: cornice sottile, bagliore discreto, angoli netti */
.player,.gp{border-radius:12px!important;border:1px solid var(--line2)!important;box-shadow:0 30px 70px -34px rgba(226,50,210,.55),0 0 0 1px rgba(0,0,0,.6)!important}
.player video,.gp video{border-radius:11px}
.msgb,.bdg,.dur,.dr{border-radius:5px!important;letter-spacing:.06em}
.msgb:not(.vod){background:#d6173a!important;box-shadow:none!important;animation:owpulse 2.2s ease-in-out infinite}
@keyframes owpulse{0%,100%{box-shadow:0 0 0 0 rgba(214,23,58,.55)}50%{box-shadow:0 0 0 7px rgba(214,23,58,0)}}
.bdg.l{background:#d6173a!important}
.golive,.dl,.cta{border-radius:9px!important;background:var(--g)!important;box-shadow:0 12px 26px -14px rgba(226,50,210,.85)!important}
/* riquadri: vetro scuro, filo sottile, riflesso in alto, spotlight al passaggio */
.side,.gside,.it,.wrap .card,.card.box,.pwe,.about,.tl,.mt,.oro,.wnow,.zc,.pwl,.empty.big{border-radius:10px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02))!important;border:1px solid var(--line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),var(--sh)!important;position:relative}
.side::after,.gside::after,.it::after,.wrap .card::after,.pwe::after,.about::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(226,50,210,.16),transparent 70%)}
.side:hover::after,.gside:hover::after,.it:hover::after,.wrap .card:hover::after,.pwe:hover::after,.about:hover::after{opacity:1}
.card .im,.vc .im,.tv .im{border-radius:7px!important;background:linear-gradient(135deg,#1c1840,#080914)!important}
button.card:hover .im,a.card:hover .im,.vc:hover .im,.tv:hover .im{transform:translateY(-2px)!important;box-shadow:0 0 0 1.5px var(--pk),0 16px 30px -16px rgba(226,50,210,.7)!important}
/* meteo e riquadri colorati: indaco profondo invece del blu elettrico */
.mt,.oro,.wnow{background:linear-gradient(135deg,#1a1d4d 0%,#3b1d6e 100%)!important}
.tl-m{background:linear-gradient(135deg,#1a1d4d 0%,#3b1d6e 100%)!important;border-color:var(--line2)!important}
.wd,.zb{border-radius:9px!important}
.wtip{border-radius:8px!important}
/* pulsanti, campi, selezioni */
.pill,.ab,.chip,.oz button,.pwt button,.rsel button,.zn span{border-radius:8px!important}
.pill:hover,.ab:hover{transform:none!important;background:rgba(226,50,210,.14)!important}
.srch input,.gside input,#q,input[type=search],.rsel select,.mwr select,.mtr select,select{border-radius:8px!important;background-color:rgba(255,255,255,.05)!important;border-color:var(--line2)!important}
.qm{border-radius:10px!important}
.ck{border-radius:8px!important}
/* menu in basso (invariato nella forma, più sobrio nel colore) */
@media (max-width:760px){
  .tabs{background:rgba(9,11,22,.88)!important;border:1px solid var(--line2)!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;box-shadow:0 -18px 40px -22px #000,inset 0 1px 0 rgba(255,255,255,.08)!important}
  .tabs a{border-radius:11px!important}
  .tabs a[aria-current]{background:linear-gradient(135deg,#d62cc8,#6f46f0)!important;box-shadow:0 8px 18px -10px rgba(226,50,210,.9)!important}
  .nv{background:rgba(10,12,24,.97)!important}
  .hd{border-radius:12px!important}
}
/* ingresso morbido dei riquadri (solo se JS attivo) */
.ow-js .ow-rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.ow-js .ow-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ow-js .ow-rv{opacity:1;transform:none;transition:none}.msgb:not(.vod){animation:none}}