/* Shafaq ko‘l — 04-video: kulrang bo‘rtma konvert + oltin muhr → quyosh botishi, oqqushlar. Ranglar manifest sxemasidan (--sh-*, --sk*, --lk*). */
html.sh.t-shafaq-kol{--sh-rule:var(--sh-accent);--sh-scene:var(--sk2)}
html.sh.t-shafaq-kol body{background:var(--sh-paper);color:var(--sh-ink)}
html.sh.t-shafaq-kol .inv{background:var(--sh-paper)}
/* --- Intro: bo‘rtma pion + yurak naqshi (multiply bilan chuqurlik), oltin muhrda gul --- */
html.sh.t-shafaq-kol .in-env{background:transparent}
html.sh.t-shafaq-kol .in-env .in-flap{background:linear-gradient(180deg,var(--sh-env),var(--sh-env2))}
html.sh.t-shafaq-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='.42' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M60 60c-14-16 2-34 14-22 10-14 30-4 22 12 16-6 26 14 10 22 8 16-12 28-20 14-10 16-32 8-24-8-16 4-24-16-2-18z'/%3E%3Cpath d='M140 130c-10-12 2-26 10-16 8-10 22-2 16 10 12-4 20 10 8 16 6 12-10 22-16 10-8 12-24 6-18-6-12 4-18-12-0-14z'/%3E%3Cpath d='M30 140c-8-8 0-18 8-12 8-6 16 4 8 12l-8 8z'/%3E%3Cpath d='M150 40c-8-8 0-18 8-12 8-6 16 4 8 12l-8 8z'/%3E%3Cpath d='M100 96c6 0 10 6 10 12M112 160c-6 2-12-2-14-8'/%3E%3C/g%3E%3C/svg%3E");opacity:.7}
html.sh.t-shafaq-kol .in-env .in-seal{background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.6),transparent 38%),radial-gradient(circle at 60% 72%,rgba(0,0,0,.22),transparent 45%),var(--sh-seal)}
html.sh.t-shafaq-kol .in-env .in-seal svg{stroke:rgba(70,40,0,.5);width:46px;height:46px}
/* --- Story --- */
html.sh.t-shafaq-kol .story{padding:0;background:var(--sk2)}
html.sh.t-shafaq-kol .story-bg{position:absolute;inset:-6% -8%;z-index:0}
html.sh.t-shafaq-kol .story-bg .scene,html.sh.t-shafaq-kol .story-bg img,html.sh.t-shafaq-kol .sc .scene{position:absolute;inset:0;width:100%;height:100%;display:block}
html.sh.t-shafaq-kol .sc .bg{z-index:1}
html.sh.t-shafaq-kol .sc4 .bg{transform-origin:50% 32%}
/* suv yaltirashi: quyosh yo‘lkasi ustida yorug‘lik qatlami sekin pulsatsiya */
html.sh.t-shafaq-kol .sc::after{content:"";position:absolute;left:50%;top:56%;width:34%;height:26%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 0,var(--sun2),transparent 70%);opacity:.18;z-index:1;pointer-events:none;animation:sfShimmer 3.2s ease-in-out infinite alternate}
@keyframes sfShimmer{from{opacity:.1}to{opacity:.3}}
/* oqqushlar: ikkita qatlam + suvdagi aks */
html.sh.t-shafaq-kol .sw{width:38%;height:auto;top:63%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
html.sh.t-shafaq-kol .sw-l{left:12%}
html.sh.t-shafaq-kol .sw-r{right:12%}
html.sh.t-shafaq-kol .sc.on .sw-l.apart{animation:sfApartL 6s cubic-bezier(.4,0,.6,1) forwards}
html.sh.t-shafaq-kol .sc.on .sw-r.apart{animation:sfApartR 6s cubic-bezier(.4,0,.6,1) forwards}
@keyframes sfApartL{from{transform:translate(0,0)}to{transform:translate(-92%,12%)}}
@keyframes sfApartR{from{transform:translate(0,0)}to{transform:translate(92%,12%)}}
/* sahna 1: monogramma oqqushlar ustida */
html.sh.t-shafaq-kol .sf-mono-box{top:24%}
html.sh.t-shafaq-kol .sf-mono{font-size:min(44vw,190px);line-height:.95;letter-spacing:-.04em;text-shadow:0 4px 24px rgba(0,0,0,.35)}
/* sahna 2 */
html.sh.t-shafaq-kol .sf-tx2{top:33%}
html.sh.t-shafaq-kol .sf-chapter{font-family:var(--sh-script);font-size:17px;line-height:1.5;margin:0 4px 14px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
html.sh.t-shafaq-kol .sf-names{font-family:var(--sh-script);font-size:clamp(34px,11.5vw,48px);line-height:1.1;margin:0;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);white-space:nowrap}
html.sh.t-shafaq-kol .sf-names .n{display:inline}
html.sh.t-shafaq-kol .sf-names .amp{display:inline;font-size:.8em;color:#fff;margin:0 .3em}
html.sh.t-shafaq-kol .sf-host{font-family:var(--sh-sans);font-size:13px;margin:14px 0 0;color:#fff;opacity:.9}
html.sh.t-shafaq-kol .sf-host .host-by{letter-spacing:.12em;text-transform:uppercase;font-size:11px}
/* sahna 3: SAQLAB QO‘YING */
html.sh.t-shafaq-kol .sf-tx3{top:30%}
html.sh.t-shafaq-kol .sf-save{font-family:var(--sh-serif);font-weight:700;font-size:clamp(30px,9vw,40px);line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
html.sh.t-shafaq-kol .sf-save em{font-family:var(--sh-script);font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;font-size:.82em;margin:0 .1em}
html.sh.t-shafaq-kol .sf-date{font-family:var(--sh-serif);font-weight:700;font-size:20px;letter-spacing:.14em;margin-top:14px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
html.sh.t-shafaq-kol .sf-venue{font-family:var(--sh-serif);font-size:15px;letter-spacing:.14em;line-height:1.5;margin-top:12px;color:#fff;opacity:.95;text-shadow:0 1px 8px rgba(0,0,0,.5)}
/* sahna 4 */
html.sh.t-shafaq-kol .sf-tx4{top:44%}
html.sh.t-shafaq-kol .sf-looking{font-family:var(--sh-script);font-size:clamp(28px,8vw,36px);margin:0;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
html.sh.t-shafaq-kol .sc-more{text-shadow:0 1px 6px rgba(0,0,0,.6)}
/* --- Scroll bo‘limlar (to‘q siyoh fon, sariq urg‘u) --- */
html.sh.t-shafaq-kol .sf-h{font-family:var(--sh-serif);font-weight:700;font-size:38px;letter-spacing:.06em;line-height:1.1;margin:0 0 8px;color:var(--sh-ink)}
html.sh.t-shafaq-kol .content>section{padding:36px 22px}
html.sh.t-shafaq-kol .sf-salut{padding:26px 22px 0}
html.sh.t-shafaq-kol .sf-salut .sal-name{font-family:var(--sh-script);font-size:26px;color:var(--sh-ink)}
html.sh.t-shafaq-kol .sf-count{padding-top:48px}
html.sh.t-shafaq-kol .cd3>div>b{font-family:var(--sh-serif);font-weight:700;font-size:46px}
html.sh.t-shafaq-kol .cd3>div>span{font-family:var(--sh-sans);font-size:10px}
html.sh.t-shafaq-kol .sf-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,.4)}
html.sh.t-shafaq-kol .sf-photo-in img{width:100%;height:100%;object-fit:cover}
html.sh.t-shafaq-kol .sf-quote{padding-top:10px}
html.sh.t-shafaq-kol .ital{color:var(--sh-ink2)}
html.sh.t-shafaq-kol .sf-evs{display:flex;flex-direction:column;gap:14px;margin-top:18px}
html.sh.t-shafaq-kol .sf-ev{background:var(--sh-card);border:1px solid var(--sh-line);border-radius:6px;padding:22px 18px 18px;position:relative}
html.sh.t-shafaq-kol .sf-ev::before{content:"";position:absolute;left:50%;top:-1px;width:60px;height:2px;background:var(--sh-accent);transform:translateX(-50%)}
html.sh.t-shafaq-kol .sf-ev-t{font-family:var(--sh-serif);font-weight:700;font-size:34px;letter-spacing:.06em;line-height:1;color:var(--sh-accent)}
html.sh.t-shafaq-kol .sf-ev-n{font-family:var(--sh-script);font-weight:400;font-size:28px;margin:6px 0 4px;color:var(--sh-ink)}
html.sh.t-shafaq-kol .sf-ev-d{font-size:14px;margin-bottom:8px}
html.sh.t-shafaq-kol .sf-ev-v{font-family:var(--sh-sans);font-weight:600;font-size:15px;color:var(--sh-ink)}
html.sh.t-shafaq-kol .sf-ev-a{font-family:var(--sh-sans);font-size:13px;line-height:1.5;color:var(--sh-ink2);margin-top:4px}
html.sh.t-shafaq-kol .sf-ev .lnks{margin-top:12px}
html.sh.t-shafaq-kol .lnk{color:var(--sh-ink);border-bottom-color:var(--sh-line);font-family:var(--sh-sans);font-size:12px}
html.sh.t-shafaq-kol .parents>div{border-color:var(--sh-line)}
html.sh.t-shafaq-kol .parents .nm{font-family:var(--sh-sans);font-weight:500}
html.sh.t-shafaq-kol .note{background:var(--sh-card);border:1px solid var(--sh-line);border-radius:6px;color:var(--sh-ink)}
html.sh.t-shafaq-kol .gift .card{color:var(--sh-ink);border-color:var(--sh-line)}
html.sh.t-shafaq-kol .wi{background:var(--sh-card);border-color:var(--sh-line)}
html.sh.t-shafaq-kol .rsvp2 .form input,html.sh.t-shafaq-kol .rsvp2 .form select,html.sh.t-shafaq-kol .rsvp2 .form textarea{background:rgba(255,255,255,.08);border-color:var(--sh-line);color:var(--sh-ink)}
html.sh.t-shafaq-kol .rsvp2 .form input::placeholder,html.sh.t-shafaq-kol .rsvp2 .form textarea::placeholder{color:var(--sh-ink2)}
html.sh.t-shafaq-kol .rsvp2 .form select option{color:#222}
html.sh.t-shafaq-kol .rsvp2 .seg button::before{border-color:var(--sh-ink2)}
html.sh.t-shafaq-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-shafaq-kol .rsvp2 label.lb,html.sh.t-shafaq-kol .rsvp2 .lb,html.sh.t-shafaq-kol .rsvp2 .seg button,html.sh.t-shafaq-kol .rsvp2 .form input,html.sh.t-shafaq-kol .rsvp2 .form select,html.sh.t-shafaq-kol .rsvp2 .form textarea,html.sh.t-shafaq-kol .rsvp2 .ok{font-family:var(--sh-sans);font-size:15px}
html.sh.t-shafaq-kol .rsvp2 .btn.solid{font-family:var(--sh-sans);letter-spacing:.18em}
html.sh.t-shafaq-kol .btn{color:var(--sh-ink);border-color:var(--sh-line)}
html.sh.t-shafaq-kol .btn.solid{color:#fff}
html.sh.t-shafaq-kol .closing{font-family:var(--sh-script);color:var(--sh-accent)}
html.sh.t-shafaq-kol .today{background:var(--sh-btn)}
html.sh.t-shafaq-kol .tl .it{background:var(--sh-card);border-color:var(--sh-line)}
html.sh.t-shafaq-kol .tl .h{color:var(--sh-ink)}
html.sh.t-shafaq-kol .next{background:var(--sh-card);border-color:var(--sh-line);color:var(--sh-ink2)}
html.sh.t-shafaq-kol .next b{color:var(--sh-ink)}
html.sh.t-shafaq-kol .smp{background:var(--sh-card);border-color:var(--sh-line)}
html.sh.t-shafaq-kol .smp-l a,html.sh.t-shafaq-kol .wm,html.sh.t-shafaq-kol .wm a,html.sh.t-shafaq-kol .smp-n,html.sh.t-shafaq-kol .empty{color:var(--sh-ink2)}
html.sh.t-shafaq-kol .sf-foot{padding:60px 22px 10px}
html.sh.t-shafaq-kol .sf-foot-mono{font-family:var(--sh-script);font-size:64px;line-height:1;color:var(--sh-accent);letter-spacing:-.04em}
html.sh.t-shafaq-kol .sf-foot-n{font-family:var(--sh-script);font-weight:400;font-size:34px;margin:6px 0 10px;color:var(--sh-ink)}
html.sh.t-shafaq-kol .sf-foot-n em{font-style:normal;color:var(--sh-accent)}
html.sh.t-shafaq-kol .sf-foot .caps{letter-spacing:.3em;color:var(--sh-ink2)}
html.sh.t-shafaq-kol .langs{background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.18)}
html.sh.t-shafaq-kol .langs button{color:rgba(255,255,255,.75)}
html.sh.t-shafaq-kol .music{background:rgba(255,255,255,.85);color:#2a1a24}
@media (prefers-reduced-motion:reduce){.t-shafaq-kol .sc::after,html.sh.t-shafaq-kol .sc.on .sw-l.apart,html.sh.t-shafaq-kol .sc.on .sw-r.apart{animation:none}}
@media (max-width:360px){.t-shafaq-kol .sf-mono{font-size:150px}.t-shafaq-kol .sw{width:40%}}