:root{color-scheme:dark;--white:#f7f2ff;--muted:#c8a0a2;--pink:#ff4d56;--violet:#eb5057;font-family:Inter,ui-sans-serif,system-ui,Roboto,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{padding:0;margin:0;width:100%;min-height:100%;background:#1c0809;color:var(--white);overflow-x:hidden}
button{font:inherit;cursor:pointer}button:focus-visible,.tv-focus:focus{outline:4px solid #fccacc;outline-offset:6px;box-shadow:0 0 0 9px #f7535b50}
.tv-shell{min-height:100svh;max-width:2400px;margin:0 auto;padding:clamp(22px,3vw,64px) clamp(25px,5vw,110px) 24px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}
.tv-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 30%,#7425296a,transparent 38%),radial-gradient(ellipse at 18% 100%,#561a1d9c,transparent 53%),linear-gradient(125deg,#200a0b,#291112 60%,#260a0b);z-index:-2}
.tv-header{display:flex;justify-content:space-between;align-items:center;gap:26px}.tv-brand{display:flex;gap:17px;align-items:center}.tv-bars{width:43px;height:45px;display:flex;align-items:center;gap:4px;transform:skewY(-8deg)}.tv-bars i{display:block;width:6px;border-radius:10px;background:linear-gradient(#ff665a,#e30a17)}.tv-bars i:nth-child(1){height:19px}.tv-bars i:nth-child(2){height:35px}.tv-bars i:nth-child(3){height:24px}.tv-bars i:nth-child(4){height:44px}.tv-bars i:nth-child(5){height:28px}
.tv-brand strong{display:block;font-weight:950;letter-spacing:-2px;font-size:clamp(23px,2.5vw,42px);line-height:1.1}.tv-brand strong span{color:#f78388}.tv-brand small{display:block;color:#d4aaac;letter-spacing:3px;font-weight:800;font-size:clamp(7px,.7vw,12px);margin-top:7px}
.tv-head-right{display:flex;align-items:center;gap:clamp(16px,2.5vw,45px)}.tv-on-air{display:flex;align-items:center;gap:11px;color:#f3c2c5;font-size:clamp(12px,1.15vw,19px);font-weight:850;letter-spacing:1px}.tv-dot{width:11px;height:11px;background:#ff525a;box-shadow:0 0 0 7px #ff525a22;border-radius:50%;animation:pulse 2s ease-in-out infinite}.tv-clock{font-variant-numeric:tabular-nums}#tvClock{font-size:clamp(17px,1.8vw,29px);color:#d5aaac;font-weight:750;font-variant-numeric:tabular-nums}
.tv-lang{display:flex;border:1px solid #ffffff33;border-radius:12px;padding:4px;gap:3px;background:#ffffff09}.tv-lang button{background:transparent;border:0;color:#cea5a7;border-radius:9px;padding:9px 11px;font-size:clamp(13px,1vw,19px);font-weight:900}.tv-lang button[aria-pressed=true]{color:#220c0d;background:white}
.tv-main{flex:1;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;gap:3vw;padding:clamp(23px,4.5vh,60px) 0 min(4vh,42px)}
.tv-kicker{display:flex;gap:15px;align-items:center;color:#f3868b;letter-spacing:2px;font-weight:900;font-size:clamp(11px,1vw,18px)}.tv-kicker-line{width:43px;height:2px;background:linear-gradient(90deg,#ea686e,#fc636b)}.tv-kicker span:last-child{color:#c19a9c}
.tv-track-label{font-size:clamp(12px,1.1vw,18px);font-weight:850;color:#ce9b9d;letter-spacing:3px;margin-top:clamp(27px,5vh,70px)}
.tv-music h1{line-height:1.09;font-size:clamp(40px,5.4vw,95px);font-weight:950;letter-spacing:-.055em;max-width:13ch;overflow-wrap:anywhere;margin:11px 0 13px;text-shadow:0 12px 50px #0005}
.tv-artist{font-size:clamp(18px,1.8vw,32px);color:#dcb0b2;line-height:1.5;max-width:30ch;margin:0}.tv-progress{display:flex;gap:16px;align-items:center;max-width:560px;margin-top:25px;color:#cda4a6;font-variant-numeric:tabular-nums;font-weight:650}.tv-progress[hidden]{display:none}.tv-progress-track{flex:1;background:#ffffff22;height:7px;border-radius:10px;overflow:hidden}.tv-progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#fe4b54,#eb636a);transition:width 1s linear;border-radius:10px}
.tv-controls{display:flex;align-items:center;gap:16px;margin-top:clamp(23px,5vh,64px);flex-wrap:wrap}.tv-play{border:0;border-radius:18px;padding:clamp(14px,1.5vw,25px) clamp(24px,2.8vw,49px);background:linear-gradient(110deg,#ff4049,#db585f);box-shadow:0 14px 45px #d5394057;color:white;font-weight:900;font-size:clamp(15px,1.45vw,24px);display:flex;align-items:center;gap:15px}.play-icon{font-size:clamp(22px,1.7vw,34px);line-height:1}.tv-soft{display:grid;place-items:center;width:clamp(53px,5vw,80px);height:clamp(53px,5vw,80px);background:#ffffff13;border:1px solid #ffffff27;color:#eebec1;border-radius:17px;font-size:clamp(20px,2vw,33px);font-weight:800}.tv-soft:hover{background:#ffffff22}
.tv-message{min-height:24px;font-size:clamp(12px,1.1vw,19px);color:#caa0a2;margin-top:22px}
.tv-disc-area{position:relative;min-height:clamp(280px,38vw,660px);display:grid;place-items:center;isolation:isolate}
.tv-spectrum-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:min(39vw,62vh,680px);height:auto;max-width:100%;aspect-ratio:1;overflow:visible;--tv-wave-size:1}
.tv-spectrum-glow{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle at center,rgba(227,10,23,.30) 0%,rgba(190,5,21,.19) 33%,rgba(116,0,10,.12) 50%,transparent 70%);filter:blur(30px);pointer-events:none}
.tv-spectrum-core{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(69,23,26,.46) 0%,rgba(47,18,19,.39) 35%,rgba(38,14,15,.17) 65%,transparent 83%);box-shadow:0 0 90px 13px rgba(227,10,23,.13),inset 0 0 40px rgba(255,98,78,.06);pointer-events:none}
.tv-spectrum-canvas{position:absolute;inset:0;display:block;pointer-events:none;max-width:100%;max-height:100%;z-index:2}
/* Official TÜRKVOX PWA icon, centered inside TV circular spectrum. */
.tv-spectrum-icon{
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.78);transform-origin:center center;
 width:clamp(72px,40%,220px);height:auto;aspect-ratio:1;
 display:block;object-fit:contain;z-index:3;pointer-events:none;
 border-radius:25%;filter:drop-shadow(0 12px 28px rgba(31,6,7,.35));
}
.playing .tv-spectrum-glow{filter:blur(26px) brightness(1.16);transition:filter .18s ease-out}
.tv-spectrum-stage.beat-hit .tv-spectrum-glow{filter:blur(28px) brightness(1.67) saturate(1.4)}
.tv-spectrum-stage.beat-hit .tv-spectrum-core{box-shadow:0 0 100px 24px rgba(227,10,23,.25),inset 0 0 55px rgba(255,73,61,.14)}
.tv-bottom{display:flex;justify-content:space-around;align-items:center;gap:12px;border:1px solid #ffffff19;background:linear-gradient(100deg,#39181ac9,#381b1dc9);backdrop-filter:blur(22px);padding:clamp(18px,2.1vw,34px) clamp(18px,3vw,58px);border-radius:clamp(20px,2vw,32px)}.tv-detail{display:flex;align-items:center;gap:15px;min-width:0;flex:1}.tv-detail small{display:block;color:#b78e90;letter-spacing:1.8px;font-size:clamp(10px,.8vw,14px);font-weight:800;margin-bottom:4px}.tv-detail strong{font-size:clamp(16px,1.4vw,26px);line-height:1.25;overflow-wrap:anywhere}.tv-mini-icon{width:clamp(45px,4.5vw,72px);height:clamp(45px,4.5vw,72px);display:grid;place-items:center;flex-shrink:0;background:#f9454e2b;color:#ff979c;border-radius:19px;font-size:28px}.tv-mini-icon.time-icon{background:#d0535930;color:#fd9ea2}.tv-mini-icon.listeners-icon{background:#a32a3028;color:#ea7b80}.tv-separator{width:1px;height:47px;background:#ffffff20}
.tv-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:clamp(12px,1vw,17px);color:#ab8183;padding-top:20px}.tv-footer-actions{display:flex;gap:16px;align-items:center}.tv-link{border:0;background:transparent;color:#d4aaac;font-size:inherit;font-weight:700;padding:8px;border-radius:8px}
.tv-dialog{width:min(720px,85vw);max-height:75vh;border:1px solid #b7666a7a;border-radius:25px;background:#361a1c;color:#fdf3ff;padding:45px;font:clamp(16px,1.4vw,25px)/1.6 system-ui;box-shadow:0 30px 120px #000}.tv-dialog::backdrop{background:#02030bd9}.tv-dialog h2{font-size:1.35em;margin:0 0 20px}.tv-dialog p{color:#deb2b4}.tv-dialog-actions{text-align:right}.tv-dialog button{background:#d74a51;color:white;border:0;border-radius:13px;padding:15px 30px;font:700 18px system-ui}
@keyframes pulse{50%{opacity:.55;box-shadow:0 0 0 12px #ff525a08}}
@media (max-width:900px){.tv-shell{padding:22px 24px}.tv-main{grid-template-columns:1.1fr .9fr}.tv-disc-area{min-height:300px}.tv-spectrum-stage{width:min(36vw,54vh,430px)}.tv-brand small{letter-spacing:1.8px}}
@media (max-height:720px) and (min-width:900px){.tv-shell{padding-top:16px}.tv-main{padding:13px 0}.tv-track-label{margin-top:18px}.tv-controls{margin-top:22px}.tv-disc-area{min-height:330px}.tv-spectrum-stage{width:min(30vw,53vh,410px)}.tv-bottom{padding:13px 22px}.tv-footer{padding-top:12px}}
@media(max-width:700px){.tv-header{gap:12px}.tv-on-air{display:none}.tv-brand small{display:none}.tv-main{grid-template-columns:1fr}.tv-disc-area{display:none}.tv-music h1{font-size:clamp(35px,8vw,64px)}.tv-track-label{margin-top:24px}.tv-bottom{gap:10px}.tv-detail{gap:9px}.tv-detail:nth-of-type(5),.tv-separator{display:none}.tv-detail strong{font-size:14px}.tv-mini-icon{display:none}.tv-footer{display:block}.tv-footer-actions{justify-content:flex-start}.tv-music{padding:24px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.tv-spectrum-glow{filter:blur(30px)!important}}

/* TÜRKVOX TV responsive adaptation v4 · preserve readable controls on 720p / 540p / 480p */
.tv-shell{width:100%;min-width:0;overflow:visible}
.tv-main,.tv-music,.tv-disc-area,.tv-bottom,.tv-detail{min-width:0}
.tv-header,.tv-bottom,.tv-footer{flex-shrink:0}
.tv-music h1{overflow-wrap:anywhere}
.tv-spectrum-stage{max-width:100%;max-height:100%;flex:none}
.tv-progress-track{min-width:0}
.tv-bottom{width:100%}
@media (max-height:820px) and (min-width:701px){
 .tv-shell{min-height:100vh;min-height:100dvh;padding:clamp(10px,2vh,19px) clamp(18px,3.4vw,56px) 9px}
 .tv-header{min-height:38px;gap:12px}
 .tv-brand{gap:11px}
 .tv-brand strong{font-size:clamp(22px,2.1vw,34px)}
 .tv-brand small{margin-top:3px;font-size:9px;letter-spacing:1.5px}
 .tv-bars{transform:scale(.79);transform-origin:left center;width:35px}
 .tv-head-right{gap:clamp(12px,2vw,28px)}
 .tv-main{flex:1 1 auto;min-height:0;padding:12px 0;gap:clamp(15px,3vw,38px)}
 .tv-disc-area{min-height:0;align-self:stretch}
 .tv-spectrum-stage{width:min(34vw,57vh,500px)}
 .tv-track-label{margin-top:clamp(12px,3vh,25px);font-size:12px}
 .tv-music h1{font-size:clamp(36px,4.5vw,66px);margin:8px 0;line-height:1.1}
 .tv-artist{font-size:clamp(16px,1.7vw,24px)}
 .tv-progress{margin-top:15px}
 .tv-controls{margin-top:clamp(13px,2.6vh,26px);gap:12px}
 .tv-play{padding:14px 25px;font-size:clamp(14px,1.4vw,19px)}
 .tv-soft{width:55px;height:55px;font-size:23px}
 .tv-message{margin-top:11px;min-height:16px;font-size:13px}
 .tv-bottom{padding:13px 20px}
 .tv-mini-icon{width:46px;height:46px;font-size:21px;border-radius:13px}
 .tv-detail{gap:11px}
 .tv-detail small{font-size:10px;letter-spacing:1px}
 .tv-detail strong{font-size:clamp(13px,1.4vw,20px)}
 .tv-footer{padding-top:10px}
 .tv-footer-actions{gap:8px}
}
@media (max-height:640px) and (min-width:701px){
 .tv-shell{padding:9px clamp(15px,2.8vw,33px) 6px}
 .tv-brand strong{font-size:clamp(18px,2.1vw,28px)}
 .tv-brand small{font-size:8px}
 .tv-header{min-height:30px}
 .tv-on-air{font-size:11px}
 .tv-head-right{gap:14px}
 #tvClock{font-size:19px}
 .tv-lang button{padding:5px 7px;font-size:12px}
 .tv-main{padding:5px 0;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:12px}
 .tv-spectrum-stage{width:min(32vw,54vh,330px)}
 .tv-kicker{font-size:10px;letter-spacing:1px}
 .tv-track-label{font-size:10px;letter-spacing:1.2px;margin-top:11px}
 .tv-music h1{font-size:clamp(28px,3.65vw,46px);margin:5px 0;line-height:1.06;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .tv-artist{font-size:clamp(14px,1.55vw,19px);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
 .tv-progress{margin-top:10px;gap:10px;font-size:11px}
 .tv-controls{margin-top:12px;gap:9px}
 .tv-play{padding:11px 16px;font-size:13px;border-radius:12px;gap:9px}
 .tv-soft{width:43px;height:43px;font-size:21px;border-radius:12px}
 .tv-message{font-size:11px;line-height:1.3;margin-top:8px;min-height:0}
 .tv-bottom{padding:9px 14px;gap:7px;border-radius:16px}
 .tv-detail{gap:7px}
 .tv-detail small{font-size:9px;letter-spacing:.5px;margin-bottom:1px}
 .tv-detail strong{font-size:clamp(12px,1.35vw,17px)}
 .tv-mini-icon{width:37px;height:37px;font-size:18px;border-radius:10px}
 .tv-separator{height:32px}
 .tv-footer{padding-top:6px;font-size:11px}
 .tv-link{padding:4px 6px}
}
@media (max-height:500px) and (min-width:701px){
 .tv-shell{padding:6px 14px 4px}
 .tv-main{padding:2px 0}
 .tv-spectrum-stage{width:min(30vw,51vh,275px)}
 .tv-track-label{margin-top:5px}
 .tv-music h1{font-size:clamp(23px,3.05vw,37px);margin:3px 0}
 .tv-artist{font-size:13px}
 .tv-progress{margin-top:5px}
 .tv-controls{margin-top:8px}
 .tv-play{padding:9px 13px;font-size:12px}
 .tv-soft{height:37px;width:37px;font-size:19px}
 .tv-message{margin-top:5px;font-size:10px}
 .tv-bottom{padding:7px 10px}
 .tv-mini-icon{width:31px;height:31px;font-size:15px}
 .tv-detail small{font-size:8px}
 .tv-detail strong{font-size:11px}
 .tv-footer{padding-top:4px}
 .tv-footer #tvHint{font-size:10px}
}
@media (max-width:900px) and (min-width:701px){
 .tv-main{grid-template-columns:minmax(0,1.23fr) minmax(0,.77fr)}
 .tv-spectrum-stage{width:min(30vw,51vh,285px)}
 .tv-brand strong{font-size:21px}
 .tv-brand small{letter-spacing:.8px}
 .tv-head-right{gap:12px}
 .tv-bottom{gap:5px}
 .tv-detail{gap:5px}
}
@media (max-width:700px){
 .tv-shell{padding:16px 16px 12px;min-height:100vh;min-height:100dvh;overflow:visible}
 .tv-main{display:flex;flex-direction:column;min-height:0;gap:9px;padding:12px 0}
 .tv-music{padding:8px 0;min-width:0}
 .tv-music h1{max-width:none;font-size:clamp(30px,7vw,52px);line-height:1.08;margin:7px 0}
 .tv-track-label{margin-top:12px}
 .tv-progress{margin-top:14px}
 .tv-controls{margin-top:17px;gap:9px}
 .tv-play{padding:13px 18px;font-size:13px}
 .tv-soft{width:47px;height:47px}
 .tv-disc-area{display:grid;flex:none;min-height:165px}
 .tv-spectrum-stage{width:min(54vw,240px);max-height:none}
 .tv-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:13px 15px}
 .tv-bottom .tv-separator{display:none}
 .tv-detail{min-width:0}
 .tv-detail:nth-of-type(5),.tv-detail.listeners{display:flex;grid-column:1/-1}
 .tv-detail strong{font-size:13px}
 .tv-detail small{font-size:9px}
 .tv-footer{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;padding-top:10px}
 .tv-footer-actions{gap:7px}
 .tv-footer .tv-link{padding:7px}
 .tv-dialog{padding:22px;width:min(590px,95vw)}
}
@media (max-width:700px) and (orientation:landscape){
 .tv-shell{padding:7px 12px 5px}
 .tv-header{gap:8px}
 .tv-brand{gap:5px}
 .tv-brand strong{font-size:18px;letter-spacing:-.7px}
 .tv-bars{transform:scale(.65);transform-origin:left center;width:27px}
 .tv-head-right{gap:8px}
 #tvClock{font-size:15px}
 .tv-lang{padding:2px}
 .tv-lang button{padding:4px 5px;font-size:11px}
 .tv-main{display:grid;grid-template-columns:minmax(0,1.21fr) minmax(0,.79fr);gap:8px;padding:4px 0;flex:1 1 auto;align-items:center}
 .tv-music{padding:0}
 .tv-kicker{font-size:9px;letter-spacing:.6px}
 .tv-kicker-line{width:19px}
 .tv-track-label{font-size:9px;letter-spacing:1px;margin-top:7px}
 .tv-music h1{font-size:clamp(22px,4.1vw,34px);line-height:1.05;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .tv-artist{font-size:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
 .tv-progress{margin-top:7px;font-size:10px;gap:7px}
 .tv-controls{margin-top:8px;gap:6px}
 .tv-play{padding:9px 12px;font-size:11px;border-radius:10px;gap:7px}
 .play-icon{font-size:17px}
 .tv-soft{width:34px;height:34px;font-size:17px;border-radius:9px}
 .tv-message{margin-top:6px;min-height:0;font-size:10px}
 .tv-disc-area{display:grid;min-height:0;height:100%;align-self:stretch}
 .tv-spectrum-stage{width:min(30vw,53vh,210px);max-height:100%}
 .tv-bottom{display:flex;align-items:center;gap:6px;border-radius:13px;padding:8px 10px}
 .tv-detail:nth-of-type(5),.tv-detail.listeners{display:flex;grid-column:auto}
 .tv-detail strong{font-size:10px}
 .tv-detail small{font-size:8px;letter-spacing:0;margin-bottom:1px}
 .tv-footer{display:flex;flex-wrap:nowrap;justify-content:space-between;font-size:9px;padding-top:4px}
 .tv-footer-actions{flex-shrink:0}
 .tv-footer .tv-link{padding:3px 5px}
}
@media (max-height:420px) and (orientation:landscape){
 .tv-shell{padding-top:4px;padding-bottom:3px}
 .tv-kicker,.tv-track-label,.tv-message{display:none}
 .tv-progress{margin-top:5px}
 .tv-controls{margin-top:7px}
 .tv-bottom{padding:5px 8px}
 .tv-footer #tvHint{display:none}
}

/* TV rhythm and controls adjustment v5: spectrum hugs the centered icon.
   Separate playback controls from both the progress bar and bottom status. */
.tv-controls{margin-top:clamp(24px,4vh,42px)}
.tv-bottom{margin-top:clamp(17px,2.6vh,32px)}
.tv-spectrum-icon{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 34px rgba(227,10,23,.22)}
@media (max-height:820px) and (min-width:701px){
 .tv-controls{margin-top:clamp(21px,3.25vh,29px)}
 .tv-bottom{margin-top:clamp(13px,2.2vh,22px)}
}
@media (max-height:640px) and (min-width:701px){
 .tv-controls{margin-top:clamp(17px,3vh,22px)}
 .tv-bottom{margin-top:10px}
}
@media (max-height:500px) and (min-width:701px){
 .tv-controls{margin-top:12px}
 .tv-bottom{margin-top:7px}
}
@media (max-width:700px){
 .tv-controls{margin-top:21px}
 .tv-bottom{margin-top:16px}
}
@media (max-width:700px) and (orientation:landscape){
 .tv-controls{margin-top:15px}
 .tv-bottom{margin-top:9px}
}
@media (max-height:420px) and (orientation:landscape){
 .tv-controls{margin-top:11px}
 .tv-bottom{margin-top:6px}
}

/* TÜRKVOX TV overscan-safe viewport v6.
   A consistent four-sided safe zone prevents physical TVs from clipping UI.
   Sizes scale down for 480p/540p while preserving an actual viewable border. */
.tv-shell{
  box-sizing:border-box;
  width:100%;
  max-width:2400px;
  min-height:100vh;
  min-height:100dvh;
  padding:clamp(24px,4.5vh,68px) clamp(38px,5.2vw,132px);
  overflow:visible;
}
.tv-header,.tv-main,.tv-bottom,.tv-footer{max-width:100%;min-width:0}
.tv-header,.tv-footer{flex-shrink:0}
.tv-main{min-height:0}
.tv-disc-area{min-height:0;max-width:100%;overflow:visible}
.tv-spectrum-stage{max-width:100%;max-height:100%;width:min(33vw,51vh,620px)}
.tv-spectrum-icon{max-width:45%;height:auto}
.tv-music h1{overflow-wrap:anywhere}
.tv-controls{flex-wrap:wrap}
.tv-bottom{flex-shrink:0;margin-top:clamp(12px,2vh,24px)}
.tv-footer{min-height:0}
@media (max-height:820px) and (min-width:701px){
  .tv-shell{padding:clamp(19px,4.5vh,42px) clamp(34px,5.2vw,115px)}
  .tv-main{padding-block:clamp(7px,1.6vh,18px)}
  .tv-spectrum-stage{width:min(29vw,49vh,490px)}
  .tv-bottom{margin-top:clamp(9px,1.6vh,15px)}
  .tv-footer{padding-top:clamp(5px,.9vh,11px)}
}
@media (max-height:640px) and (min-width:701px){
  .tv-shell{padding:clamp(16px,4.5vh,28px) clamp(30px,5.2vw,80px)}
  .tv-main{padding-block:clamp(2px,.65vh,6px)}
  .tv-spectrum-stage{width:min(27vw,47vh,340px)}
  .tv-bottom{margin-top:clamp(7px,1.5vh,11px)}
  .tv-footer{padding-top:5px}
}
@media (max-height:500px) and (min-width:701px){
  .tv-shell{padding:clamp(14px,4.2vh,23px) clamp(27px,5.2vw,62px)}
  .tv-main{padding-block:2px}
  .tv-spectrum-stage{width:min(26vw,44vh,280px)}
  .tv-track-label{margin-top:3px}
  .tv-music h1{font-size:clamp(22px,2.9vw,36px);line-height:1.03}
  .tv-controls{margin-top:9px}
  .tv-bottom{margin-top:7px}
  .tv-footer{padding-top:4px}
}
@media (max-width:900px) and (min-width:701px){
  .tv-main{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
  .tv-spectrum-stage{width:min(26vw,46vh,300px)}
  .tv-detail strong{overflow-wrap:anywhere}
}
@media (max-width:700px){
  .tv-shell{padding:clamp(17px,4.5vh,32px) clamp(22px,5.2vw,38px)}
  .tv-main{padding-block:clamp(6px,1.8vh,16px)}
  .tv-spectrum-stage{width:min(48vw,27vh,230px)}
  .tv-bottom{margin-top:12px}
  .tv-footer{padding-top:10px}
}
@media (max-width:700px) and (orientation:landscape){
  .tv-shell{padding:clamp(13px,4vh,24px) clamp(25px,5.2vw,45px)}
  .tv-main{padding-block:2px;gap:7px}
  .tv-spectrum-stage{width:min(25vw,43vh,190px)}
  .tv-bottom{margin-top:6px}
  .tv-footer{padding-top:4px}
}
@media (max-height:420px) and (orientation:landscape){
  .tv-shell{padding:clamp(12px,3.5vh,19px) clamp(26px,5vw,60px)}
  .tv-main{padding-block:1px}
  .tv-spectrum-stage{width:min(23vw,42vh,170px)}
  .tv-controls{margin-top:8px}
  .tv-bottom{margin-top:4px}
  .tv-footer{padding-top:2px}
}


/* Unified TV branding: exact TÜRKVOX RADIO wordmark used by the mobile PWA. */
.tv-brand-logo{display:block;width:clamp(170px,17.5vw,305px);height:auto;max-height:clamp(55px,7.7vh,97px);object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 14px rgba(0,0,0,.18))}
.tv-brand{min-width:0;flex:none}
.tv-spectrum-icon{width:clamp(125px,40%,220px);max-width:48%;height:auto;aspect-ratio:auto;border-radius:0;box-shadow:none;filter:drop-shadow(0 6px 20px rgba(0,0,0,.28))}
@media(max-width:900px){.tv-brand-logo{width:clamp(125px,17vw,198px)}}
@media(max-width:700px){.tv-brand-logo{width:clamp(115px,32vw,195px);max-height:60px}}
@media(max-height:640px) and (min-width:701px){.tv-brand-logo{width:clamp(128px,14vw,205px);max-height:58px}}


/* Public, moderated listener shout-outs shared with mobile PWA. */
.tv-main{position:relative}
.tv-live-message-slot{
 position:absolute;left:50%;bottom:clamp(4px,3.8vh,38px);
 width:min(78%,840px);transform:translateX(-50%);z-index:12;
 display:flex;justify-content:center;pointer-events:none;
}
.tv-live-message-card{
 min-width:min(330px,100%);max-width:100%;display:flex;align-items:center;gap:16px;
 padding:clamp(13px,1.5vw,22px) clamp(19px,2.2vw,32px);
 border-radius:21px;border:1px solid rgba(247,161,165,.44);
 background:linear-gradient(125deg,rgba(62,22,24,.97),rgba(47,18,19,.96));
 box-shadow:0 18px 60px rgba(0,0,0,.44),0 0 35px rgba(231,79,86,.13);
 backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
 opacity:1;transform:translateY(0);
 animation:tvMessageArrive .35s ease-out both;
}
.tv-live-message-card[hidden]{display:none!important}
.tv-live-message-card.leaving{opacity:0;filter:blur(3px);transform:translateY(-12px);
 animation:none;transition:opacity .9s ease-in-out,filter .9s ease-in-out,transform .9s ease-in-out}
.tv-live-message-symbol{font-size:clamp(24px,2.4vw,36px);color:#f8888d;flex-shrink:0}
.tv-live-message-content{min-width:0;overflow:hidden}
.tv-live-message-content strong{display:block;color:#f9b8bb;
 font-size:clamp(14px,1.25vw,20px);font-weight:850;line-height:1.3;
 overflow-wrap:anywhere}
.tv-live-message-content p{margin:4px 0 0;color:#fff;
 font-size:clamp(16px,1.55vw,26px);font-weight:650;line-height:1.32;
 overflow-wrap:anywhere;word-break:break-word}
@keyframes tvMessageArrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:640px){.tv-live-message-slot{bottom:3px;width:min(86%,720px)}
 .tv-live-message-card{padding:8px 15px;gap:8px;border-radius:14px}
 .tv-live-message-content strong{font-size:12px}
 .tv-live-message-content p{font-size:14px;max-height:2.7em;overflow:hidden}
}
@media(max-width:700px){.tv-live-message-slot{width:94%}}
@media(prefers-reduced-motion:reduce){.tv-live-message-card{animation:none!important}
 .tv-live-message-card.leaving{transition:none!important}}


/* Align the TÜRKVOX wordmark's visible baseline with the LIVE label on TV.
   Visual adjustment only: preserve the surrounding header and player layout. */
.tv-header .tv-brand-logo{transform:translateY(8px)}
@media(max-width:700px){.tv-header .tv-brand-logo{transform:translateY(5px)}}
@media(max-height:500px) and (min-width:701px){.tv-header .tv-brand-logo{transform:translateY(5px)}}


/* TÜRKVOX slogan horizontally centered between wordmark and LIVE indicator. */
.tv-header-slogan{
 flex:1 1 auto;min-width:0;margin:0;
 text-align:center;align-self:center;
 color:#e9babd;text-shadow:0 0 16px rgba(238,96,103,.15);
 font-size:clamp(10px,1.04vw,17px);
 font-weight:800;letter-spacing:clamp(.35px,.10vw,1.7px);
 line-height:1.3;white-space:nowrap;
}
.tv-header{column-gap:clamp(12px,2vw,32px)}
.tv-head-right{flex:0 0 auto}
@media(max-width:900px){.tv-header-slogan{font-size:clamp(9px,1.05vw,12px);letter-spacing:.3px}}
@media(max-width:700px){.tv-header-slogan{font-size:9px;letter-spacing:0;white-space:normal;max-width:135px}}
@media(max-height:500px) and (min-width:701px){.tv-header-slogan{font-size:10px;letter-spacing:.2px}}


/* PWA-matched gentle crossfade between the two TÜRKVOX slogans. */
.tv-header-slogan{opacity:1;transition:opacity .22s ease,filter .22s ease}
.tv-header-slogan.changing{opacity:0;filter:blur(3px)}
@media(prefers-reduced-motion:reduce){.tv-header-slogan{transition:none!important}}


/* TV and native APK sponsor: bottom right under visualizer, hidden for listener shout-outs. */
.mixia-sponsor[hidden]{display:none!important}
.tv-disc-area .mixia-sponsor-tv{position:absolute;z-index:6;right:0;bottom:0;
  max-width:min(330px,88%);min-width:min(230px,80%);pointer-events:none;
  transition:opacity .25s ease,visibility .25s ease,filter .25s ease}
.mixia-sponsor-tv .sponsor-target{display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:18px;border:1px solid #f2939847;
  background:linear-gradient(110deg,rgba(65,23,25,.97),rgba(48,18,20,.97));
  box-shadow:0 13px 35px #02020d65;color:#fff}
.mixia-sponsor-tv .sponsor-logo{width:78px;height:53px;max-width:34%;
  flex:none;object-fit:contain;border-radius:8px;background:#ffffff0a}
.mixia-sponsor-tv .sponsor-copy{display:flex;flex-direction:column;gap:3px;
  min-width:0;flex:1;overflow:hidden}
.mixia-sponsor-tv .sponsor-label{font-size:10px;color:#faa3a7;letter-spacing:1.3px;font-weight:900}
.mixia-sponsor-tv .sponsor-name{color:#fff;font-size:clamp(12px,1.2vw,17px);
  font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mixia-sponsor-tv .sponsor-subtitle{color:#e0b3b5;font-size:clamp(10px,.85vw,13px);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mixia-sponsor-tv[data-theme="light"] .sponsor-target{background:#f8c6c9}
.mixia-sponsor-tv[data-theme="light"] .sponsor-name{color:#451a1c}
.mixia-sponsor-tv[data-theme="light"] .sponsor-label{color:#a82d33}
.mixia-sponsor-tv[data-theme="light"] .sponsor-subtitle{color:#7b5153}
.mixia-sponsor-tv.sponsor-message-active{opacity:0;visibility:hidden}
.mixia-sponsor-tv.sponsor-changing{opacity:.17;filter:blur(2px)}
@media(max-height:720px){.tv-disc-area .mixia-sponsor-tv{max-width:85%;min-width:0}
  .mixia-sponsor-tv .sponsor-target{padding:7px 10px;border-radius:11px;gap:8px}
  .mixia-sponsor-tv .sponsor-logo{width:52px;height:34px}
  .mixia-sponsor-tv .sponsor-label{font-size:8px}
  .mixia-sponsor-tv .sponsor-subtitle{font-size:9px}}
@media(max-height:420px){.tv-disc-area .mixia-sponsor-tv{max-width:78%}}
@media(prefers-reduced-motion:reduce){.mixia-sponsor-tv{transition:none!important}}

/* v16: one central message/sponsor lane, no floating ad near the spectrum.
   Keep the existing listeners statistic in the rightmost footer cell. */
.tv-live-message-slot .mixia-sponsor-tv{
 position:relative;left:auto;right:auto;top:auto;bottom:auto;
 flex:0 1 auto;width:min(740px,100%);max-width:100%;min-width:0;
 z-index:auto;transform:none;pointer-events:none;
 opacity:1;visibility:visible;
 transition:opacity .3s ease,filter .3s ease;
}
.tv-live-message-slot .mixia-sponsor-tv[hidden],
.tv-live-message-slot .mixia-sponsor-tv.sponsor-message-active{display:none!important}
.tv-live-message-slot .mixia-sponsor-tv .sponsor-target{
 display:flex;align-items:center;justify-content:center;
 gap:clamp(12px,1.8vw,24px);
 min-height:clamp(72px,10vh,116px);
 padding:clamp(13px,1.7vw,24px) clamp(17px,2.6vw,36px);
 border-radius:22px;
 border:1px solid rgba(247,161,165,.46);
 background:linear-gradient(125deg,rgba(62,22,24,.97),rgba(47,18,19,.97));
 box-shadow:0 18px 60px rgba(0,0,0,.44),0 0 35px rgba(231,79,86,.13);
 backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
}
.tv-live-message-slot .mixia-sponsor-tv .sponsor-logo{
 width:clamp(90px,11vw,165px);height:clamp(50px,7.8vh,88px);
 max-width:34%;flex:none;object-fit:contain;
 border-radius:12px;background:#ffffff0c;padding:6px;
}
.tv-live-message-slot .mixia-sponsor-tv .sponsor-copy{
 display:flex;flex-direction:column;justify-content:center;gap:5px;
 flex:1;min-width:0;text-align:left;overflow:hidden;
}
.tv-live-message-slot .mixia-sponsor-tv .sponsor-label{
 color:#fba4a9;letter-spacing:1.5px;
 font-size:clamp(10px,.95vw,15px);font-weight:900;
}
.tv-live-message-slot .mixia-sponsor-tv .sponsor-name{
 color:#fff;font-size:clamp(20px,2vw,34px);font-weight:900;
 line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tv-live-message-slot .mixia-sponsor-tv .sponsor-subtitle{
 color:#f4c3c6;font-size:clamp(12px,1.2vw,19px);
 line-height:1.35;max-height:2.7em;overflow:hidden;overflow-wrap:anywhere;
}
.tv-live-message-slot .mixia-sponsor-tv[data-theme="light"] .sponsor-target{
 background:linear-gradient(120deg,#fac8ca,#f8c6c9)
}
.tv-live-message-slot .mixia-sponsor-tv[data-theme="light"] .sponsor-name{color:#371416}
.tv-live-message-slot .mixia-sponsor-tv[data-theme="light"] .sponsor-label{color:#a72f35}
.tv-live-message-slot .mixia-sponsor-tv[data-theme="light"] .sponsor-subtitle{color:#653a3c}
.tv-live-message-slot .mixia-sponsor-tv.sponsor-changing{
 opacity:.17;filter:blur(2px);
}
@media(max-height:640px){
 .tv-live-message-slot .mixia-sponsor-tv{width:min(670px,100%)}
 .tv-live-message-slot .mixia-sponsor-tv .sponsor-target{
  min-height:56px;padding:9px 15px;gap:12px;border-radius:15px
 }
 .tv-live-message-slot .mixia-sponsor-tv .sponsor-logo{width:75px;height:40px}
 .tv-live-message-slot .mixia-sponsor-tv .sponsor-name{font-size:clamp(14px,1.5vw,19px)}
 .tv-live-message-slot .mixia-sponsor-tv .sponsor-subtitle{font-size:clamp(10px,.9vw,13px)}
 .tv-live-message-slot .mixia-sponsor-tv .sponsor-label{font-size:9px}
}
@media(max-width:700px){
 .tv-live-message-slot .mixia-sponsor-tv{width:100%}
 .tv-live-message-slot .mixia-sponsor-tv .sponsor-logo{width:70px;height:40px}
 .tv-live-message-slot .mixia-sponsor-tv .sponsor-name{font-size:15px}
 .tv-live-message-slot .mixia-sponsor-tv .sponsor-subtitle{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .tv-live-message-slot .mixia-sponsor-tv{transition:none!important}
}


/* Sponsor horizontal width only. Logo, text, height and padding unchanged. */
.tv-live-message-slot .mixia-sponsor-tv{width:min(300px,100%)}
@media(max-height:640px){
  .tv-live-message-slot .mixia-sponsor-tv{width:min(300px,100%)}
}
@media(max-width:700px){
  .tv-live-message-slot .mixia-sponsor-tv{width:min(300px,100%)}
}


/* TÜRKVOX TV: last row occupies the former remote-help/shortcut footer space.
   Overscan-safe bottom padding stays for real physical TV displays. */
.tv-shell{
  padding-bottom:clamp(11px,2.2vh,29px);
}
.tv-bottom{
  margin-top:clamp(5px,1vh,14px);
  min-height:clamp(94px,13.5vh,158px);
  padding:clamp(22px,2.8vw,42px) clamp(22px,3.1vw,65px);
  gap:clamp(11px,1.8vw,26px);
  border-radius:clamp(19px,2vw,32px);
}
.tv-bottom .tv-detail{gap:clamp(11px,1.4vw,23px)}
.tv-bottom .tv-detail small{
 font-size:clamp(11px,.95vw,16px);
 line-height:1.3;
}
.tv-bottom .tv-detail strong{
 font-size:clamp(18px,1.65vw,30px);
 line-height:1.3;
}
.tv-bottom .tv-mini-icon{
 width:clamp(49px,4.7vw,77px);
 height:clamp(49px,4.7vw,77px);
 font-size:clamp(22px,2vw,30px);
}
.tv-bottom .tv-separator{height:clamp(42px,5.5vh,64px)}
@media(max-height:820px) and (min-width:701px){
 .tv-shell{padding-bottom:clamp(10px,2.2vh,18px)}
 .tv-bottom{min-height:clamp(75px,12.5vh,112px);padding:clamp(17px,2.5vh,26px) clamp(18px,2.8vw,40px)}
 .tv-bottom .tv-mini-icon{width:clamp(43px,4vw,61px);height:clamp(43px,4vw,61px)}
 .tv-bottom .tv-detail small{font-size:clamp(10px,.85vw,13px)}
 .tv-bottom .tv-detail strong{font-size:clamp(15px,1.48vw,23px)}
}
@media(max-height:640px) and (min-width:701px){
 .tv-shell{padding-bottom:clamp(8px,1.8vh,12px)}
 .tv-bottom{min-height:clamp(61px,12vh,82px);padding:10px clamp(14px,2vw,26px)}
 .tv-bottom .tv-mini-icon{width:clamp(38px,3.9vw,52px);height:clamp(38px,3.9vw,52px)}
 .tv-bottom .tv-detail strong{font-size:clamp(13px,1.4vw,19px)}
}
@media(max-height:500px) and (min-width:701px){
 .tv-shell{padding-bottom:7px}
 .tv-bottom{min-height:55px;padding:7px 12px}
 .tv-bottom .tv-mini-icon{width:35px;height:35px;font-size:18px}
 .tv-bottom .tv-detail strong{font-size:clamp(11px,1.22vw,16px)}
}
@media(max-width:700px){
 .tv-shell{padding-bottom:clamp(9px,1.5vh,15px)}
 .tv-bottom{margin-top:8px;min-height:90px;padding:16px 16px}
 .tv-bottom .tv-detail small{font-size:10px}
 .tv-bottom .tv-detail strong{font-size:15px}
 .tv-bottom .tv-mini-icon{width:39px;height:39px}
}
@media(max-width:700px) and (orientation:landscape){
 .tv-shell{padding-bottom:6px}
 .tv-bottom{margin-top:3px;min-height:61px;padding:8px 11px;gap:7px}
 .tv-bottom .tv-detail{gap:7px}
 .tv-bottom .tv-detail small{font-size:9px}
 .tv-bottom .tv-detail strong{font-size:clamp(11px,1.65vw,15px)}
 .tv-bottom .tv-mini-icon{width:35px;height:35px;font-size:16px}
}
@media(max-height:420px) and (orientation:landscape){
 .tv-bottom{min-height:52px;padding:6px 9px}
 .tv-shell{padding-bottom:5px}
}


/* TV bottom information bar: add a comfortable lower safe-area gap.
   Only shell bottom padding changes; cards remain their existing size. */
.tv-shell{padding-bottom:clamp(24px,3.8vh,44px)}
@media(max-height:820px) and (min-width:701px){
 .tv-shell{padding-bottom:clamp(22px,4vh,34px)}
}
@media(max-height:640px) and (min-width:701px){
 .tv-shell{padding-bottom:clamp(17px,3.6vh,27px)}
}
@media(max-height:500px) and (min-width:701px){
 .tv-shell{padding-bottom:clamp(14px,3.5vh,20px)}
}
@media(max-width:700px){
 .tv-shell{padding-bottom:clamp(18px,3vh,29px)}
}
@media(max-width:700px) and (orientation:landscape){
 .tv-shell{padding-bottom:clamp(12px,2.7vh,19px)}
}
@media(max-height:420px) and (orientation:landscape){
 .tv-shell{padding-bottom:clamp(10px,2.6vh,15px)}
}

/* Unified Turkish red TV palette */
:root{--pink:#e30a17;--violet:#ff413b;--white:#fff;--muted:#d0b7b9}
html,body{background:#080204!important}
.tv-shell:before{background:radial-gradient(ellipse at 78% 23%,#e30a1735,transparent 53%),linear-gradient(115deg,#080204,#1c050a 66%,#0a0305)!important}
.tv-play{background:linear-gradient(115deg,#ff413a,#d00618)!important;box-shadow:0 11px 35px #e30a1750!important}
.tv-bottom{background:linear-gradient(100deg,#30060fe9,#170307f5)!important;border-color:#e30a1755!important}
.tv-spectrum-glow{background:radial-gradient(circle,#e30a174f,#8500102b 47%,transparent 71%)!important}


/* TÜRKVOX TV: approved red vinyl PWA icon in the center of the audio-reactive spectrum. */
.tv-spectrum-stage>.tv-spectrum-icon{
 position:absolute!important;
 inset:auto!important;
 top:50%!important;
 left:50%!important;
 transform:translate(-50%,-50%)!important;
 display:block!important;
 width:clamp(100px,38%,214px)!important;
 height:auto!important;
 aspect-ratio:1/1!important;
 max-width:44%!important;
 max-height:44%!important;
 object-fit:contain!important;
 border-radius:19%!important;
 box-shadow:0 0 0 1px rgba(255,100,100,.11),0 0 32px rgba(227,10,23,.30)!important;
 filter:drop-shadow(0 6px 19px rgba(0,0,0,.36))!important;
 z-index:3!important;
 pointer-events:none!important;
}
@media(max-width:700px){
 .tv-spectrum-stage>.tv-spectrum-icon{
  width:39%!important;
  max-width:42%!important;
  max-height:42%!important;
 }
}
@media(max-height:620px){
 .tv-spectrum-stage>.tv-spectrum-icon{
  width:35%!important;
  max-width:41%!important;
  max-height:41%!important;
 }
}


/* White Turkish crescent + star within TV/Android TV audio-reactive rhythms */
.tv-spectrum-stage > .tv-spectrum-icon {
  position:absolute!important;
  top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:clamp(118px,43%,226px)!important;
  height:auto!important;
  max-width:45%!important;max-height:45%!important;
  aspect-ratio:1 / 1!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 14px rgba(255,255,255,.12))!important;
  object-fit:contain!important;
  pointer-events:none!important;
  z-index:3!important;
}
@media (max-width:700px){
  .tv-spectrum-stage > .tv-spectrum-icon{
    width:43%!important;max-width:43%!important;max-height:43%!important;
  }
}
@media (max-height:620px){
  .tv-spectrum-stage > .tv-spectrum-icon{
    width:39%!important;max-width:42%!important;max-height:42%!important;
  }
}

/* TürkVox Radio: initial 3-second brand screen (PWA, TV and TV WebView). */
.turkvox-splash{
 position:fixed!important;inset:0!important;z-index:2147483000!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-width:100vw;min-height:100vh;min-height:100dvh;
 background:radial-gradient(ellipse at 50% 45%,#490711 0%,#1b0208 36%,#070306 78%);
 color:#fff;overflow:hidden;isolation:isolate;opacity:1;visibility:visible;
 transition:opacity .72s cubic-bezier(.23,1,.32,1),visibility 0s linear .72s;
 -webkit-font-smoothing:antialiased;pointer-events:auto;
}
.turkvox-splash::before{
 content:"";position:absolute;inset:14%;border-radius:50%;
 background:radial-gradient(circle,rgba(227,10,23,.2),transparent 65%);
 filter:blur(28px);animation:turkvoxSplashGlow 2s ease-in-out infinite alternate;
 pointer-events:none;
}
.turkvox-splash-inner{
 position:relative;z-index:1;display:flex;flex-direction:column;
 align-items:center;justify-content:center;gap:clamp(14px,3vh,30px);
 width:min(88vw,760px);text-align:center;
 transform:scale(1);filter:blur(0);
 transition:transform .72s cubic-bezier(.23,1,.32,1),filter .72s ease;
}
.turkvox-splash-logo{
 display:block;width:min(62vw,340px);height:auto;max-height:62vh;object-fit:contain;
 filter:drop-shadow(0 0 28px rgba(227,10,23,.3));
 animation:turkvoxSplashEnter .75s ease-out both;
}
.turkvox-splash--tv .turkvox-splash-logo{
 width:min(72vw,690px);max-height:55vh;aspect-ratio:auto;
}
.turkvox-splash-loader{width:clamp(120px,27vw,240px);height:3px;border-radius:4px;background:rgba(255,255,255,.17);overflow:hidden}
.turkvox-splash-loader span{display:block;width:100%;height:100%;border-radius:4px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#a30914,#ef3947,#fff);animation:turkvoxSplashFill 3s linear both}
.turkvox-splash-caption{margin:0!important;color:#e7b5bc;font:500 clamp(11px,1.9vw,14px)/1.3 system-ui,-apple-system,sans-serif!important;letter-spacing:.11em}
.turkvox-splash--out{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.turkvox-splash--out .turkvox-splash-inner{transform:scale(1.08);filter:blur(9px)}
@keyframes turkvoxSplashFill{to{transform:scaleX(1)}}
@keyframes turkvoxSplashEnter{from{opacity:.4;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes turkvoxSplashGlow{from{opacity:.45;transform:scale(.9)}to{opacity:1;transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){
 .turkvox-splash::before,.turkvox-splash-logo{animation:none!important}
 .turkvox-splash--out,.turkvox-splash--out .turkvox-splash-inner{transition-duration:.15s!important}
}