/* ORGAZAM FOLK STUDIO - cinematic listening modal */
body.studio-song-modal-open{overflow:hidden}
.studio-song-modal[hidden]{display:none!important}
.studio-song-modal{
 position:fixed;inset:0;z-index:200000;
 display:flex;align-items:center;justify-content:center;
 background:rgba(3,6,16,.78);
 -webkit-backdrop-filter:blur(13px) saturate(.9);
 backdrop-filter:blur(13px) saturate(.9);
 padding:24px 15px;overflow-y:auto;overscroll-behavior:contain;
 animation:studio-song-backdrop .22s ease-out;
}
.studio-song-panel{
 isolation:isolate;position:relative;width:min(100%,420px);
 max-height:calc(100dvh - 30px);overflow-y:auto;
 color:#f8f3e9;text-align:center;
 border:1px solid rgba(229,188,126,.47);
 border-radius:23px;
 background:linear-gradient(154deg,#212b3d 0%,#171c2c 55%,#151823 100%);
 padding:20px 26px 25px;
 box-shadow:0 34px 90px rgba(0,0,0,.78),0 0 65px rgba(137,95,135,.17),inset 0 1px rgba(255,255,255,.10);
 animation:studio-song-enter .26s cubic-bezier(.18,.75,.26,1.05);
 scrollbar-width:thin;
}
.studio-song-panel::before{
 content:"";position:absolute;z-index:-1;
 left:3%;top:0;width:94%;height:52%;
 background:radial-gradient(ellipse at 50% 22%,rgba(208,118,148,.18),transparent 70%);
 pointer-events:none;
}
.studio-song-close{
 position:absolute;top:11px;right:11px;
 height:37px;width:37px;display:grid;place-items:center;
 border:1px solid rgba(255,255,255,.19);border-radius:50%;
 background:rgba(12,17,29,.70);color:#f7eee0;font-size:24px;line-height:1;
 z-index:2;
}
.studio-song-close:hover,.studio-song-close:focus-visible{
 border-color:#edc58a;background:#313749;
}
.studio-song-overline{
 margin:4px auto 13px;padding-right:33px;
 color:#e9c997;font-size:10px;letter-spacing:1.9px;font-weight:800;
}
.studio-song-art{
 width:min(215px,57vw);height:min(215px,57vw);
 margin:0 auto 17px;padding:4px;overflow:hidden;
 border-radius:15px;
 background:linear-gradient(135deg,#f1d6a7 0%,#8e638d 52%,#ddb97c 100%);
 box-shadow:0 16px 32px #0008,0 0 0 1px #e5c78d35;
}
.studio-song-image{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center;
 border-radius:11px;background:#242535;
}
.studio-song-type{font-size:11px;letter-spacing:1.2px;color:#e7c797;text-transform:uppercase;font-weight:800}
.studio-song-title{
 font-family:Georgia,"Times New Roman",serif!important;
 font-weight:600;font-size:clamp(23px,4.8vw,30px)!important;
 color:#fff6ea;line-height:1.16;margin:7px 0 5px;overflow-wrap:anywhere;
}
.studio-song-artist{font-size:12px;letter-spacing:.8px;font-weight:700;color:#c9cdd9}
.studio-song-progress-wrap{margin:23px 0 7px}
.studio-song-seek{
 width:100%;height:9px;min-height:9px;margin:0;
 display:block;padding:0;cursor:pointer;
 appearance:none;-webkit-appearance:none;border:0;border-radius:30px;
 background:linear-gradient(to right,#f1c881 0%,#f1c881 var(--song-percent),#424858 var(--song-percent),#424858 100%);
 outline-offset:7px;
}
.studio-song-seek::-webkit-slider-thumb{
 appearance:none;-webkit-appearance:none;
 width:17px;height:17px;background:#fff1d7;
 border:3px solid #d7a76a;border-radius:50%;
 box-shadow:0 2px 7px rgba(0,0,0,.5);
}
.studio-song-seek::-moz-range-thumb{
 width:12px;height:12px;background:#fff1d7;
 border:3px solid #d7a76a;border-radius:50%;cursor:pointer;
}
.studio-song-seek:disabled{cursor:default;opacity:.65}
.studio-song-clock{
 margin-top:8px;
 display:flex;justify-content:space-between;align-items:center;
 font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;color:#bfc6d5;
}
.studio-song-controls{
 display:flex;align-items:center;justify-content:center;gap:29px;margin:8px auto 13px;
}
.studio-song-controls button{
 display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;
}
.studio-song-skip{
 gap:2px;min-width:44px;height:44px;padding:0;
 color:#e6d3b3;background:transparent;font-size:34px;font-family:system-ui,sans-serif;
}
.studio-song-skip small{font-size:10px;font-weight:800;letter-spacing:0;align-self:center}
.studio-song-toggle{
 width:69px;height:69px;border-radius:50%!important;
 font-size:30px;color:#151b28;background:linear-gradient(155deg,#ffe0a0,#b98b50);
 box-shadow:0 9px 23px #0008,0 0 0 6px rgba(228,189,117,.10);
 font-weight:900;
}
.studio-song-toggle:hover,.studio-song-toggle:focus-visible{filter:brightness(1.13)}
.studio-song-skip:hover,.studio-song-skip:focus-visible{color:#fff}
.studio-song-stats{
 display:flex;align-items:center;justify-content:center;gap:6px;
 font-size:12px;color:#d8d7df;margin-top:7px;
}
.studio-song-stats strong{font-weight:800;color:#f1d39d;font-size:13px}
.studio-song-stats span{margin:0 6px;color:#777d90}
.studio-song-hint{margin:6px 0 16px;font-size:11px;color:#aab7cc;min-height:17px}
.studio-song-order{
 display:flex;align-items:center;justify-content:center;gap:8px;
 min-height:48px;padding:11px 16px;border-radius:11px;
 font-size:13px;font-weight:800;text-decoration:none!important;
 background:linear-gradient(155deg,#e8bf7b,#c99e68);color:#171b24!important;
 box-shadow:0 6px 17px rgba(0,0,0,.22);
}
.studio-song-order:hover,.studio-song-order:focus-visible{background:#f6d59b;color:#151722!important}
.studio-song-modal button:focus-visible,.studio-song-modal a:focus-visible,.studio-song-modal input:focus-visible{
 outline:2px solid #ffe9b5;outline-offset:3px;
}
@keyframes studio-song-backdrop{from{opacity:0}to{opacity:1}}
@keyframes studio-song-enter{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){
 .studio-song-modal{padding:10px}
 .studio-song-panel{max-height:calc(100dvh - 20px);border-radius:17px;padding:16px 18px 20px}
 .studio-song-overline{margin-top:7px;margin-bottom:9px;font-size:9px}
 .studio-song-art{width:min(190px,49vw);height:min(190px,49vw);margin-bottom:13px}
 .studio-song-title{font-size:23px!important}
 .studio-song-progress-wrap{margin-top:17px}
 .studio-song-controls{gap:22px;margin:5px auto 10px}
 .studio-song-toggle{width:60px;height:60px;font-size:27px}
 .studio-song-order{min-height:44px}
}
@media(max-height:690px){
 .studio-song-panel{padding-top:12px;padding-bottom:14px}
 .studio-song-art{width:min(165px,39vh);height:min(165px,39vh);margin-bottom:9px}
 .studio-song-overline{margin-bottom:7px}
 .studio-song-progress-wrap{margin-top:12px}
 .studio-song-controls{margin-bottom:4px}
 .studio-song-hint{margin-bottom:7px}
}
@media(prefers-reduced-motion:reduce){
 .studio-song-modal,.studio-song-panel{animation:none}
}

/* STATIC PLAY OUTLINE — visible only after "Чуй пример", no flashing or pulsing. */
html.rof-preview-highlight .listen-samples .preview-play:not(:disabled) {
  background:#202e2b;
  border:2px solid #8bf0ae;
  color:#f6fff9;
  box-shadow:0 0 0 3px rgba(72,232,133,.25),0 0 13px 2px rgba(40,231,119,.36);
  animation:none!important;
  transform:none!important;
  transition:border-color .15s ease,box-shadow .15s ease;
}
html.rof-preview-highlight .listen-samples .preview-play:not(:disabled)::before,
html.rof-preview-highlight .listen-samples .preview-play:not(:disabled)::after {
  display:none!important;
  animation:none!important;
}