/* Daraxt — Oilaviy daraxt: farzandlar ismlari shox-barglar ichida, tana pastga tushib ikki oila ildiziga tutashadi. Ota-onalar nomidan to'plami; ranglar manifest sxemasidan (--p1…--w4). */
.t-daraxt .small{font-family:var(--fb);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gl);font-weight:500}
.t-daraxt .content{padding:12px 22px 48px;gap:20px}
.t-daraxt .frame{border:1px solid var(--gl);border-radius:18px;background:var(--card);padding:36px 18px 28px}
.t-daraxt .names{font-family:var(--fs);font-size:clamp(30px,8.6vw,42px);line-height:1.12;letter-spacing:.02em;font-weight:600;color:var(--tx);margin:8px 0 4px}
.t-daraxt .names .amp{font-family:var(--fd);font-style:italic;font-size:.6em;color:var(--gl);margin:2px 0;line-height:1.2}
.t-daraxt .hero .host-of{font-family:var(--fb);font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--gl);margin:12px 0 2px}
.t-daraxt .hero .host{font-family:var(--fd);font-size:16px;line-height:1.45;color:var(--tx2);margin:12px auto 0;max-width:36ch}
.t-daraxt .hero .host .host-line{color:var(--tx);font-weight:600}
.t-daraxt .hero .host .host-by{font-family:var(--fb);font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-left:4px}
.t-daraxt .pr-photo{width:150px;height:150px;margin:14px auto 4px;border-radius:50%;overflow:hidden;border:2px solid var(--gl);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.t-daraxt .pr-photo img{width:100%;height:100%;object-fit:cover}
.t-daraxt .pr-date{margin:18px auto 0;display:inline-grid;gap:3px;justify-items:center;padding:12px 26px;border-top:1px solid var(--gl);border-bottom:1px solid var(--gl)}
.t-daraxt .pr-date b{font-family:var(--fn);font-size:28px;letter-spacing:.1em;font-weight:500;color:var(--tx);line-height:1.1;font-variant-numeric:tabular-nums}
.t-daraxt .pr-date span{font-family:var(--fb);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--tx2)}
.t-daraxt .pr-quote{padding:0 10px}
.t-daraxt .quote{font-family:var(--fd);font-style:italic;font-size:18px;line-height:1.5;color:var(--tx2)}
.t-daraxt .greeting p{font-family:var(--fd);font-style:normal;font-size:18px;line-height:1.62;color:var(--tx)}
.t-daraxt .greeting p::first-line{font-family:var(--fd);font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--gl);line-height:1.9}
.t-daraxt .datebig{font-family:var(--fn);font-size:42px;letter-spacing:.06em;font-weight:500;color:var(--tx)}
.t-daraxt .datebig small{font-family:var(--fb);font-size:10.5px;letter-spacing:.24em;color:var(--gl);font-weight:500}
.t-daraxt .cd{gap:8px}
.t-daraxt .cd div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 4px}
.t-daraxt .cd b{font-family:var(--fn);font-size:26px;font-weight:500;color:var(--tx)}
.t-daraxt .cd span{font-family:var(--fb);font-size:9px;letter-spacing:.14em;color:var(--tx2)}
.t-daraxt .today{background:var(--gl);color:var(--p1);border-radius:18px}
.t-daraxt .today .big{font-family:var(--fn)}
.t-daraxt .today .small{color:var(--p1);opacity:.85}
.t-daraxt .ev{background:var(--card);border:1px solid var(--line);border-radius:18px;text-align:left}
.t-daraxt .ev .t{font-family:var(--fn);font-size:22px;font-weight:500;color:var(--gl)}
.t-daraxt .ev .n{font-family:var(--fd);font-size:19px;font-weight:600;color:var(--tx)}
.t-daraxt .ev .d,.t-daraxt .ev .a{font-family:var(--fb);color:var(--tx2)}
.t-daraxt .parents{gap:10px}
.t-daraxt .parents>div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 10px}
.t-daraxt .parents .who{font-family:var(--fb);font-size:9.5px;letter-spacing:.2em;color:var(--gl);background:transparent;border:0;border-radius:0;padding:0;margin-bottom:5px}
.t-daraxt .parents .nm{font-family:var(--fd);font-size:18px;font-weight:600;line-height:1.3;color:var(--tx);background:transparent;border:0;border-radius:0;padding:0}
.t-daraxt .note{background:var(--card);border:1px solid var(--line);border-radius:18px;font-family:var(--fb);text-align:left}
.t-daraxt .btn{border-radius:999px;font-family:var(--fb);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:11px 18px;border-color:var(--gl);color:var(--gl)}
.t-daraxt .btn.solid{background:var(--gl);color:var(--p1)}
.t-daraxt .form input,.t-daraxt .form select,.t-daraxt .form textarea{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:12px;font-family:var(--fb)}
.t-daraxt .seg button{border-radius:12px;font-family:var(--fb);font-weight:500;letter-spacing:.04em;color:var(--gl);border-color:var(--gl)}
.t-daraxt .seg button[aria-pressed="true"]{background:var(--gl);color:var(--p1)}
.t-daraxt .wi{background:var(--card);border:1px solid var(--line);border-radius:18px}
.t-daraxt .wi .m{font-family:var(--fd)}
.t-daraxt .gift .card{background:var(--card);border:1px solid var(--line);border-radius:18px;font-family:var(--fn);font-weight:500;letter-spacing:.1em;color:var(--tx)}
.t-daraxt .closing{font-family:var(--fd);font-style:italic;font-size:19px;color:var(--tx2)}
.t-daraxt .tl .it{background:var(--card);border:1px solid var(--line);border-radius:18px}
.t-daraxt .tl .it:before{background:var(--gl);box-shadow:0 0 0 3px var(--p1)}
.t-daraxt .tl .h{font-family:var(--fd);font-weight:600}
.t-daraxt .together{font-family:var(--fn);font-weight:500;color:var(--tx)}
.t-daraxt .together small{font-family:var(--fd);font-style:italic;font-size:22px;letter-spacing:.02em;text-transform:none;color:var(--gl)}
.t-daraxt .next{background:var(--card);border:1px solid var(--line);border-radius:18px}
.t-daraxt .next b{font-family:var(--fd);font-weight:600}
.t-daraxt .smp{border-radius:18px}
.t-daraxt .smp-b{border-color:var(--gl);color:var(--gl)}
.t-daraxt .cal{font-family:var(--fd)}
.t-daraxt .cal .dn span.on{color:var(--p1)}
.t-daraxt .gate{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-daraxt .gate-names{font-family:var(--fs);font-size:26px;letter-spacing:.04em}
.t-daraxt .env-back,.t-daraxt .env-front,.t-daraxt .env-flap{border-radius:18px}
.t-daraxt .env-letter{background:var(--p1);color:var(--tx);border-radius:calc(18px - 2px)}
.t-daraxt .env-letter .names{font-size:22px;letter-spacing:.03em}
.t-daraxt .env-seal{border-color:var(--p1);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28) 0,var(--gl) 60%,color-mix(in srgb,var(--gl) 70%,#000) 140%)}
.t-daraxt .music,.t-daraxt .langs{border-color:var(--line)}

.t-daraxt .inv{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-daraxt .wash{position:absolute;inset:0;pointer-events:none;background:var(--gl);opacity:.06;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='%23000'%3E%3Cpath d='M10 30c0-10 8-16 16-16 0 10-6 16-16 16z'/%3E%3Cpath d='M34 8c10 0 16 8 16 16-10 0-16-6-16-16z'/%3E%3Cpath d='M40 40c0-8 6-12 12-12 0 8-4 12-12 12z'/%3E%3Cpath d='M6 52c0-6 4-10 10-10 0 6-4 10-10 10z'/%3E%3Cpath d='M28 54c6 0 10-4 10-10-6 0-10 4-10 10z'/%3E%3C/g%3E%3C/svg%3E") 0 0/70px 70px repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='%23000'%3E%3Cpath d='M10 30c0-10 8-16 16-16 0 10-6 16-16 16z'/%3E%3Cpath d='M34 8c10 0 16 8 16 16-10 0-16-6-16-16z'/%3E%3Cpath d='M40 40c0-8 6-12 12-12 0 8-4 12-12 12z'/%3E%3Cpath d='M6 52c0-6 4-10 10-10 0 6-4 10-10 10z'/%3E%3Cpath d='M28 54c6 0 10-4 10-10-6 0-10 4-10 10z'/%3E%3C/g%3E%3C/svg%3E") 0 0/70px 70px repeat}
.t-daraxt .dr-hero{position:relative;z-index:1;padding:80px 22px 10px;text-align:center}
.t-daraxt .dr-crown{position:relative;margin:0 auto;padding:36px 22px 30px;max-width:380px;border-radius:50% 50% 46% 46%/42% 42% 58% 58%;background:var(--card);border:1px solid var(--gl);box-shadow:0 18px 44px rgba(0,0,0,.1);animation:drIn 1s both}
.t-daraxt .dr-crown:before{content:"";position:absolute;inset:8px;border-radius:inherit;border:1px solid var(--line);pointer-events:none}
.t-daraxt .dr-leaves{position:absolute;inset:0;border-radius:inherit;background:var(--gl);opacity:.09;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='%23000'%3E%3Cpath d='M10 30c0-10 8-16 16-16 0 10-6 16-16 16z'/%3E%3Cpath d='M34 8c10 0 16 8 16 16-10 0-16-6-16-16z'/%3E%3Cpath d='M40 40c0-8 6-12 12-12 0 8-4 12-12 12z'/%3E%3Cpath d='M6 52c0-6 4-10 10-10 0 6-4 10-10 10z'/%3E%3Cpath d='M28 54c6 0 10-4 10-10-6 0-10 4-10 10z'/%3E%3C/g%3E%3C/svg%3E") 0 0/48px 48px repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='%23000'%3E%3Cpath d='M10 30c0-10 8-16 16-16 0 10-6 16-16 16z'/%3E%3Cpath d='M34 8c10 0 16 8 16 16-10 0-16-6-16-16z'/%3E%3Cpath d='M40 40c0-8 6-12 12-12 0 8-4 12-12 12z'/%3E%3Cpath d='M6 52c0-6 4-10 10-10 0 6-4 10-10 10z'/%3E%3Cpath d='M28 54c6 0 10-4 10-10-6 0-10 4-10 10z'/%3E%3C/g%3E%3C/svg%3E") 0 0/48px 48px repeat;pointer-events:none;animation:drSway 9s ease-in-out infinite alternate}
.t-daraxt .dr-crown>:not(i){position:relative}
.t-daraxt .dr-trunk{position:relative;width:14px;height:64px;margin:-2px auto 0;background:linear-gradient(90deg,color-mix(in srgb,var(--gl) 70%,#000),var(--gl),color-mix(in srgb,var(--gl) 70%,#000));border-radius:0 0 6px 6px;transform-origin:top;animation:drGrow .9s .3s cubic-bezier(.2,.8,.25,1) both}
.t-daraxt .dr-hero section>.small{display:none}
.t-daraxt .dr-hero .parents{position:relative;gap:28px;padding-top:26px}
.t-daraxt .dr-hero .parents:before{content:"";position:absolute;left:25%;right:25%;top:0;height:2px;background:var(--gl)}
.t-daraxt .dr-hero .parents>div{position:relative;border-radius:18px 18px 40px 40px;padding:18px 10px 22px}
.t-daraxt .dr-hero .parents>div:before{content:"";position:absolute;left:50%;top:-26px;width:2px;height:26px;background:var(--gl);transform:translateX(-50%)}
.t-daraxt .dr-hero .pr-date{margin-top:20px}
@keyframes drIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes drGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes drSway{from{transform:rotate(-1deg)}to{transform:rotate(1deg)}}
@media (prefers-reduced-motion:reduce){.t-daraxt .dr-crown,.t-daraxt .dr-leaves,.t-daraxt .dr-trunk{animation:none}}