/* Binafsha ko‘l — 05-video: lilac bo‘rtma konvert → vintaj akvarel ko‘l, oqqushlar, kottej. Ranglar manifest sxemasidan (--sh-*, --sk*, --tree*, --lk*). */
html.sh.t-binafsha-kol{--sh-rule:var(--sh-accent);--sh-scene:var(--sk2)}
html.sh.t-binafsha-kol body{background:var(--sh-paper);color:var(--sh-ink)}
html.sh.t-binafsha-kol .inv{background:var(--sh-paper)}
/* --- Intro: bo‘rtma gul + novda naqshi, lilac mum muhr (yurak) --- */
html.sh.t-binafsha-kol .in-env{background:transparent}
html.sh.t-binafsha-kol .in-env .in-flap{background:linear-gradient(180deg,var(--sh-env),var(--sh-env2))}
html.sh.t-binafsha-kol .in-env .in-flap::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.38' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M20 150c30-40 60-70 110-100'/%3E%3Cpath d='M60 112c-10-2-16-10-14-18 8 0 14 6 14 18zM80 96c-2-10 4-18 12-18 2 8-4 16-12 18zM104 80c-10 0-16-8-16-16 8-2 16 6 16 16zM124 64c0-10 8-16 16-14-2 8-8 14-16 14z'/%3E%3Cpath d='M140 130c-12-14 0-30 12-20 12-10 24 6 12 20-6-8-18-8-24 0z'/%3E%3Cpath d='M152 130c0 10-4 18-12 20M40 40c-12-14 0-30 12-20 12-10 24 6 12 20-6-8-18-8-24 0z'/%3E%3Cpath d='M52 40c0 10-4 18-12 20'/%3E%3C/g%3E%3C/svg%3E");opacity:.65}
html.sh.t-binafsha-kol .in-env .in-seal{background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.55),transparent 38%),radial-gradient(circle at 60% 72%,rgba(0,0,0,.16),transparent 45%),var(--sh-seal)}
html.sh.t-binafsha-kol .in-env .in-seal svg{stroke:rgba(70,40,80,.45);fill:rgba(255,255,255,.12);width:48px;height:48px}
/* --- Story --- */
html.sh.t-binafsha-kol .story{padding:0;background:var(--sk2)}
html.sh.t-binafsha-kol .story-bg{position:absolute;inset:-6% -8%;z-index:0}
html.sh.t-binafsha-kol .story-bg .scene,html.sh.t-binafsha-kol .story-bg img,html.sh.t-binafsha-kol .sc .scene{position:absolute;inset:0;width:100%;height:100%;display:block}
html.sh.t-binafsha-kol .sc .bg{z-index:1}
/* vintaj qog‘oz teksturasi + xira chekka */
html.sh.t-binafsha-kol .sc::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(60,40,50,.28) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px)}
/* oqqushlar */
html.sh.t-binafsha-kol .sw{width:38%;height:auto;top:63%;filter:drop-shadow(0 6px 10px rgba(40,30,40,.3)) sepia(.15)}
html.sh.t-binafsha-kol .sw-l{left:12%}
html.sh.t-binafsha-kol .sw-r{right:12%}
html.sh.t-binafsha-kol .sc.on .sw-l.apart{animation:bkApartL 7s cubic-bezier(.4,0,.6,1) forwards}
html.sh.t-binafsha-kol .sc.on .sw-r.apart{animation:bkApartR 7s cubic-bezier(.4,0,.6,1) forwards}
@keyframes bkApartL{from{transform:translate(0,0)}to{transform:translate(-30%,6%)}}
@keyframes bkApartR{from{transform:translate(0,0)}to{transform:translate(30%,6%)}}
/* sahna 3: kottej chapda, oqqushlar oldingi planda suzadi */
html.sh.t-binafsha-kol .cot{left:-8%;top:37%;width:56%;height:auto;opacity:.95}
html.sh.t-binafsha-kol .sc3 .sw-l.far{left:6%;top:56%;width:30%}
html.sh.t-binafsha-kol .sc3 .sw-r.near{right:2%;top:64%;width:46%}
html.sh.t-binafsha-kol .sc.on .sw-l.far{animation:bkSwim 12s ease-in-out forwards}
html.sh.t-binafsha-kol .sc.on .sw-r.near{animation:bkSwim2 12s ease-in-out forwards}
@keyframes bkSwim{from{transform:translateX(0)}to{transform:translateX(18%)}}
@keyframes bkSwim2{from{transform:translateX(0)}to{transform:translateX(-14%)}}
/* sahna 1 */
html.sh.t-binafsha-kol .bk-tx1{top:22%}
html.sh.t-binafsha-kol .bk-mono{font-size:min(40vw,170px);line-height:.95;letter-spacing:-.04em;text-shadow:0 4px 22px rgba(40,30,40,.35)}
html.sh.t-binafsha-kol .bk-names{font-family:var(--sh-serif);font-weight:400;font-size:clamp(26px,7.6vw,32px);line-height:1.15;margin:8px 0 0;color:#fff;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 12px rgba(40,30,40,.45);white-space:nowrap}
html.sh.t-binafsha-kol .bk-names .n{display:inline}
html.sh.t-binafsha-kol .bk-names .amp{display:inline;font-size:.55em;margin:0 .35em;color:#fff;vertical-align:middle}
html.sh.t-binafsha-kol .bk-wdm{font-family:var(--sh-sans);font-weight:400;font-size:13px;letter-spacing:.06em;margin-top:8px;color:#fff;opacity:.92;text-shadow:0 1px 8px rgba(40,30,40,.45)}
/* sahna 2 */
html.sh.t-binafsha-kol .bk-tx2{top:44%}
html.sh.t-binafsha-kol .bk-pleasure{font-family:var(--sh-sans);font-weight:400;font-size:17px;line-height:1.55;margin:0 6px;color:#fff;text-shadow:0 1px 8px rgba(40,30,40,.5)}
html.sh.t-binafsha-kol .bk-host{font-family:var(--sh-sans);font-size:13px;margin:14px 0 0;color:#fff;opacity:.9}
html.sh.t-binafsha-kol .bk-host .host-by{letter-spacing:.12em;text-transform:uppercase;font-size:11px}
/* sahna 3 */
html.sh.t-binafsha-kol .bk-tx3{top:8%;left:7%;right:7%}
html.sh.t-binafsha-kol .sc3::before{content:"";position:absolute;left:0;right:0;top:0;height:62%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(60,45,55,.42),rgba(60,45,55,.28) 70%,transparent)}
html.sh.t-binafsha-kol .bk-names3{font-size:clamp(24px,7vw,30px)}
html.sh.t-binafsha-kol .bk-sched{margin-top:16px;font-family:var(--sh-sans);font-size:16px;line-height:1.7;color:#fff;text-shadow:0 1px 8px rgba(40,30,40,.5)}
html.sh.t-binafsha-kol .bk-sched b{font-weight:600;font-size:17px}
html.sh.t-binafsha-kol .bk-loc{margin-top:18px;text-shadow:0 1px 8px rgba(40,30,40,.5)}
html.sh.t-binafsha-kol .bk-loc-l{font-family:var(--sh-sans);font-size:15px;color:#fff}
html.sh.t-binafsha-kol .bk-loc-v{font-family:var(--sh-serif);font-size:16px;line-height:1.45;letter-spacing:.04em;color:#fff;margin-top:2px;text-shadow:0 1px 3px rgba(40,30,40,.9),0 0 12px rgba(40,30,40,.7)}
html.sh.t-binafsha-kol .bk-wait{margin-top:26px;text-shadow:0 1px 8px rgba(40,30,40,.5)}
html.sh.t-binafsha-kol .bk-wait-c{font-family:var(--sh-serif);font-size:17px;letter-spacing:.06em;color:#fff}
html.sh.t-binafsha-kol .bk-wait-r{font-family:var(--sh-sans);font-size:13px;color:#fff;opacity:.92;margin-top:2px}
/* --- Scroll bo‘limlar (mauve-kulrang fon, oq matn, lilac urg‘u) --- */
html.sh.t-binafsha-kol .bk-h{font-family:var(--sh-serif);font-weight:400;font-size:34px;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;margin:0 0 8px;color:var(--sh-ink)}
html.sh.t-binafsha-kol .content>section{padding:36px 22px}
html.sh.t-binafsha-kol .bk-salut{padding:26px 22px 0}
html.sh.t-binafsha-kol .bk-salut .sal-name{font-family:var(--sh-script);font-size:26px;color:var(--sh-ink)}
html.sh.t-binafsha-kol .bk-count{padding-top:48px}
html.sh.t-binafsha-kol .cd3>div>b{font-family:var(--sh-serif);font-size:44px}
html.sh.t-binafsha-kol .cd3>div>span{font-family:var(--sh-sans);font-size:10px}
html.sh.t-binafsha-kol .caps{font-family:var(--sh-sans);color:var(--sh-ink2)}
html.sh.t-binafsha-kol .bk-photo-in{width:210px;height:210px;margin:0 auto;border-radius:50%;overflow:hidden;border:2px solid var(--sh-accent);box-shadow:0 12px 30px rgba(0,0,0,.3)}
html.sh.t-binafsha-kol .bk-photo-in img{width:100%;height:100%;object-fit:cover}
html.sh.t-binafsha-kol .bk-quote{padding-top:10px}
html.sh.t-binafsha-kol .ital{color:var(--sh-ink2)}
html.sh.t-binafsha-kol .bk-evs{display:flex;flex-direction:column;gap:12px;margin-top:18px;text-align:left}
html.sh.t-binafsha-kol .bk-ev{display:grid;grid-template-columns:auto 1fr;gap:14px;background:var(--sh-card);border:1px solid var(--sh-line);border-radius:6px;padding:16px}
html.sh.t-binafsha-kol .bk-ev-t{font-family:var(--sh-sans);font-weight:600;font-size:22px;color:var(--sh-accent);line-height:1.1;min-width:64px}
html.sh.t-binafsha-kol .bk-ev-n{font-family:var(--sh-serif);font-weight:400;font-size:20px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;color:var(--sh-ink)}
html.sh.t-binafsha-kol .bk-ev-d{font-family:var(--sh-sans);font-size:12px;color:var(--sh-ink2)}
html.sh.t-binafsha-kol .bk-ev-v{font-family:var(--sh-sans);font-weight:500;font-size:15px;color:var(--sh-ink);margin-top:8px}
html.sh.t-binafsha-kol .bk-ev-a{font-family:var(--sh-sans);font-size:13px;line-height:1.5;color:var(--sh-ink2);margin-top:2px}
html.sh.t-binafsha-kol .bk-ev .lnks{align-items:flex-start;margin-top:10px}
html.sh.t-binafsha-kol .lnk{color:var(--sh-ink);border-bottom-color:var(--sh-line);font-family:var(--sh-sans);font-size:12px}
html.sh.t-binafsha-kol .parents>div{border-color:var(--sh-line)}
html.sh.t-binafsha-kol .parents .nm{font-family:var(--sh-sans);font-weight:500}
html.sh.t-binafsha-kol .note{background:var(--sh-card);border:1px solid var(--sh-line);border-radius:6px;color:var(--sh-ink)}
html.sh.t-binafsha-kol .gift .card{color:var(--sh-ink);border-color:var(--sh-line)}
html.sh.t-binafsha-kol .wi{background:var(--sh-card);border-color:var(--sh-line)}
html.sh.t-binafsha-kol .rsvp2 .form input,html.sh.t-binafsha-kol .rsvp2 .form select,html.sh.t-binafsha-kol .rsvp2 .form textarea{background:rgba(255,255,255,.1);border-color:var(--sh-line);color:var(--sh-ink);font-family:var(--sh-sans)}
html.sh.t-binafsha-kol .rsvp2 .form input::placeholder,html.sh.t-binafsha-kol .rsvp2 .form textarea::placeholder{color:var(--sh-ink2)}
html.sh.t-binafsha-kol .rsvp2 .form select option{color:#222}
html.sh.t-binafsha-kol .rsvp2 .seg button{font-family:var(--sh-sans)}
html.sh.t-binafsha-kol .rsvp2 .seg button::before{border-color:var(--sh-ink2)}
html.sh.t-binafsha-kol .rsvp2 .seg button[aria-pressed="true"]::before{border-color:var(--sh-accent);box-shadow:inset 0 0 0 4px var(--sh-accent)}
html.sh.t-binafsha-kol .rsvp2 label.lb,html.sh.t-binafsha-kol .rsvp2 .lb,html.sh.t-binafsha-kol .rsvp2 .ok{font-family:var(--sh-sans);font-size:15px}
html.sh.t-binafsha-kol .rsvp2 .btn.solid{font-family:var(--sh-sans);letter-spacing:.18em}
html.sh.t-binafsha-kol .btn{color:var(--sh-ink);border-color:var(--sh-line);font-family:var(--sh-sans)}
html.sh.t-binafsha-kol .btn.solid{color:#fff}
html.sh.t-binafsha-kol .closing{font-family:var(--sh-script);color:var(--sh-accent)}
html.sh.t-binafsha-kol .today{background:var(--sh-btn)}
html.sh.t-binafsha-kol .tl .it{background:var(--sh-card);border-color:var(--sh-line)}
html.sh.t-binafsha-kol .tl .h{color:var(--sh-ink)}
html.sh.t-binafsha-kol .next{background:var(--sh-card);border-color:var(--sh-line);color:var(--sh-ink2)}
html.sh.t-binafsha-kol .next b{color:var(--sh-ink)}
html.sh.t-binafsha-kol .smp{background:var(--sh-card);border-color:var(--sh-line)}
html.sh.t-binafsha-kol .smp-l a,html.sh.t-binafsha-kol .wm,html.sh.t-binafsha-kol .wm a,html.sh.t-binafsha-kol .smp-n,html.sh.t-binafsha-kol .empty{color:var(--sh-ink2)}
html.sh.t-binafsha-kol .bk-foot{padding:60px 22px 10px}
html.sh.t-binafsha-kol .bk-foot-mono{font-family:var(--sh-script);font-size:64px;line-height:1;color:var(--sh-accent);letter-spacing:-.04em}
html.sh.t-binafsha-kol .bk-foot-n{font-family:var(--sh-serif);font-weight:400;font-size:30px;text-transform:uppercase;letter-spacing:.04em;margin:8px 0 10px;color:var(--sh-ink)}
html.sh.t-binafsha-kol .bk-foot-n em{font-style:normal;font-size:.6em;color:var(--sh-accent);vertical-align:middle}
html.sh.t-binafsha-kol .bk-foot .caps{letter-spacing:.3em}
html.sh.t-binafsha-kol .langs{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.2)}
html.sh.t-binafsha-kol .langs button{color:rgba(255,255,255,.8)}
html.sh.t-binafsha-kol .langs button[aria-pressed="true"]{background:rgba(255,255,255,.9);color:#5a4a58}
html.sh.t-binafsha-kol .music{background:rgba(255,255,255,.88);color:#5a4a58}
@media (prefers-reduced-motion:reduce){.t-binafsha-kol .sc.on .sw-l.apart,html.sh.t-binafsha-kol .sc.on .sw-r.apart,html.sh.t-binafsha-kol .sc.on .sw-l.far,html.sh.t-binafsha-kol .sc.on .sw-r.near{animation:none}}
@media (max-width:360px){.t-binafsha-kol .bk-mono{font-size:140px}.t-binafsha-kol .bk-sched{font-size:15px}}