/* Kitob — Ochiq kitob: ismlar ikki sahifada, xatcho‘p tasma, ikkinchi varaqda ota-onalar — oilaviy yilnoma. Ota-onalar nomidan to'plami; ranglar manifest sxemasidan (--p1…--w4, qo'shimcha o'zgaruvchilar). */
.t-kitob .small{font-family:var(--fb);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gl);font-weight:500}
.t-kitob .content{padding:12px 22px 48px;gap:20px}
.t-kitob .frame{border:1px solid var(--gl);border-radius:6px;background:var(--card);padding:36px 18px 28px}
.t-kitob .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-kitob .names .amp{font-family:var(--fd);font-style:italic;font-size:.6em;color:var(--gl);margin:2px 0;line-height:1.2}
.t-kitob .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-kitob .hero .host{font-family:var(--fd);font-size:16px;line-height:1.45;color:var(--tx2);margin:12px auto 0;max-width:36ch}
.t-kitob .hero .host .host-line{color:var(--tx);font-weight:600}
.t-kitob .hero .host .host-by{font-family:var(--fb);font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-left:4px}
.t-kitob .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-kitob .pr-photo img{width:100%;height:100%;object-fit:cover}
.t-kitob .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-kitob .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-kitob .pr-date span{font-family:var(--fb);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--tx2)}
.t-kitob .pr-quote{padding:0 10px}
.t-kitob .quote{font-family:var(--fd);font-style:italic;font-size:18px;line-height:1.5;color:var(--tx2)}
.t-kitob .greeting p{font-family:var(--fd);font-style:normal;font-size:18px;line-height:1.62;color:var(--tx)}
.t-kitob .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-kitob .datebig{font-family:var(--fn);font-size:42px;letter-spacing:.06em;font-weight:500;color:var(--tx)}
.t-kitob .datebig small{font-family:var(--fb);font-size:10.5px;letter-spacing:.24em;color:var(--gl);font-weight:500}
.t-kitob .cd{gap:8px}
.t-kitob .cd div{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 4px}
.t-kitob .cd b{font-family:var(--fn);font-size:26px;font-weight:500;color:var(--tx)}
.t-kitob .cd span{font-family:var(--fb);font-size:9px;letter-spacing:.14em;color:var(--tx2)}
.t-kitob .today{background:var(--gl);color:var(--p1);border-radius:6px}
.t-kitob .today .big{font-family:var(--fn)}
.t-kitob .today .small{color:var(--p1);opacity:.85}
.t-kitob .ev{background:var(--card);border:1px solid var(--line);border-radius:6px;text-align:left}
.t-kitob .ev .t{font-family:var(--fn);font-size:22px;font-weight:500;color:var(--gl)}
.t-kitob .ev .n{font-family:var(--fd);font-size:19px;font-weight:600;color:var(--tx)}
.t-kitob .ev .d,.t-kitob .ev .a{font-family:var(--fb);color:var(--tx2)}
.t-kitob .parents{gap:10px}
.t-kitob .parents>div{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:14px 10px}
.t-kitob .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-kitob .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-kitob .note{background:var(--card);border:1px solid var(--line);border-radius:6px;font-family:var(--fb);text-align:left}
.t-kitob .btn{border-radius:3px;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-kitob .btn.solid{background:var(--gl);color:var(--p1)}
.t-kitob .form input,.t-kitob .form select,.t-kitob .form textarea{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:4px;font-family:var(--fb)}
.t-kitob .seg button{border-radius:4px;font-family:var(--fb);font-weight:500;letter-spacing:.04em;color:var(--gl);border-color:var(--gl)}
.t-kitob .seg button[aria-pressed="true"]{background:var(--gl);color:var(--p1)}
.t-kitob .wi{background:var(--card);border:1px solid var(--line);border-radius:6px}
.t-kitob .wi .m{font-family:var(--fd)}
.t-kitob .gift .card{background:var(--card);border:1px solid var(--line);border-radius:6px;font-family:var(--fn);font-weight:500;letter-spacing:.1em;color:var(--tx)}
.t-kitob .closing{font-family:var(--fd);font-style:italic;font-size:19px;color:var(--tx2)}
.t-kitob .tl .it{background:var(--card);border:1px solid var(--line);border-radius:6px}
.t-kitob .tl .it:before{background:var(--gl);box-shadow:0 0 0 3px var(--p1)}
.t-kitob .tl .h{font-family:var(--fd);font-weight:600}
.t-kitob .together{font-family:var(--fn);font-weight:500;color:var(--tx)}
.t-kitob .together small{font-family:var(--fd);font-style:italic;font-size:22px;letter-spacing:.02em;text-transform:none;color:var(--gl)}
.t-kitob .next{background:var(--card);border:1px solid var(--line);border-radius:6px}
.t-kitob .next b{font-family:var(--fd);font-weight:600}
.t-kitob .smp{border-radius:6px}
.t-kitob .smp-b{border-color:var(--gl);color:var(--gl)}
.t-kitob .cal{font-family:var(--fd)}
.t-kitob .cal .dn span.on{color:var(--p1)}
.t-kitob .gate{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-kitob .gate-names{font-family:var(--fs);font-size:26px;letter-spacing:.04em}
.t-kitob .env-back,.t-kitob .env-front,.t-kitob .env-flap{border-radius:6px}
.t-kitob .env-letter{background:var(--p1);color:var(--tx);border-radius:calc(6px - 2px)}
.t-kitob .env-letter .names{font-size:22px;letter-spacing:.03em}
.t-kitob .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-kitob .music,.t-kitob .langs{border-color:var(--line)}

.t-kitob .inv{background:linear-gradient(180deg,var(--p2),var(--p1) 40%)}
.t-kitob .wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 30% at 50% 8%,var(--w1),transparent 70%)}
.t-kitob .kb-hero{position:relative;z-index:1;padding:78px 14px 24px;text-align:center}
.t-kitob .kb-hero .host-of{margin-bottom:12px}
.t-kitob .kb-book{position:relative;margin:0 auto;padding:10px;background:var(--cover);border-radius:8px 12px 12px 8px;box-shadow:0 24px 50px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.12)}
.t-kitob .kb-book:before{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:10px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,.35));z-index:2;pointer-events:none;border-radius:4px}
.t-kitob .kb-mark{position:absolute;right:26px;top:-6px;width:22px;height:74px;background:var(--gl);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);z-index:3;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.t-kitob .kb-hero .names{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0;font-size:clamp(22px,6.4vw,30px);letter-spacing:.04em;line-height:1.2}
.t-kitob .kb-hero .names .n{position:relative;min-height:150px;display:grid;align-content:center;padding:26px 12px;background:var(--p1);color:var(--tx)}
.t-kitob .kb-hero .names .n:first-child{border-radius:4px 0 0 4px;transform-origin:right;background:linear-gradient(270deg,var(--p2),var(--p1) 30%);animation:kbL 1.1s cubic-bezier(.2,.8,.25,1) both}
.t-kitob .kb-hero .names .n:last-child{border-radius:0 4px 4px 0;transform-origin:left;background:linear-gradient(90deg,var(--p2),var(--p1) 30%);animation:kbR 1.1s .1s cubic-bezier(.2,.8,.25,1) both}
.t-kitob .kb-hero .names .n:after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:1px;background:var(--line)}
.t-kitob .kb-hero .names .amp{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--gl);color:var(--p1);display:grid;place-items:center;font-size:20px;font-style:italic;box-shadow:0 6px 16px rgba(0,0,0,.25);margin:0}
.t-kitob .kb-hero .host{margin-top:18px}
.t-kitob .kb-b2{margin-top:16px}
.t-kitob .kb-hero section>.small{display:none}
.t-kitob .kb-hero .parents{gap:2px;margin:0}
.t-kitob .kb-hero .parents>div{background:linear-gradient(90deg,var(--p2),var(--p1) 30%);border:0;border-radius:0 4px 4px 0;padding:16px 10px 18px}
.t-kitob .kb-hero .parents>div:first-child{background:linear-gradient(270deg,var(--p2),var(--p1) 30%);border-radius:4px 0 0 4px}
@keyframes kbL{from{opacity:0;transform:perspective(900px) rotateY(-50deg)}to{opacity:1;transform:none}}
@keyframes kbR{from{opacity:0;transform:perspective(900px) rotateY(50deg)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.t-kitob .kb-hero .names .n{animation:none}}