/* Xrom — suyuq metall, ko'zgu jilosi va kelajak estetikasi. */
.t-xrom .inv{background:radial-gradient(circle at 70% 4%,var(--w1),transparent 30%),linear-gradient(155deg,var(--p1),var(--p2) 52%,var(--p1));color:var(--tx);isolation:isolate}
.t-xrom .nt-art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;filter:contrast(1.05)}
.t-xrom .nt-art i{position:absolute;width:280px;height:230px;border-radius:58% 42% 66% 34%/43% 62% 38% 57%;background:radial-gradient(circle at 30% 20%,#fff 0 3%,var(--w3) 8%,var(--gl) 22%,var(--w2) 46%,var(--p2) 70%);box-shadow:inset -20px -24px 42px var(--w4),0 30px 70px var(--w4);opacity:.6;animation:xrMorph 10s ease-in-out infinite alternate}
.t-xrom .nt-art i:nth-child(1){top:80px;right:-170px}.t-xrom .nt-art i:nth-child(2){top:760px;left:-180px;width:340px;height:280px;animation-delay:-3s}.t-xrom .nt-art i:nth-child(3){top:1600px;right:-180px;animation-delay:-6s}.t-xrom .nt-art i:nth-child(4){top:2520px;left:-150px}.t-xrom .nt-art i:nth-child(n+5){display:none}
@keyframes xrMorph{to{transform:rotate(18deg) scale(1.12);border-radius:38% 62% 31% 69%/64% 35% 65% 36%}}
.t-xrom .gate{background:radial-gradient(circle at 70% 12%,var(--w1),transparent 32%),linear-gradient(155deg,var(--p1),var(--p2));color:var(--tx)}
.t-xrom .frame{padding:58px 20px 38px;border:1px solid rgba(255,255,255,.72);border-radius:46px 150px 46px 150px;background:linear-gradient(145deg,rgba(255,255,255,.55),var(--card));box-shadow:0 32px 72px var(--w4),inset 0 2px rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(1.45);overflow:hidden}
.t-xrom .frame:before{content:"";position:absolute;inset:-45% 20%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.72) 48%,transparent 64%);animation:xrShine 6s ease-in-out infinite}.t-xrom .frame:after{content:"∞";position:absolute;top:18px;right:28px;color:var(--gl);font:32px/1 var(--fd)}
@keyframes xrShine{0%,100%{transform:translateX(-170%) rotate(8deg)}55%{transform:translateX(170%) rotate(8deg)}}
.t-xrom .names{font-family:var(--fd);font-size:clamp(48px,13vw,67px);font-weight:600;line-height:.9;letter-spacing:-.045em;text-shadow:0 2px rgba(255,255,255,.8)}.t-xrom .names .amp{font-size:.48em;color:var(--gl)}
.t-xrom .datebig{font-size:59px;color:var(--gl)}.t-xrom .greeting p::first-line{font-size:35px;color:var(--gl)}
.t-xrom .cd div,.t-xrom .ev,.t-xrom .parents>div,.t-xrom .note,.t-xrom .wi,.t-xrom .gift .card,.t-xrom .tl .it,.t-xrom .next,.t-xrom .smp{border:1px solid rgba(255,255,255,.7);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.48),var(--card));backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 16px 40px var(--w4),inset 0 1px #fff}
.t-xrom .cd b,.t-xrom .ev .t{color:var(--gl)}.t-xrom .today{border-radius:26px;background:linear-gradient(110deg,var(--gl),var(--w2),var(--gl));background-size:220% 100%;animation:xrMetal 7s linear infinite}
@keyframes xrMetal{to{background-position:220% 0}}
.t-xrom .btn{border-color:rgba(255,255,255,.8);background:var(--card);box-shadow:inset 0 1px #fff}.t-xrom .btn.solid,.t-xrom .env-seal{background:var(--gl);color:#fff}.t-xrom .photo{border:7px solid rgba(255,255,255,.64);border-radius:42% 58% 46% 54%;box-shadow:0 22px 50px var(--w4)}
@media(prefers-reduced-motion:reduce){.t-xrom .nt-art i,.t-xrom .frame:before,.t-xrom .today{animation:none}}