/* Vinil — Retro-vinil: konvertdan sirg‘alib chiqqan aylanuvchi plastinka, yorliqda sana, 70-yillar rangli chiziqlari. Ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-vinil .inv{background:var(--p1);color:var(--tx);background-image:radial-gradient(circle at 50% 0,var(--w1),transparent 50%)}
.t-vinil .content{padding:78px 22px 48px;gap:26px}
.t-vinil .small{font-family:var(--fb);font-size:11px;letter-spacing:.24em;color:var(--gl);font-weight:700}
/* Konvert va plastinka */
.t-vinil .vn-hero{position:relative;padding:10px 0 0}
.t-vinil .vn-sleeve{position:relative;z-index:2;margin:0 auto;width:min(320px,88%);aspect-ratio:1;background:var(--card);border-radius:4px;padding:26px 18px 20px;display:flex;flex-direction:column;justify-content:center;
  box-shadow:0 18px 40px rgba(0,0,0,.22),inset 0 0 0 1px var(--line);overflow:hidden;animation:vnSleeve 1s cubic-bezier(.2,.8,.2,1) both}
.t-vinil .vn-stripes{position:absolute;left:0;right:0;bottom:0;height:34%;background:repeating-linear-gradient(180deg,var(--c1) 0 12px,var(--c2) 12px 24px,var(--c3) 24px 36px);opacity:.9;
  -webkit-mask:linear-gradient(180deg,transparent,#000 40%);mask:linear-gradient(180deg,transparent,#000 40%)}
.t-vinil .vn-eb{position:relative;font-family:var(--fb);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--gl);font-weight:700;margin-bottom:12px}
.t-vinil .vn-ph{position:relative;width:110px;height:110px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid var(--gl)}
.t-vinil .vn-ph img{width:100%;height:100%;object-fit:cover}
.t-vinil .names{position:relative;font-family:var(--fs);font-size:clamp(30px,9vw,42px);line-height:1.05;margin:2px 0;color:var(--tx);text-shadow:3px 3px 0 var(--w1)}
.t-vinil .names .amp{font-family:var(--fs);font-size:.6em;color:var(--gl);text-shadow:none}
.t-vinil .hero .host-of{position:relative;color:var(--gl);font-weight:700;font-size:10px}
.t-vinil .hero .host{position:relative;font-family:var(--fb);font-size:14px;margin-top:8px;color:var(--tx2)}
.t-vinil .hero .host .host-line{color:var(--tx);font-weight:700}
.t-vinil .vn-side{position:relative;display:flex;justify-content:space-between;margin-top:auto;padding-top:14px;font-family:var(--fb);font-size:10px;letter-spacing:.24em;font-weight:700;color:var(--tx)}
.t-vinil .vn-disc{position:relative;z-index:1;width:min(300px,82%);aspect-ratio:1;margin:-52% auto 0;border-radius:50%;
  background:repeating-radial-gradient(circle,#161616 0 1.4px,#242424 1.4px 3px),radial-gradient(circle,#1a1a1a,#0d0d0d);box-shadow:0 14px 34px rgba(0,0,0,.35);
  translate:0 130px;animation:vnOut 1.6s .35s cubic-bezier(.2,.8,.2,1) forwards}
.t-vinil .vn-disc::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 40deg,rgba(255,255,255,.12) 55deg,transparent 70deg,transparent 220deg,rgba(255,255,255,.1) 235deg,transparent 250deg);animation:vnSpin 6s linear infinite}
.t-vinil .vn-label{position:absolute;left:50%;top:50%;width:38%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:var(--gl);color:var(--p1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 0 0 3px #111,0 0 0 4px rgba(255,255,255,.1)}
.t-vinil .vn-label::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--p1)}
.t-vinil .vn-label b{font-family:var(--fn);font-size:22px;font-weight:700;line-height:1;margin-bottom:12px}
.t-vinil .vn-label i{position:absolute;bottom:14%;font-style:normal;font-family:var(--fb);font-size:9px;letter-spacing:.16em;font-weight:700}
@keyframes vnOut{to{translate:0 0}}
@keyframes vnSpin{to{transform:rotate(360deg)}}
@keyframes vnSleeve{from{opacity:0;transform:translateY(-16px)}to{opacity:1}}
.t-vinil .vn-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;margin-top:22px;font-family:var(--fb);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--tx2)}
.t-vinil .vn-meta>span{padding:0 12px;border-right:2px solid var(--line)}
.t-vinil .vn-meta>span:last-child{border-right:0}
.t-vinil .quote{margin:16px 0 0;padding:0;font-family:var(--fd);font-style:italic;font-size:16px;color:var(--tx2)}
.t-vinil .salut,.t-vinil .greeting{background:var(--card);border-radius:4px;padding:22px 18px;box-shadow:inset 0 0 0 1px var(--line)}
.t-vinil .greeting p{font-family:var(--fd);font-style:normal;font-size:18px;line-height:1.6;color:var(--tx)}
.t-vinil .greeting p::first-line{font-family:var(--fs);font-size:28px;line-height:1.6;color:var(--gl)}
.t-vinil .datebig{font-family:var(--fn);font-size:54px;font-weight:700;color:var(--tx)}
.t-vinil .datebig small{color:var(--gl);font-weight:700}
.t-vinil .cd{gap:8px}
.t-vinil .cd div{background:var(--card);border:0;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line);border-bottom:4px solid var(--c1)}
.t-vinil .cd div:nth-child(2){border-bottom-color:var(--c2)}
.t-vinil .cd div:nth-child(3){border-bottom-color:var(--c3)}
.t-vinil .cd div:nth-child(4){border-bottom-color:var(--gl)}
.t-vinil .cd b{font-family:var(--fn);font-weight:700;color:var(--tx)}
/* Dastur — treklar ro'yxati */
.t-vinil .vn-prog{text-align:left}
.t-vinil .vn-ev{list-style:none;margin:14px 0 0;padding:0;counter-reset:vn}
.t-vinil .vn-ev li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px 12px;background:var(--card);border-radius:4px;margin-bottom:8px;box-shadow:inset 0 0 0 1px var(--line);counter-increment:vn;position:relative;align-items:start}
.t-vinil .vn-t{font-family:var(--fn);font-size:22px;font-weight:700;color:var(--gl);line-height:1.1;grid-row:span 3;min-width:56px}
.t-vinil .vn-t::before{content:"A" counter(vn);display:block;font-family:var(--fb);font-size:9px;letter-spacing:.2em;color:var(--tx2)}
.t-vinil .vn-n{font-family:var(--fs);font-size:22px;line-height:1.15;color:var(--tx)}
.t-vinil .vn-d,.t-vinil .vn-a{font-family:var(--fb);font-size:12.5px;line-height:1.45;color:var(--tx2)}
.t-vinil .vn-b .maps{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.t-vinil .frame{border:0;background:transparent;padding:0}
.t-vinil .ev,.t-vinil .parents div,.t-vinil .note,.t-vinil .wi,.t-vinil .next,.t-vinil .tl .it,.t-vinil .gift .card,.t-vinil .smp{background:var(--card);border:0;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line)}
.t-vinil .parents .nm{font-family:var(--fs);font-weight:400;font-size:19px}
.t-vinil .today{border-radius:4px;background:var(--gl)}
.t-vinil .btn{border-radius:4px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.t-vinil .btn.solid{color:var(--p1)}
.t-vinil .seg button,.t-vinil .form input,.t-vinil .form select,.t-vinil .form textarea{border-radius:4px}
.t-vinil .together{font-family:var(--fn);font-weight:700;color:var(--tx)}
.t-vinil .together small{font-family:var(--fs);color:var(--gl)}
.t-vinil .tl .it{border-left:4px solid var(--c1)}
.t-vinil .tl .it:nth-child(even){border-left-color:var(--c2)}
.t-vinil .closing{font-family:var(--fs);font-size:26px;color:var(--gl)}
.t-vinil .cal{display:none}
.t-vinil .gate{background:var(--p1);background-image:radial-gradient(circle at 50% 30%,var(--w1),transparent 50%)}
.t-vinil .env-back,.t-vinil .env-front,.t-vinil .env-flap,.t-vinil .env-letter{border-radius:4px}
.t-vinil .env-back{background:var(--c1)}
.t-vinil .env-front{background:linear-gradient(180deg,var(--c2),var(--c3))}
.t-vinil .env-flap{background:var(--gl)}
.t-vinil .gate-names{font-family:var(--fs)}
@media (prefers-reduced-motion:reduce){.t-vinil .vn-disc::before,.t-vinil .vn-disc,.t-vinil .vn-sleeve{animation:none}.t-vinil .vn-disc{translate:0 0}}