/* Делоскоп · пакет «glavnaya-stil» — собран tests/sobrat_js.py из 5 файлов (partials/sborka.json). Правьте исходники, не этот файл. */
/* --- /css/otchet.css --- */
:root{--r-doc:16px;--line-2:#D9D9D4;--ok-dot:#16723F;--warn-dot:#B86E00;--bad-dot:#B3261E;--na:#A1A1A6}
.n{font-variant-numeric:tabular-nums}
.rezhim-otcheta .hero{padding-block:16px clamp(40px,6vw,72px)}
.rezhim-otcheta .hero .wrap{grid-template-columns:minmax(0,1fr);gap:16px;max-width:calc(1200px + 2*var(--pad))}
.rezhim-otcheta .hero-text{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 16px}
.rezhim-otcheta .hero-text>.eyebrow,.rezhim-otcheta .hero-text>h1,.rezhim-otcheta .hero-text>.glavnaya-display,.rezhim-otcheta .hero-text>.lead,.rezhim-otcheta .hero-text>.doverie-str{display:none}
.rezhim-otcheta .hero-text .check{flex:1 1 360px;max-width:560px;padding:6px}
.rezhim-otcheta .hero-text .check input,.rezhim-otcheta .hero-text .check button{min-height:44px;font-size:17px}
.rezhim-otcheta .hero-text .note{flex:1 1 200px;min-height:0;font-size:15px}
@media (min-width:901px){.rezhim-otcheta .hero-text{position:sticky;top:68px;z-index:9;padding:10px 0;background:rgba(245,245,242,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}
.report.ot{display:block;padding:0;gap:0;border-radius:var(--r-doc);background:var(--card,#fff);box-shadow:0 1px 2px rgba(29,29,31,.04),0 12px 32px rgba(29,29,31,.06)}
.ot-hd,.ot-vd,.ot-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:32px 40px 24px}
.ot-hd{border-bottom:1px solid var(--line,#E6E6E1)}
.ot-who{grid-column:1/8;min-width:0}.ot-rq{grid-column:8/13;min-width:0}
.ot-who .tag{font-size:13px}
.ot-who .company{font-size:32px;line-height:1.15;letter-spacing:-.02em;margin-top:6px}
.ot-who .sub{font-size:15px;color:var(--ink2,#48484C);font-variant-numeric:tabular-nums}
.ot-rq .rkv{margin:0}
.ot-vd{padding:28px 40px;background:var(--warn-bg,#FFF4E0);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ot-vd--ok{background:var(--ok-bg,#E8F5EE)}.ot-vd--bad{background:var(--bad-bg,#FDECEA)}
.ot-ix{grid-column:1/4;border-right:1px solid rgba(0,0,0,.08);padding-right:24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.ot-ix__lab{font-size:13px;color:var(--ink2,#48484C)}
.ot-ix__big{font-size:64px;line-height:1;font-weight:600;letter-spacing:-.03em}
.ot-ix__big small{font-size:20px;color:var(--muted,#6B6B70);font-weight:500}
.ot-ix__sh{position:relative;height:6px;border-radius:3px;margin:4px 0;background:linear-gradient(90deg,var(--bad-dot) 0 29%,var(--warn-dot) 29% 49%,#C9A227 49% 69%,var(--ok-dot) 69%)}
.ot-ix__sh i{position:absolute;top:-5px;width:2px;height:16px;margin-left:-1px;background:var(--ink,#1D1D1F)}
.ot-ix__ne{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.01em}
.ot-ix__pl{font-size:15px;color:var(--ink2,#48484C)}
.ot-ix__lv{font-size:15px;font-weight:600}
.ot-ix__pod{font-size:13px;line-height:1.45;color:var(--muted,#6B6B70);margin-top:4px;font-variant-numeric:tabular-nums}
.ot-ix__lv--ok{color:var(--ok,#16723F)}.ot-ix__lv--warn{color:var(--warn,#9A5B00)}.ot-ix__lv--bad{color:var(--bad,#B3261E)}
.ot-ix__po{font-size:13px;line-height:1.4;color:var(--muted,#6B6B70)}
.ot-ix__pch{font-size:13px;line-height:1.4}
.ot-ix__pch summary{cursor:pointer;color:var(--accent,#0B63E5);font-weight:500;list-style:none}
.ot-ix__pch summary::-webkit-details-marker{display:none}
.ot-ix__pch summary::after{content:" ›";display:inline-block;transition:transform var(--fast,160ms)}
.ot-ix__pch[open] summary::after{transform:rotate(90deg)}
.ot-ix__rs{list-style:none;margin:8px 0 0;padding:0}
.ot-ix__rs li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.ot-ix__rs b{font-weight:600;white-space:nowrap}.ot-ix__rs .m b{color:var(--bad,#B3261E)}.ot-ix__rs .p b{color:var(--ok,#16723F)}
.ot-ix__rs .n span{color:var(--muted,#6B6B70)}.ot-ix__rs .i{border-bottom:0;font-weight:600}
.ot-ix__ne-uch{margin:8px 0 0;color:var(--muted,#6B6B70);font-size:13px}
.ot-main>.din{background:transparent;border-radius:0;padding:24px 0}
.ot-ix .pill{align-self:flex-start;background:rgba(255,255,255,.7)}
.ot-ix .pill,.ex-ix .pill{white-space:normal;max-width:100%;line-height:1.25;border-radius:16px}
.ot-ix .pill svg,.ex-ix .pill svg{flex:none}
.ot-vt{grid-column:4/10;min-width:0;display:flex;flex-direction:column;gap:8px}
.ot-vt .usl{background:transparent;padding:0;gap:10px}
.ot-vt .usl-t{font-size:24px;line-height:1.2}
.ot-vt .usl-mark{margin-top:11px}
.ot-vt .usl-r,.ot-vt .usl-a{font-size:17px}
.ot-vt .usl-kak{display:none}
.ot-vt .usl-sum,.ot-vt .usl details{border-top-color:rgba(0,0,0,.08)}
.ot-vt__h{font-size:32px;line-height:1.2;letter-spacing:-.01em;margin:0}
.ot-vt__p{margin:0;color:var(--ink2,#48484C);font-size:17px}
.ot-vt__kak{font-size:15px;align-self:flex-start}
.ot-act{grid-column:10/13;display:flex;flex-direction:column;gap:8px;justify-content:center}
.ot-btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;font-weight:600;font-size:15px;padding:12px 16px;border-radius:10px;text-decoration:none;min-height:44px}
.ot-btn.p{background:var(--accent,#0B63E5);color:#fff}.ot-btn.p:hover{background:var(--accent-hover,#084BB0);color:#fff}
.ot-btn.s{background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink,#1D1D1F)}.ot-btn.s:hover{box-shadow:inset 0 0 0 1px var(--accent,#0B63E5);color:var(--accent,#0B63E5)}
.ot-lnk{display:flex;justify-content:center;align-items:center;min-height:44px;font-size:15px;color:var(--accent,#0B63E5);text-decoration:none}.ot-lnk:hover{color:var(--accent-hover,#084BB0);text-decoration:underline}
.pcta{margin:-2px 0 0;font-size:13px;line-height:1.4;color:var(--ink2,#48484C);text-align:center}.pcta a{color:var(--accent,#0B63E5);white-space:nowrap}
.pcta a[data-ssylka="start"]{display:block;white-space:normal;margin-top:2px}
.ot-body{gap:0 40px;padding:8px 40px 32px}
.ot-main{grid-column:1/9;min-width:0;display:flex;flex-direction:column}
.ot-main>*{padding:24px 0;margin:0;border-bottom:1px solid var(--line,#E6E6E1)}
.ot-main>:last-child{border-bottom:0}
.ot-main>.izm{padding:12px 14px;margin:16px 0 0;border-bottom:0}
.ot-side{grid-column:9/13;min-width:0;padding-top:24px}
.ot-sc{padding:0 0 20px;border-bottom:1px solid var(--line,#E6E6E1);margin-bottom:20px}
.ot-sc h3{font-size:15px;font-weight:600;margin:0 0 10px;letter-spacing:0}
.ot-sc p{margin:0 0 8px;font-size:15px;color:var(--ink2,#48484C);overflow-wrap:anywhere}
.ot-sc .ot-ne{color:#8A5A00;background:#FFF6E0;border-radius:10px;padding:8px 10px}
.ot-sc .ot-cap{font-size:13px;color:var(--muted,#6B6B70)}
.ot-side .otk{margin:0;border-top:0}
.report.ot .shch-k{display:none}
#ot-kak,#indeks{scroll-margin-top:140px}
.ot-foot{padding:16px 40px 20px;border-top:1px solid var(--line,#E6E6E1)}
.ot-foot .report-actions{gap:8px}
.ot-disc{margin:0;padding:0 40px 28px;font-size:13px;color:var(--muted,#6B6B70)}
@media (max-width:860px){
.ot-hd,.ot-vd,.ot-body{grid-template-columns:minmax(0,1fr);padding-left:20px;padding-right:20px}
.ot-foot,.ot-disc{padding-left:20px;padding-right:20px}
.ot-who,.ot-rq,.ot-ix,.ot-vt,.ot-act,.ot-main,.ot-side{grid-column:1/-1}
.ot-who .company{font-size:24px}
.ot-vd{gap:16px}
.ot-ix{border-right:0;padding-right:0;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.ot-ix__lab{flex-basis:100%}.ot-ix__big{font-size:52px}.ot-ix__sh{flex-basis:100%}
.ot-vt .usl-t,.ot-vt__h{font-size:24px}
.ot-body{display:flex;flex-direction:column;padding-top:0}
.ot-main,.ot-side{display:contents}
.ot-main>*{order:1}.ot-side>.ot-sc{order:2;padding-top:20px;margin-bottom:0}.ot-side>.otk{order:3;padding-top:12px}.ot-main>.ot-gl{order:4;border-top:1px solid var(--line,#E6E6E1)}
}
.report.ex{padding:0;gap:0;overflow:hidden;border-radius:var(--r-doc)}
.ex-hd{padding:24px 28px 18px;border-bottom:1px solid var(--line,#E6E6E1)}
.ex-hd .company{font-size:24px;margin-top:4px}
.ex-hd .sub{font-size:15px}
.ex-vd{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,16fr);gap:18px;padding:20px 28px;background:var(--warn-bg,#FFF4E0)}
.ex-vd--ok{background:var(--ok-bg,#E8F5EE)}
.ex-ix{display:flex;flex-direction:column;gap:6px;min-width:0;border-right:1px solid rgba(0,0,0,.08);padding-right:16px}
.ex-ix__lab{font-size:13px;color:var(--ink2,#48484C)}
.ex-ix .pill{align-self:flex-start;background:rgba(255,255,255,.7);font-size:13px;padding:6px 10px;gap:6px}
.ex-ix__pod{font-size:12px;color:var(--ink2,#48484C)}
.ex-vt{min-width:0}
.ex-vt .usl{background:transparent;padding:0;gap:8px}
.ex-vt .usl-t{font-size:20px;line-height:1.25}
.ex-vt .usl-r,.ex-vt .usl-a{font-size:15px}
.ex-vt .usl-kak{display:none}
.ex-vt .usl details{border-top-color:rgba(0,0,0,.08)}
.ex-vt .verdict{background:transparent;padding:0}
.ex-f{padding:16px 28px 4px}
.ex-f__h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding-bottom:8px}
.ex-f__h b{font-size:15px;font-weight:600}.ex-f__h span{font-size:13px;color:var(--muted,#6B6B70)}
.ex-r{padding:12px 0;font-size:15px}
.ex-r>span{display:block}.ex-r small{display:block;margin-top:2px;font-size:12px;color:var(--muted,#6B6B70);font-weight:400}
.ex-pod{margin:0;padding:12px 28px 22px;font-size:13px;color:var(--muted,#6B6B70)}
@media (max-width:520px){
.ex-hd,.ex-vd,.ex-f{padding-left:20px;padding-right:20px}.ex-pod{padding:12px 20px 20px}
.ex-vd{grid-template-columns:minmax(0,1fr);gap:12px}
.ex-ix{border-right:0;padding-right:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px}
.ex-ix__lab{flex-basis:100%}
.ex-r{flex-direction:column;gap:4px}.ex-r b.d{text-align:left;max-width:none}
}
.hero.pf-on .report.ex{display:none}
.pf{background:var(--card,#fff);border-radius:var(--r-doc,16px);box-shadow:0 1px 2px rgba(29,29,31,.04),0 12px 32px rgba(29,29,31,.06);padding:24px 28px 18px;min-width:0}
.pf[hidden]{display:none}
.pf__h{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.01em}
.pf__pod{margin:6px 0 0;font-size:15px;color:var(--ink2,#48484C)}
.pf__sv{margin:14px 0 0;font-size:15px;line-height:1.5}
.pf__s{white-space:nowrap}.pf__s b{font-weight:600}.pf__s--mnogo b{color:#B3261E}.pf__s--ser b{color:#C2410C}.pf__s--vopr b{color:#9A5B00}.pf__s--bez b{color:#16723F}
.pf__nb{margin:2px 0 0;font-size:13px;color:var(--muted,#6B6B70)}
.pf__list{list-style:none;margin:14px 0 0;padding:0}
.pf__r{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"a c" "b c";gap:2px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--line,#E6E6E1);font-size:15px}
.pf__a{grid-area:a;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.pf__nm{font-weight:600;font-size:15px;overflow-wrap:anywhere}
.pf__b{grid-area:b;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:13px;color:var(--muted,#6B6B70)}
.pf__inn{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
.pf__d--star{color:#9A5B00}
.pf__isk{flex-basis:100%;font-size:13px;line-height:1.4;font-weight:600;color:#B3261E}
.pf__c{grid-area:c;display:flex;align-items:center;gap:2px}
.pf__pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600;white-space:nowrap;background:#F0F0EC;color:var(--ink2,#48484C)}
.pf__pill--bez{background:#E8F5EE;color:#16723F}.pf__pill--vopr{background:#FFF4E0;color:#9A5B00}.pf__pill--ser{background:#FDEEE4;color:#C2410C}.pf__pill--mnogo{background:#FDECEA;color:#B3261E}
.pf button{font:inherit;cursor:pointer;border:0;background:none;color:var(--accent,#0B63E5)}
.pf__go{min-height:44px;padding:0 10px;font-size:15px;font-weight:600;border-radius:10px}
.pf__go:hover{background:#EEF4FD}
.pf__x{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--muted,#6B6B70)!important}
.pf__x:hover{background:#F0F0EC;color:var(--ink,#1D1D1F)!important}
.pf button:focus-visible{outline:2px solid var(--accent,#0B63E5);outline-offset:2px}
.pf__vse{display:block;width:100%;min-height:44px;margin-top:2px;border-top:1px solid var(--line,#E6E6E1)!important;font-size:15px;font-weight:600}
.pf__niz{border-top:1px solid var(--line,#E6E6E1);padding-top:6px;margin-top:2px;font-size:13px}
.pf__clr{min-height:32px;padding:0;font-size:13px!important;color:var(--muted,#6B6B70)!important;text-decoration:underline;text-underline-offset:2px}
.pf__conf{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 0;font-size:13px;color:var(--ink,#1D1D1F)}
.pf__conf[hidden]{display:none}
.pf__da{min-height:36px;padding:0 12px;border-radius:10px;background:#FDECEA!important;color:#B3261E!important;font-weight:600}
.pf__net{min-height:36px;padding:0 12px;border-radius:10px;font-weight:600}
@media (max-width:520px){
.pf{padding:20px 20px 14px}.pf__h{font-size:24px}
.pf__r{grid-template-areas:"a a" "i c" "d d";row-gap:0}
.pf__b{display:contents}.pf__inn{grid-area:i;color:var(--muted,#6B6B70)}.pf__d{grid-area:d;font-size:13px;color:var(--muted,#6B6B70)}.pf__d--star{color:#9A5B00}
.pf__go{padding:0 8px}
}
@media print{
.pf{display:none!important}
.report.ot{box-shadow:none!important;border-radius:0!important}
.ot-hd,.ot-vd,.ot-body{display:block;padding:12px 0}
.ot-ix{border-right:0;padding:0 0 8px}
.ot-act,.ot-foot,.ot-vt__kak{display:none!important}
.ot-disc{padding:8px 0 0}
.ot-side{padding-top:8px}
}
dialog.po{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:28px 28px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:var(--r-doc,16px) 0 0 var(--r-doc,16px);background:var(--surface,#fff);color:var(--ink,#1D1D1F);font:400 15px/1.5 var(--font,Onest,"Onest Zapas","Onest Zapas R",-apple-system,"Segoe UI",Roboto,Arial,sans-serif);box-shadow:var(--shadow);overflow-y:auto;overscroll-behavior:contain}
dialog.po::backdrop{background:rgba(17,17,19,.4)}
.po-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:999px;background:transparent;font-size:24px;line-height:1;color:var(--ink2,#48484C);cursor:pointer}
.po-x:hover{background:var(--surface-2,#EEEEEA)}
.po-hd{padding-right:40px;border-bottom:1px solid var(--line,#E6E6E1);padding-bottom:16px}
.po-zag{margin:0;font-size:24px;line-height:1.25;font-weight:600;outline:none}
.po-naz{margin:6px 0 0;font-size:15px;color:var(--ink2,#48484C)}
.po-vn{list-style:none;margin:16px 0 0;padding:0}
.po-vn li{position:relative;padding:6px 0 6px 20px;font-size:15px}
.po-vn li::before{content:"";position:absolute;left:2px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--ok,#16723F)}
.po-cena{display:flex;align-items:baseline;gap:10px;margin:20px 0 16px;padding-top:16px;border-top:1px solid var(--line,#E6E6E1)}
.po-cena b{font-size:32px;line-height:1;font-weight:600;letter-spacing:-.01em}
.po-cena span{font-size:13px;color:var(--muted,#6B6B70)}
.po-sp{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.po-sp .btn{justify-content:center;width:100%}
.po-schet{display:block;width:100%;padding:12px 16px;border:1px solid var(--line-2,#D9D9D4);border-radius:var(--r-pill,999px);background:transparent;color:var(--accent,#0B63E5);font-family:inherit;font-weight:600;font-size:15px;line-height:1.3;cursor:pointer}
.po-schet--gl{background:var(--accent,#0B63E5);border-color:var(--accent,#0B63E5);color:var(--on-accent,#fff)}
.po-schet:hover{filter:brightness(.95)}
.po-forma{margin-top:4px}
.po--schet .po-cena,.po-forma .sf>h3{display:none}
.po--schet .po-forma{margin-top:20px;padding-top:4px;border-top:1px solid var(--line,#E6E6E1)}
.po-og{margin:16px 0 0;font-size:13px;line-height:1.45;color:var(--muted,#6B6B70)}
@media (max-width:520px){
dialog.po{inset:auto 0 0 0;width:100vw;height:auto;max-height:92dvh;padding:24px 20px calc(20px + env(safe-area-inset-bottom));border-radius:var(--r-doc,16px) var(--r-doc,16px) 0 0}
.po-cena b{font-size:32px}
}
@media print{dialog.po{display:none!important}}
@media (max-width:640px),(pointer:coarse){
.report.ot .termin,.report.ot a:not(.btn):not(.ot-btn):not([data-u]){position:relative}
.report.ot .termin::after,.report.ot a:not(.btn):not(.ot-btn):not([data-u])::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
.report.ot summary{min-height:44px;display:flex;align-items:center;flex-wrap:wrap}
.report.ot .ot-ix__pch>summary{display:inline-flex}
}
@media (max-width:979px){.rezhim-otcheta .hero-text .note.ok{opacity:0}}
.ot-nom{margin:10px 0 0;font-size:12px;color:var(--muted,#6B6B70)}
.ot-nom .rkv__nom{font-size:inherit}
.ot-dr{margin:0;padding:16px 40px 20px;border-top:1px solid var(--line,#E6E6E1)}
.ot-dr__h{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--ink2,#48484C)}
.ot-dr ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ot-dr a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line-2,#D9D9D4);border-radius:var(--r-pill,999px);font-size:15px;color:var(--ink,#1D1D1F);text-decoration:none}
.ot-dr a:hover{border-color:var(--accent,#0B63E5);color:var(--accent,#0B63E5)}
.ot-dr a:focus-visible{outline:2px solid var(--accent,#0B63E5);outline-offset:2px}
@media (max-width:860px){.ot-dr{padding-left:20px;padding-right:20px}}
@media (max-width:640px),(pointer:coarse){.ot-dr ul{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:20px;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px}.ot-dr ul::-webkit-scrollbar{display:none}.ot-dr li{flex:0 0 auto;scroll-snap-align:start}.ot-dr a{white-space:nowrap}}
@media (min-width:641px) and (pointer:fine){
.report.ot .termin,.report.ot a:not(.btn):not(.ot-btn):not([data-u]){position:relative}
.report.ot .termin::after,.report.ot a:not(.btn):not(.ot-btn):not([data-u])::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:24px;transform:translateY(-50%)}
.report.ot summary{min-height:24px}
}
.rezhim-otcheta main#top>:not(.hero){display:none}
@media print{.ot-dr{display:none}}
.rkv.rkv--nechet>div:last-child{grid-column:1/-1}
@media print{.report.ot .ot-foot:has(.ot-nom){display:block!important;border:0;padding:4px 0 0}}
.zh-ist__i{position:relative;white-space:nowrap;color:var(--ink2)}
.zh-ist__r{color:var(--muted)}
@media (max-width:520px){.zh-ist__p{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}
.zh-ist__i::after{content:attr(data-t);position:absolute;right:0;top:0;color:var(--ink);opacity:0;animation:zh-ist 1.8s ease-in-out calc(var(--i,0)*180ms) infinite;pointer-events:none}
@keyframes zh-ist{0%,55%,100%{opacity:0}20%{opacity:1}}
.report.loading{position:relative;--zh-pereliv:rgba(255,255,255,.55)}
.report.loading::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(100deg,transparent 35%,var(--zh-pereliv) 50%,transparent 65%);transform:translateX(-100%);animation:zh-pereliv 1.5s cubic-bezier(.4,0,.2,1) .25s infinite}
@keyframes zh-pereliv{to{transform:translateX(100%)}}
[data-theme=dark] .report.loading::after{--zh-pereliv:rgba(255,255,255,.07)}
.ot-vd--pojav .ot-vt>*,.ot-vd--pojav .ot-act>*{animation:zh-pojav .44s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(160ms + var(--zh-i,0)*70ms)}
@keyframes zh-pojav{from{opacity:0;transform:translateY(16px)}}
.report.ot details[open]>:not(summary){animation:zh-akk .26s cubic-bezier(.2,.7,.2,1) backwards}
@keyframes zh-akk{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.zh-ist__i::after,.report.loading::after{animation:none;opacity:0}.ot-vd--pojav .ot-vt>*,.ot-vd--pojav .ot-act>*,.report.ot details[open]>:not(summary){animation:none}}
/* --- /css/perehod.css --- */
::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
@media (prefers-reduced-motion:reduce){
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
.check--yakor{anchor-name:--dlk-forma}
.check--yakor .sugg[popover]{position:fixed;position-anchor:--dlk-forma;inset:auto;top:anchor(bottom);left:anchor(left);
width:anchor-size(width);margin:6px 0 0;border:0;color:inherit;position-try-fallbacks:flip-block}
.check--yakor .sugg[popover]:not(:popover-open){display:none}
.lip{position:fixed;left:0;right:0;bottom:var(--lip-niz,0px);z-index:28;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));
background:var(--card,#fff);border-top:1px solid var(--line,#E6E6E1);box-shadow:0 -8px 24px rgba(0,0,0,.06);
transform:translateY(calc(100% + 24px));visibility:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility 0s .28s}
.lip.is-on{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility 0s}
.lip__b{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"z s" "t s";align-items:center;column-gap:12px;width:100%;min-height:52px;margin:0;
padding:7px 7px 7px 14px;border:0;border-radius:16px;background:var(--surface-2,#EEEEEA);color:var(--ink,#1D1D1F);font:500 15px/1.3 var(--font,inherit);text-align:left;cursor:pointer}
.lip__z{grid-area:z;color:var(--muted,#6B6B70);font-size:13px;font-weight:500}
.lip__t{grid-area:t;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lip__t::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;vertical-align:1px;background:var(--warn-dot,#B86E00)}
.lip[data-ton=ok] .lip__t::before{background:var(--ok-dot,#16723F)}
.lip[data-ton=bad] .lip__t::before{background:var(--bad-dot,#B3261E)}
.lip__s{grid-area:s;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent,#0B63E5);color:var(--on-accent,#fff)}
.lip__s svg{width:16px;height:16px}
.lip__b:focus-visible{outline:3px solid var(--accent,#0B63E5);outline-offset:2px}
@media (min-width:601px){.lip{display:none}}
body.lip-on .fb-btn{bottom:calc(84px + var(--lip-niz,0px) + env(safe-area-inset-bottom,0px))}
dialog.lip-d{position:fixed;inset:auto 0 0 0;width:100vw;max-width:none;max-height:88dvh;margin:0;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px));
border:0;border-radius:var(--r-doc,16px) var(--r-doc,16px) 0 0;background:var(--card,#fff);color:var(--ink,#1D1D1F);
font:400 17px/1.5 var(--font,inherit);box-shadow:var(--shadow,0 -8px 32px rgba(0,0,0,.12));overflow-y:auto;overscroll-behavior:contain}
dialog.lip-d::backdrop{background:rgba(17,17,19,.4)}
dialog.lip-d[open]{animation:lip-vverh .28s cubic-bezier(.2,.7,.2,1)}
@keyframes lip-vverh{from{transform:translateY(24px);opacity:0}}
.lip-d__h{margin:0 0 12px;font-size:20px;line-height:1.25;letter-spacing:-.01em}
.lip-d__t p{margin:0 0 10px;color:var(--ink2,#48484C)}
.lip-d__t .lip-d__itog{color:var(--ink,#1D1D1F);font-weight:600;font-size:17px}
.lip-d__act{display:grid;gap:8px;margin:16px 0 8px}
.lip-d__x{width:100%;min-height:44px;margin-top:4px;border:0;border-radius:10px;background:var(--surface-2,#EEEEEA);color:var(--ink,#1D1D1F);font:500 15px/1 var(--font,inherit);cursor:pointer}
.lip-d__x:focus-visible,.lip-d__act a:focus-visible{outline:3px solid var(--accent,#0B63E5);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.lip,.lip.is-on{transition:none}dialog.lip-d[open]{animation:none}}
@media print{.lip,dialog.lip-d{display:none!important}}
/* --- /css/vitrina.css --- */
.vit{
--vg-a:var(--accent);--vg-p:var(--surface,var(--card));--vg-on:var(--surface,var(--card));
--vg-k:color-mix(in srgb,var(--ink) 72%,transparent);--vg-l:color-mix(in srgb,var(--ink) 20%,transparent);
--vg-s:color-mix(in srgb,var(--accent) 14%,var(--surface,var(--card)));
--vg-ok:var(--ok);--vg-warn:var(--warn);--vg-bad:var(--bad,#B3261E);
--vit-ten:rgba(0,0,0,.16);--vit-svet:color-mix(in srgb,var(--accent) 20%,transparent);
padding-block:0 var(--sect);position:relative
}
.vit-nabor{position:absolute;width:0;height:0;overflow:hidden}
.vit__head{display:flex;flex-direction:column;gap:16px;max-width:760px;margin-bottom:32px}
.vit__head .lead{max-width:34em}
.vit__karta ul{list-style:none;margin:0 0 clamp(48px,7vw,96px);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px}
.vit-k{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:16px;background:var(--surface,var(--card));color:var(--ink);font-size:15px;font-weight:500;line-height:1.25;text-decoration:none;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.vit-k:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 10px 24px rgba(0,0,0,.08)}
.vit-k:active{transform:translateY(0) scale(.98)}
.vit-k:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.vit-k__g{stroke:var(--vg-k);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;flex:none;width:44px;height:44px;padding:5px;border-radius:10px;background:var(--vg-s)}
.vit-k--b{color:var(--ink2)}
.vit-k--b .vit-k__g{opacity:.6;filter:grayscale(.7)}
.vit__zal{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(64px,9vw,128px)}
.vit-e{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;scroll-margin-top:96px}
.vit-e--sp .vit-e__scena{order:2}
.vit-e__scena{position:relative;aspect-ratio:5/4;border-radius:28px;border:1px solid var(--line);overflow:hidden;isolation:isolate;perspective:900px;
background:radial-gradient(120% 90% at 50% 0%,var(--vg-s),var(--surface,var(--card)) 72%)}
.vit-e__svet{position:absolute;inset:-25%;z-index:-1;background:radial-gradient(38% 38% at 34% 34%,var(--vit-svet),transparent 72%)}
.vit-e__blik{position:absolute;left:-30%;top:-30%;width:60%;height:60%;z-index:2;pointer-events:none;opacity:0;border-radius:50%;
background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);transition:opacity .3s var(--ease)}
.vit-e__scena:hover .vit-e__blik{opacity:1}
.vit-e__tilt{position:absolute;inset:12% 14% 17%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s var(--ease)}
.vit-g{display:block;width:100%;height:100%;stroke:var(--vg-k);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 22px 26px var(--vit-ten))}
.vit-e__pol{position:absolute;left:24%;right:24%;bottom:8%;height:9%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--vit-ten),transparent)}
.vit-e__nad{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.vit-e__n{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}
.vit-st{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink2)}
.vit-st::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ok);box-sizing:border-box}
.vit-st--chast::before{background:linear-gradient(90deg,var(--ok) 50%,transparent 50%);border:2px solid var(--ok)}
.vit-st--razrabotka::before{background:none;border:2px solid var(--muted)}
.vit-e__h{font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}
.vit-e__a{padding-block:5px;color:var(--ink);text-decoration:none;transition:color .2s var(--ease)}
.vit-e__a:hover{color:var(--accent)}
.vit-e__a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:6px}
.vit-e__p{font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--ink2);max-width:34em;margin:0 0 22px;text-wrap:pretty}
.vit-e__u{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:12px;max-width:34em}
.vit-e__u li{position:relative;padding-left:30px;font-size:16px;line-height:1.5;color:var(--ink);text-wrap:pretty}
.vit-e__u li::before{content:"";position:absolute;left:3px;top:.42em;width:12px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.vit-e__go{margin:0}
.vit-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--accent);color:var(--on-accent,#fff);font-size:16px;font-weight:600;text-decoration:none;
transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease)}
.vit-btn span{display:inline-block;transition:transform .2s var(--ease)}
.vit-btn:hover{background:var(--accent-hover,var(--accent));transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 32%,transparent)}
.vit-btn:hover span{transform:translateX(3px)}
.vit-btn:active{transform:translateY(0) scale(.98);box-shadow:none}
.vit-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.vit-s{margin-top:clamp(80px,10vw,144px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.vit-s__h{font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;margin:0 0 24px}
.vit-s__g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vit-b{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px dashed color-mix(in srgb,var(--ink) 22%,transparent);border-radius:28px;background:color-mix(in srgb,var(--surface,var(--card)) 55%,transparent);scroll-margin-top:96px}
.vit-b__scena{height:132px;margin-bottom:6px;border-radius:16px;background:var(--vg-s);display:grid;place-items:center;padding:12px}
.vit-b__scena .vit-g{width:auto;height:100%;aspect-ratio:5/4;opacity:.62;filter:grayscale(.6)}
.vit-b__h{font-size:22px;letter-spacing:-.02em;margin:0}
.vit-b__p{font-size:15px;line-height:1.5;color:var(--ink2);margin:0;text-wrap:pretty}
.vit-b__u{list-style:disc;margin:0;padding-left:18px;font-size:15px;line-height:1.5;color:var(--muted)}
.vit-b__go{margin:auto 0 0}
.vit-lnk{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--accent);text-decoration:none}
.vit-lnk:hover{text-decoration:underline;text-underline-offset:3px}
.vit-lnk:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.vit-d{margin-top:24px;padding:28px;border-radius:28px;border:1px solid var(--line);background:var(--surface,var(--card));max-width:760px}
.vit-d__h{font-size:22px;letter-spacing:-.02em;margin:0 0 10px}
.vit-d p{margin:0;max-width:68ch;font-size:16px;line-height:1.55;color:var(--ink2)}
[data-theme=dark] .vit{--vit-ten:rgba(0,0,0,.55);--vit-svet:color-mix(in srgb,var(--accent) 28%,transparent)}
[data-theme=dark] .vit-e__scena{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent),0 30px 60px rgba(0,0,0,.35)}
[data-theme=dark] .vit-g{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 22%,transparent)) drop-shadow(0 22px 26px var(--vit-ten))}
[data-theme=dark] .vit-k:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),0 10px 28px rgba(0,0,0,.4)}
@media (max-width:860px){
.vit-e{grid-template-columns:1fr;gap:24px}
.vit-e--sp .vit-e__scena{order:0}
.vit-e__scena{aspect-ratio:16/11}
.vit-s__g{grid-template-columns:1fr}
}
@media (min-width:861px) and (max-width:1100px){.vit-s__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){
.vit__karta ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vit-k{gap:8px;padding-right:8px;font-size:14px}
.vit-k__g{width:40px;height:40px}
.vit-btn{width:100%;justify-content:center}
}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.vit-g{animation:vit-povorot linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.vit-e__svet{animation:vit-svet linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.vit-e__pol{animation:vit-pol linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
}
}
@keyframes vit-povorot{
from{transform:translateY(20px) rotateX(18deg) rotateY(-24deg) scale(.92)}
50%{transform:none}
to{transform:translateY(-14px) rotateX(-8deg) rotateY(16deg) scale(.97)}
}
@keyframes vit-svet{from{transform:translate(-14%,18%);opacity:.5}50%{opacity:1}to{transform:translate(22%,-12%);opacity:.6}}
@keyframes vit-pol{from{transform:scaleX(.7);opacity:.5}50%{transform:none;opacity:1}to{transform:scaleX(.85);opacity:.7}}
@media (prefers-reduced-motion:reduce){
.vit-k,.vit-btn,.vit-btn span,.vit-e__tilt,.vit-e__a,.vit-e__blik{transition:none}
.vit-k:hover,.vit-btn:hover,.vit-btn:active,.vit-btn:hover span{transform:none}
.vit-e__tilt{transform:none}
.vit-e__blik{display:none}
}
.vit,.vit-nabor{
--vg-p-svet:color-mix(in srgb,var(--surface,var(--card)) 70%,white);--vg-p-ten:color-mix(in srgb,var(--surface,var(--card)) 84%,black);
--vg-a-svet:color-mix(in srgb,var(--accent) 72%,white);--vg-a-ten:color-mix(in srgb,var(--accent) 76%,black);
--vg-s-svet:color-mix(in srgb,var(--accent) 10%,var(--surface,var(--card)));--vg-s-ten:color-mix(in srgb,var(--accent) 26%,var(--surface,var(--card)))
}
[data-theme=dark] .vit,[data-theme=dark] .vit-nabor{--vg-p-svet:color-mix(in srgb,var(--surface,var(--card)) 78%,white);--vg-p-ten:color-mix(in srgb,var(--surface,var(--card)) 70%,black)}
.vit-e__scena .vit-g{--vg-p:url(#vg-gp);--vg-a:url(#vg-ga);--vg-s:url(#vg-gs)}
.vit-e__zad{position:absolute;inset:6% 12%;z-index:-2;border-radius:50%;pointer-events:none;
background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 22%,transparent),transparent 78%);
translate:calc(var(--px,0) * -18px) calc(var(--py,0) * -12px)}
.vit-e__tilt{translate:calc(var(--px,0) * 8px) calc(var(--py,0) * 6px)}
.vit-e__pol{translate:calc(var(--px,0) * 12px) 0}
.vit-e__ch{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.vit-e__ch i{position:absolute;width:var(--r);height:var(--r);border-radius:50%;background:var(--accent);opacity:0;
animation:vit-pyl 9s linear infinite;animation-play-state:paused}
.vit-e__scena--zhivaya .vit-e__ch i{animation-play-state:running}
@keyframes vit-pyl{0%{opacity:0;transform:translate3d(0,0,0)}20%{opacity:.55}80%{opacity:.35}100%{opacity:0;transform:translate3d(10px,-90px,0)}}
[data-theme=dark] .vit-e__zad{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 34%,transparent),transparent 78%)}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.vit-e__zad{animation:vit-zad linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
}
}
@keyframes vit-zad{from{transform:translateY(16%) scale(.9)}50%{transform:none}to{transform:translateY(-14%) scale(1.04)}}
.vit-e__niz{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.vit-e__fb{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.vit-e__fb span{width:8px;height:8px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;transition:rotate .2s var(--ease),margin .2s var(--ease)}
.vit-e__fb[aria-expanded=true] span{rotate:225deg;margin-top:4px}
.vit-e__fb:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.vit-e__fb[hidden]{display:none}
@media (max-width:860px){
.vit--js .vit-e:not(.is-f) .vit-e__u,.vit--js .vit-b:not(.is-f) .vit-b__u{display:none}
.vit--js .vit-e.is-f .vit-e__u,.vit--js .vit-b.is-f .vit-b__u{animation:vit-f .24s var(--ease) both}
}
@keyframes vit-f{from{opacity:0;translate:0 -6px}}
@media (max-width:860px){
.vit__head{margin-bottom:20px}
.vit__karta{margin:0 calc(var(--gutter,16px) * -1) 28px}
.vit__karta ul{display:flex;gap:8px;margin:0;padding:2px var(--gutter,16px) 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;
-webkit-mask-image:linear-gradient(90deg,transparent,black 16px,black calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,black 16px,black calc(100% - 24px),transparent)}
.vit__karta ul::-webkit-scrollbar{display:none}
.vit__karta li{flex:none;scroll-snap-align:start}
.vit-k{min-height:48px;padding-right:14px;white-space:nowrap}
.vit__zal{gap:28px}
.vit-e{gap:16px}
.vit-e--k .vit-e__scena{aspect-ratio:auto;height:176px}
.vit-e--m{grid-template-columns:minmax(0,1fr) 104px;column-gap:16px;row-gap:0;align-items:start}
.vit-e--m .vit-e__txt{display:contents}
.vit-e--m .vit-e__scena{grid-column:2;grid-row:1 / 3;order:0;height:104px;aspect-ratio:auto;border-radius:16px;perspective:500px}
.vit-e--m .vit-e__tilt{inset:12%}
.vit-e--m .vit-e__nad{grid-column:1;grid-row:1;margin-bottom:8px}
.vit-e--m .vit-e__h{grid-column:1;grid-row:2;align-self:start}
.vit-e--m .vit-e__p,.vit-e--m .vit-e__u,.vit-e--m .vit-e__niz{grid-column:1 / -1}
.vit-e__h{margin-bottom:12px}
.vit-e__p{margin-bottom:12px}
.vit-e__u{margin-bottom:16px}
.vit-e__niz{gap:8px 16px}
.vit-e__niz .vit-btn{width:auto;padding:0 18px;gap:8px}
.vit-e__nad{margin-bottom:8px}
.vit-s{margin-top:48px;padding-top:32px}
.vit-s__h{margin-bottom:16px}
.vit-s__g{gap:12px}
.vit-b{display:grid;grid-template-columns:minmax(0,1fr) 72px;column-gap:16px;row-gap:8px;padding:20px;align-items:start}
.vit-b__scena{grid-column:2;grid-row:1 / 3;height:72px;margin:0;padding:8px}
.vit-b__h{grid-column:1;grid-row:1}
.vit-b__p{grid-column:1;grid-row:2}
.vit-b__u,.vit-b .vit-e__niz{grid-column:1 / -1}
.vit-b__go{margin:0}
.vit-d{padding:20px;margin-top:16px}
.vit{padding-bottom:56px}
}
.fb-btn{transition:opacity .2s var(--ease),scale .2s var(--ease)}
.fb-ukryt .fb-btn{opacity:0;scale:.6;pointer-events:none}
@media (prefers-reduced-motion:reduce){.fb-btn,.vit-e__fb span{transition:none}.vit-e__zad,.vit-e__tilt,.vit-e__pol,.vit-e__ch{translate:none}}
@media print{.vit-e__scena,.vit-b__scena,.vit__karta,.vit-e__fb{display:none}.vit-e__u{display:grid!important}.vit-e{grid-template-columns:1fr}}
@media (min-width:861px){
.vit__zal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,40px)}
.vit-e{grid-column:1 / -1}
.vit-e--m{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}
.vit-e--m.vit-e--sp{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
.vit-e--m .vit-e__scena{aspect-ratio:4/3;border-radius:28px}
.vit-e--m .vit-e__h{font-size:clamp(24px,2.4vw,32px)}
.vit-e--para{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:stretch;gap:24px}
.vit-e--para .vit-e__txt{display:flex;flex-direction:column}
.vit-e--para .vit-e__niz{margin-top:auto}
.vit-e--para .vit-e__scena{aspect-ratio:16/9}
.vit-e--para .vit-e__tilt{inset:10% 26% 16%}
}
.vit{overflow-x:clip}
.vit__zal{position:relative;isolation:isolate}
.vit-e{position:relative}
.vit-e::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-18%;bottom:-18%;left:-12%;width:64%;opacity:0;
background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 9%,transparent),transparent)}
.vit-e--sp::before{left:auto;right:-12%}
.vit-e--para::before{left:-8%;width:116%}
[data-theme=dark] .vit-e::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 15%,transparent),transparent)}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.vit-e::before{animation:vit-luzha linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.vit-e--sp::before{animation-name:vit-luzha-p}
}
}
@keyframes vit-luzha{from{opacity:0;transform:translate3d(0,-12%,0)}45%,55%{opacity:1;transform:none}to{opacity:0;transform:translate3d(38%,14%,0)}}
@keyframes vit-luzha-p{from{opacity:0;transform:translate3d(0,-12%,0)}45%,55%{opacity:1;transform:none}to{opacity:0;transform:translate3d(-38%,14%,0)}}
.vit-ind{position:fixed;z-index:15;pointer-events:none;opacity:0;transition:opacity .3s var(--ease),translate .3s var(--ease);
font-size:13px;font-weight:600;line-height:1;color:var(--ink2);font-variant-numeric:tabular-nums}
.vit-ind.is-vid{opacity:1}
.vit-ind b{font-weight:600;color:var(--ink)}
.vit-ind--shk{left:clamp(12px,calc((100vw - var(--wide,1200px)) / 4),40px);top:40vh;width:32px;translate:-8px -50%;
display:flex;flex-direction:column;align-items:center;gap:10px}
.vit-ind--shk.is-vid{translate:0 -50%}
.vit-ind--shk .vit-ind__dor{position:relative;width:2px;height:96px;border-radius:2px;background:var(--line);overflow:hidden}
.vit-ind--shk .vit-ind__dor i{position:absolute;inset:0;background:var(--accent);transform-origin:top;transform:scaleY(var(--hod,0))}
.vit-ind--shk .vit-ind__ns{writing-mode:vertical-rl;rotate:180deg;max-height:30vh;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;color:var(--muted)}
.vit-ind--shk .vit-ind__sl{display:none}
.vit-ind--tab{left:50%;top:calc(var(--header-h,56px) + 8px);translate:-50% -6px;display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;max-width:calc(100vw - 32px);
border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface,var(--card)) 90%,transparent);
-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);box-shadow:0 6px 18px rgba(0,0,0,.12);white-space:nowrap}
.vit-ind--tab.is-vid{translate:-50% 0}
.vit-ind--tab .vit-ind__dor,.vit-ind--tab .vit-ind__vs{display:none}
.vit-ind--tab .vit-ind__ns{overflow:hidden;text-overflow:ellipsis;font-weight:500}
.vit-ind--tab .vit-ind__ns::before{content:"·";margin-right:6px;color:var(--muted)}
.vit-k[aria-current]{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}
.vit-k[aria-current] .vit-k__g{background:color-mix(in srgb,var(--accent) 22%,var(--surface,var(--card)))}
@media (prefers-reduced-motion:reduce){.vit-ind{transition:none}}
@media print{.vit-ind{display:none}}
.vv-inn{margin:20px 0 0;padding:24px 0 0;border-top:1px solid var(--line)}
.vv-inn__h{margin:0 0 14px;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.vv-inn__f{display:flex;gap:10px;max-width:560px;padding:8px;border-radius:var(--r-m);background:var(--surface);box-shadow:var(--shadow)}
.vv-inn__f input{flex:1;min-width:0;min-height:52px;padding:0 14px;border:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:17px}
.vv-inn__f input::placeholder{color:var(--muted);opacity:1}
.vv-inn__f:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.vv-inn__f button{min-height:52px;padding:0 26px;border:0;border-radius:var(--r-s);background:var(--accent);color:var(--on-accent,#fff);font:inherit;font-size:17px;font-weight:600;cursor:pointer}
.vv-inn__f button:hover{background:var(--accent-hover)}
.vv-inn__n{margin:12px 0 0;color:var(--muted);font-size:15px}
@media (max-width:520px){.vv-inn__f{flex-direction:column}.vv-inn__f input{padding:0 12px}}
.vit-vhod{padding:56px 0}
.vit-vhod .wrap{display:flex;flex-direction:column;gap:14px;max-width:760px}
.vit-vhod .lead{margin:0}
.vit-vhod__go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:8px 0 0}
.vv .vit{padding-top:24px}
@media (max-width:860px){.vit-vhod{padding:40px 0}}
/* --- /css/vizual2.css --- */
.ex-vid{display:flex;gap:4px;padding:4px;margin:18px 28px 2px;border-radius:999px;background:rgba(29,29,31,.05);width:max-content;max-width:calc(100% - 56px)}
.ex-vid[hidden]{display:none}
.zhdu-js .report.ex .ex-vid[hidden]+.ex-f{margin-top:78px}
.ex-vid button{white-space:nowrap;border:0;background:transparent;font:inherit;font-size:15px;font-weight:500;color:var(--ink2,#48484C);padding:7px 14px;border-radius:999px;cursor:pointer;min-height:44px;transition:background .2s,color .2s,box-shadow .2s}
.ex-vid button:hover{color:var(--ink,#1D1D1F)}
.ex-vid button[aria-selected=true]{background:#fff;color:var(--ink,#1D1D1F);box-shadow:0 1px 3px rgba(29,29,31,.10)}
.ex-vid button:focus-visible{outline:2px solid var(--accent,#0B63E5);outline-offset:2px}
.ex-flip{perspective:1200px;margin:6px 0 0}
.ex-flip__in{position:relative;transform-style:preserve-3d;transition:transform 600ms var(--ease,cubic-bezier(.2,.7,.2,1))}
.ex-flip__in.is-oborot{transform:rotateY(180deg)}
.ex-lico{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ex-zad{position:absolute;inset:0;padding:16px 28px 4px;background:var(--accent-soft,#EAF1FD);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .16s}
.ex-zad.is-smena{opacity:0}
.ex-flip__in[data-vid=nalog] .ex-zad{background:#F3EFE6}
.ex-zad .ex-f__h{padding-bottom:6px}
.ex-zad .ex-f__h b{font-size:15px}
.ex-zad .ex-r{border-color:rgba(29,29,31,.08)}
.ex-zad__pod{margin:10px 0 12px;font-size:13px;line-height:1.45;color:var(--ink2,#48484C);max-width:38em}
.ex-zad__pod[hidden]{display:none}
.ex-vid.ot-vid{margin:0 0 12px;max-width:100%}
.ot-main .ex-zad{bottom:auto;padding:14px 16px 4px;border-radius:16px}
.ot-main .ex-zad .ex-r,.ot-main .ex-zad .sut__r{border-color:rgba(29,29,31,.08)}
.ex-lico[inert],.ex-zad[inert]{pointer-events:none}
@media (min-width:521px) and (max-width:720px){.ex-vid.ot-vid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:auto}.ex-vid.ot-vid button{white-space:normal;line-height:1.15;padding:6px 8px}}
@media (max-width:520px){.ex-vid.ot-vid{margin:0 0 12px}.ex-vid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:16px 20px 2px;width:auto;max-width:none;border-radius:16px}.ex-vid button{white-space:normal;line-height:1.15;padding:6px 4px;font-size:13px;min-height:44px;border-radius:10px}.ex-zad{padding:16px 20px 4px}}
@media (max-width:520px){.zhdu-js .report.ex .ex-vid[hidden]+.ex-f{margin-top:68px}}
.set-host{position:relative;isolation:isolate}
.set{position:absolute;left:0;top:0;width:100%;height:min(100%,100vh);z-index:-1;pointer-events:none;display:block}
#landing.set-host>.set{height:min(100%,640px,100vh)}
.v2-forma{position:relative}
.v2-forma button{transition:transform 300ms var(--ease,cubic-bezier(.2,.7,.2,1)),background .2s,box-shadow .3s}
.v2-forma button.is-magnit{transition:transform 120ms linear,background .2s,box-shadow .3s}
.inn-pol{position:absolute;height:2px;border-radius:2px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s}
.inn-pol[data-vid]{opacity:1}
.inn-pol i{display:block;height:100%;background:var(--accent,#0B63E5);transform:scaleX(0);transform-origin:0 50%;transition:transform 200ms var(--ease,cubic-bezier(.2,.7,.2,1)),background .2s}
.is-inn-ok .inn-pol i{background:var(--ok,#16723F)}
.is-inn-ne .inn-pol i{background:var(--warn,#9A5B00)}
.is-inn-ok button[type=submit],.is-inn-ok button:not([type]){box-shadow:0 0 0 4px var(--accent-soft,#EAF1FD)}
@media (prefers-reduced-motion:reduce){
.ex-flip__in,.ex-zad,.v2-forma button,.v2-forma button.is-magnit,.inn-pol,.inn-pol i,.ex-vid button{transition:none}
.ex-flip__in.is-oborot{transform:none}
.ex-zad{transform:none;visibility:hidden}
.is-oborot .ex-zad{visibility:visible}
.is-oborot .ex-lico{visibility:hidden}
}
@media print{.set,.ex-vid,.inn-pol{display:none}}
.svz{position:relative;margin:2px 0 6px}
.svz__cv{display:block;width:100%;height:320px;cursor:grab}
.svz__kn{display:none}
.svz__sp{list-style:none;margin:0;padding:0;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.svz__u{display:grid;grid-template-columns:1fr;gap:2px;padding:10px 0 10px 18px;border-top:1px solid var(--line,#E6E6E1);position:relative}
.svz__u::before{content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--muted,#6B6B70)}
.svz__u--ok::before{background:var(--ok,#16723F)}.svz__u--warn::before{background:var(--warn,#9A5B00)}.svz__u--bad::before{background:var(--bad,#B3261E)}
.svz__zag{font-size:13px;color:var(--muted,#6B6B70)}
.svz__zn{font-weight:500;color:var(--ink,#1D1D1F);overflow-wrap:anywhere}
.svz__pod{font-size:13px;color:var(--ink-2,#48484C)}
@media (max-width:600px){
.svz__cv{display:none;height:300px}
.svz--graf .svz__cv{display:block}
.svz__sp{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
.svz__kn{display:inline-flex;align-items:center;min-height:44px;margin:0 0 8px;padding:0 16px;border:1px solid var(--line,#E6E6E1);border-radius:999px;background:transparent;color:var(--ink,#1D1D1F);font:inherit;font-size:15px;cursor:pointer}
.svz__kn:focus-visible{outline:2px solid var(--accent,#0B63E5);outline-offset:2px}
}
.svz__ist{margin:8px 0 4px;font-size:12px;line-height:1.4;color:var(--muted,#6B6B70)}
@media print{.svz__cv,.svz__kn{display:none}.svz__sp{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}}
/* --- /css/glubina.css --- */
:root{
--shadow:0 1px 1px rgba(29,29,31,.03),0 8px 24px rgba(29,29,31,.06),0 32px 64px -24px rgba(29,29,31,.10);
--shadow-hover:0 1px 1px rgba(29,29,31,.04),0 10px 30px rgba(29,29,31,.075),0 40px 80px -24px rgba(29,29,31,.125)
}
body::before{content:"";position:fixed;z-index:-2;inset:-12%;pointer-events:none;
background:radial-gradient(42% 38% at 22% 18%,rgba(234,241,253,.95),rgba(234,241,253,0) 70%),
radial-gradient(38% 34% at 82% 64%,rgba(243,239,230,.95),rgba(243,239,230,0) 70%);
opacity:.9;animation:dyhanie 18s ease-in-out infinite alternate;will-change:transform}
body::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.035;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='z'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23z)'/%3E%3C/svg%3E")}
@keyframes dyhanie{from{transform:translate3d(-2%,-1.5%,0)}to{transform:translate3d(2%,1.5%,0)}}
.card,.report.ex,.vhod,.pr-gl a,.osn-card{box-shadow:var(--shadow)}
.report{box-shadow:var(--shadow)}
.search,.check{box-shadow:var(--shadow)}
.card,.report.ex,.vhod,.pr-gl a,.search,.check{transition:box-shadow var(--slow,240ms) var(--ease,cubic-bezier(.2,.7,.2,1)),transform var(--slow,240ms) var(--ease,cubic-bezier(.2,.7,.2,1)),border-color .2s}
@media (hover:hover){
.card:hover,.report.ex:hover,.vhod:hover,.pr-gl a:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.search:hover,.check:hover{box-shadow:var(--shadow-hover)}
.search:focus-within,.check:focus-within{box-shadow:var(--shadow-hover),0 0 0 3px var(--accent,#0B63E5)}
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.shapka.is-scrolled{background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom-color:rgba(29,29,31,.06)}
.report.ex{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.6)}
@media (hover:hover){.report.ex:hover{box-shadow:var(--shadow-hover),inset 0 0 0 1px rgba(255,255,255,.6)}}
.report.ex.loading,.rezhim-otcheta .report.ex{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@property --p{syntax:'<number>';inherits:true;initial-value:0}
.zhi{--zona-cvet:var(--ok,#16723F);--d:132px;display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}
.zhi[data-zona=warn]{--zona-cvet:var(--warn,#9A5B00)}
.zhi[data-zona=high]{--zona-cvet:var(--high,#C2410C)}
.zhi[data-zona=bad]{--zona-cvet:var(--bad,#B3261E)}
.zhi__scena{position:relative;width:var(--d);height:var(--d);perspective:900px}
.zhi__kolco{position:absolute;inset:0;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform 600ms var(--ease,cubic-bezier(.2,.7,.2,1));border-radius:50%}
.zhi__fon,.zhi__duga{position:absolute;inset:0;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent 79%,#000 80%);mask:radial-gradient(farthest-side,transparent 79%,#000 80%)}
.zhi__fon{opacity:.28;background:conic-gradient(from 225deg,var(--bad,#B3261E) 0 22%,var(--high,#C2410C) 0 37.1%,var(--warn,#9A5B00) 0 52.3%,var(--ok,#16723F) 0 75%,transparent 0)}
.zhi__duga{background:conic-gradient(from 225deg,var(--zona-cvet) calc(var(--p)*.7576%),transparent 0)}
.zhi__svet{position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 40px -10px var(--zona-cvet);opacity:.35;transform:translateZ(-1px)}
.zhi__strelka{position:absolute;left:50%;top:50%;width:2px;height:50%;margin-left:-1px;transform-origin:50% 0;transform:rotate(calc(45deg + var(--p)*2.7273deg));pointer-events:none}
.zhi__strelka::after{content:"";position:absolute;left:-3px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:var(--ink,#1D1D1F);box-shadow:0 0 0 3px #fff}
.zhi__chislo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:calc(var(--d)*.34);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--ink,#1D1D1F);font-variant-numeric:tabular-nums;transform:translateZ(24px)}
.zhi__chislo small{font-size:.32em;font-weight:500;color:var(--muted,#6B6B70);margin-left:2px}
.zhi__pod::before{content:"Индекс Делоскопа · 1–99"}
.ex-ix .zhi__chislo::before{content:"";width:30%;height:30%;background:var(--zona-cvet);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.zhi__pod{font-size:12px;color:var(--ink-2,#48484C);white-space:nowrap}
.zhi.is-idet{transition:--p 1.2s var(--ease,cubic-bezier(.2,.7,.2,1))}
.ex-ix .zhi{align-self:flex-start;--d:120px}
html:not(.est-js) .ex-ix .zhi{--p:72}
@media (max-width:720px){.ex-ix .zhi{--d:96px;flex-basis:100%;flex-direction:row;gap:14px}.ex-ix .zhi__pod{white-space:normal}}
.ot-ix .zhi{--d:168px;align-self:flex-start;margin:4px 0}
.ot-ix .zhi .ot-ix__big{font-size:48px;line-height:1}
.ot-ix .zhi .ot-ix__big small{font-size:15px}
.ot-ix--zhi .ot-ix__sh{display:none}
@media (max-width:860px){.ot-ix--zhi{align-items:center}.ot-ix .zhi{--d:132px;align-self:center}.ot-ix .zhi .ot-ix__big{font-size:32px}}
@supports (animation-timeline:view()){
.sobir{animation:vstat both linear;animation-timeline:view();animation-range:entry calc(var(--i,0)*6%) entry calc(60% + var(--i,0)*6%)}
}
@keyframes vstat{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
.zhi-io .sobir{transition:opacity .6s var(--ease,cubic-bezier(.2,.7,.2,1)),transform .6s var(--ease,cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--i,0)*60ms)}
.zhi-io .sobir:not(.is-vidno){opacity:0;transform:translateY(24px) scale(.985)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.report.ex{background:#fff}}
@media (prefers-reduced-motion:reduce){
body::before{animation:none;transform:none}
.card,.report.ex,.vhod,.pr-gl a,.search,.check{transition:none}
.card:hover,.report.ex:hover,.vhod:hover,.pr-gl a:hover{transform:none}
.zhi__kolco{transition:none;transform:none}
.zhi.is-idet{transition:none}
.sobir,.zhi-io .sobir,.zhi-io .sobir:not(.is-vidno){animation:none;transition:none;opacity:1;transform:none}
}
@media print{body::before,body::after{display:none}.report.ex{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
.meta a.avtor{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
.meta a.avtor:hover{text-decoration-color:currentColor}