/* Xattot — Neon kalligrafiya: tungi devor, shisha-naychadek yonib turuvchi ismlar, chaqnash, perspektiv to‘r. Ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-xattot .inv{background:radial-gradient(ellipse at 50% 0%,var(--p2),var(--p1) 62%);color:var(--tx)}
.t-xattot .wash{position:absolute;inset:0;pointer-events:none;z-index:0;
  background:repeating-linear-gradient(0deg,transparent 0 46px,var(--w4) 46px 47px),repeating-linear-gradient(90deg,transparent 0 46px,var(--w4) 46px 47px);opacity:.55;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 30%,#000 70%,transparent);mask:linear-gradient(180deg,transparent 0,#000 30%,#000 70%,transparent)}
.t-xattot .content{padding:64px 22px 48px;gap:26px}
.t-xattot .small{font-family:var(--fb);font-size:10px;letter-spacing:.32em;color:var(--gl);text-shadow:0 0 8px var(--w1)}
/* Neon naycha ramka */
.t-xattot .xt-hero{position:relative;padding:20px 0 60px}
.t-xattot .xt-tube{position:relative;padding:34px 18px 30px;border:3px solid var(--gl);border-radius:28px;background:rgba(0,0,0,.28);
  box-shadow:0 0 6px var(--gl),0 0 22px var(--w1),inset 0 0 18px var(--w1);animation:xtHum 3.2s ease-in-out infinite alternate}
@keyframes xtHum{from{box-shadow:0 0 5px var(--gl),0 0 18px var(--w1),inset 0 0 14px var(--w1)}to{box-shadow:0 0 8px var(--gl),0 0 30px var(--w1),inset 0 0 24px var(--w1)}}
.t-xattot .xt-eb{font-family:var(--fb);font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--tx2);margin-bottom:16px}
.t-xattot .xt-ph{width:160px;height:160px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:2px solid var(--gl);box-shadow:0 0 18px var(--w1);filter:saturate(1.15) contrast(1.05)}
.t-xattot .xt-ph img{width:100%;height:100%;object-fit:cover}
.t-xattot .names{font-family:var(--fs);font-size:clamp(40px,12vw,58px);line-height:1.08;margin:4px 0 2px;color:#fff;
  text-shadow:0 0 4px #fff,0 0 12px var(--gl),0 0 28px var(--gl),0 0 56px var(--w1)}
.t-xattot .names .n{display:block}
.t-xattot .names .amp{font-size:.62em;color:var(--gl);text-shadow:0 0 6px var(--gl),0 0 22px var(--gl);animation:xtFlick 6s linear infinite}
@keyframes xtFlick{0%,86%,100%{opacity:1}87%{opacity:.35}88%{opacity:1}91%{opacity:.5}92%{opacity:1}96%{opacity:.7}97%{opacity:1}}
.t-xattot .hero .host-of{color:var(--tx2);letter-spacing:.3em;font-size:10px;margin-bottom:6px}
.t-xattot .hero .host{font-family:var(--fd);color:var(--tx2);font-size:16px;margin-top:12px}
.t-xattot .hero .host .host-line{color:#fff;text-shadow:0 0 8px var(--w1)}
.t-xattot .xt-date{display:flex;flex-direction:column;gap:4px;margin-top:20px}
.t-xattot .xt-d{font-family:var(--fn);font-size:30px;letter-spacing:.14em;color:var(--gl);text-shadow:0 0 10px var(--w1)}
.t-xattot .xt-w{font-family:var(--fb);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--tx2)}
.t-xattot .quote{margin:16px 0 0;padding:0;font-family:var(--fd);font-style:italic;font-size:16px;color:var(--tx2)}
/* Perspektiv pol */
.t-xattot .xt-floor{position:absolute;left:-40%;right:-40%;bottom:0;height:70px;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(90deg,transparent 0 30px,var(--w1) 30px 31px),linear-gradient(180deg,transparent,var(--w2));transform:perspective(160px) rotateX(58deg);transform-origin:50% 100%}
.t-xattot .salut,.t-xattot .greeting{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.25);padding:22px 18px}
.t-xattot .greeting p{font-family:var(--fd);font-style:normal;font-size:18px;line-height:1.6;color:var(--tx)}
.t-xattot .greeting p::first-line{font-family:var(--fs);font-size:30px;line-height:1.7;color:#fff;text-shadow:0 0 10px var(--gl)}
.t-xattot .datebig{font-family:var(--fn);font-size:56px;color:var(--gl);text-shadow:0 0 14px var(--w1)}
.t-xattot .datebig small{color:var(--tx2)}
.t-xattot .cd div{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:14px}
.t-xattot .cd b{color:#fff;text-shadow:0 0 10px var(--gl)}
.t-xattot .ev,.t-xattot .parents div,.t-xattot .note,.t-xattot .wi,.t-xattot .next,.t-xattot .tl .it,.t-xattot .gift .card,.t-xattot .smp{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:16px;box-shadow:none}
.t-xattot .ev .t{color:var(--gl);text-shadow:0 0 8px var(--w1)}
.t-xattot .ev .n,.t-xattot .parents .nm,.t-xattot .tl .h,.t-xattot .next b,.t-xattot .wi .m{color:var(--tx)}
.t-xattot .today{border-radius:18px;background:var(--gl);color:var(--p1);box-shadow:0 0 30px var(--w1)}
.t-xattot .today .small{color:var(--p1);text-shadow:none;opacity:.85}
.t-xattot .btn{border-radius:999px;box-shadow:0 0 10px var(--w1)}
.t-xattot .btn.solid{color:var(--p1)}
.t-xattot .seg button,.t-xattot .form input,.t-xattot .form select,.t-xattot .form textarea{border-radius:12px;background:rgba(0,0,0,.3);color:var(--tx);border-color:var(--line)}
.t-xattot .form input::placeholder,.t-xattot .form textarea::placeholder{color:var(--tx2)}
.t-xattot .seg button[aria-pressed="true"]{background:var(--gl);color:var(--p1)}
.t-xattot .together{font-family:var(--fn);color:#fff;text-shadow:0 0 16px var(--gl)}
.t-xattot .together small{font-family:var(--fs);color:var(--gl)}
.t-xattot .tl:before{background:var(--gl);box-shadow:0 0 8px var(--gl)}
.t-xattot .tl .it:before{box-shadow:0 0 0 3px var(--p1),0 0 10px var(--gl)}
.t-xattot .closing{font-family:var(--fs);font-size:30px;color:#fff;text-shadow:0 0 12px var(--gl)}
.t-xattot .cal .m,.t-xattot .cal .dn span{color:var(--tx)}
.t-xattot .cal .dn span.on{box-shadow:0 0 16px var(--gl)}
.t-xattot .music,.t-xattot .langs{background:rgba(0,0,0,.4)}
/* Konvert — tungi */
.t-xattot .gate{background:radial-gradient(ellipse at 50% 20%,var(--p2),var(--p1) 70%);color:var(--tx)}
.t-xattot .gate-names{color:#fff;text-shadow:0 0 12px var(--gl)}
.t-xattot .env-seal{box-shadow:0 0 24px var(--gl)}
@media (prefers-reduced-motion:reduce){.t-xattot .xt-tube,.t-xattot .names .amp{animation:none}}