.kn{--brand:#1e6fd9;--sky:#38bdf8;--ink:#0f1b2d;--muted:#5d6676;--line:#e3e8ef;--surface:#f4f7fb;--panel:#fff;--chip:#eaf2fd;--font-head:"Unbounded", "Golos Text", system-ui, sans-serif;--font-body:"Golos Text", system-ui, sans-serif;font-size:15.5px}.kn-live .crumbs{padding-bottom:0}.kn-lead h1{letter-spacing:-.025em;font-size:clamp(22px,2.4vw,32px);font-weight:600}.kn-lead p{color:#3c4657}.kn-facts li{background:var(--surface);color:#3c4657;padding:5px 11px}.kn-facts li.beta{color:#2a2206;background:#f5cf3a;font-weight:600}.kn h2{letter-spacing:-.02em;font-weight:600}.kn-nav,.kn-form,.kn-checks,.kn-paper,.kn-btn{border-radius:14px}.kn-form{background:var(--surface);border-color:#0000}.kn-num{background:var(--brand)}.kn input[type=number],.kn input[type=text],.kn select{border-color:var(--line);border-radius:10px;font-weight:600}.kn input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1e6fd926}.kn-btn{border-color:var(--line);transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),background .2s}.kn-btn:hover{border-color:var(--brand)}.kn-btn:active{transform:scale(.97)}.kn-btn.primary{background:var(--brand);border-color:var(--brand);box-shadow:0 6px 18px #1e6fd947}.kn-btn.primary:hover{background:#185fc0}.kn-paper{background-image:linear-gradient(var(--surface) 1px, transparent 1px), linear-gradient(90deg, var(--surface) 1px, transparent 1px);background-size:20px 20px}.kn-text h2{font-size:21px}.kn-howto>div{border-radius:16px}.kn-hd{border-radius:20px}.kn-ad{min-height:0}.kn .qbtn{width:26px;min-width:26px;height:26px}.kn-hub-page .kn-lead h1,.kn .kn-lead h1{font-size:clamp(22px,2.6vw,32px)}.kn-lead-sk{display:none}@media (width>=1100px){.kn-lead.has-sk{grid-template-columns:120px 1fr;align-items:center;column-gap:24px;display:grid}.kn-lead.has-sk>:not(.kn-lead-sk){grid-column:2}.kn-lead-sk{background-color:#f4f7fb;background-image:linear-gradient(#e9eef6 1px,#0000 1px),linear-gradient(90deg,#e9eef6 1px,#0000 1px);background-size:16px 16px;border-radius:16px;grid-area:1/1/span 3;place-items:center;width:120px;height:140px;padding:12px;display:grid}.kn-lead-sk img{object-fit:contain;width:100%;height:100%}}body.vk-new .kn{padding-left:0;padding-right:0}.vk-kn-dlg section[hidden],.vk-kn-dlg a[hidden]{display:none}.vk-kn-pick{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0 6px 6px;display:grid}body.vk-new .vk-kn-pick a{border:1px solid var(--vk-line,#e3e8ef);color:var(--vk-ink,#0f1b2d);border-radius:12px;align-items:center;gap:10px;padding:8px;font-size:14px;font-weight:500;line-height:1.25;text-decoration:none;display:flex}.vk-kn-pick a span{background:#f4f7fb;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;padding:4px;display:grid}.vk-kn-pick a img{object-fit:contain;width:100%;height:100%}body.vk-new .vk-kn-pick a:hover{color:#1e6fd9;border-color:#1e6fd9}body.vk-new .vk-kn-pick a.on{background:#eaf2fd;border-color:#1e6fd9}@media (width<=560px){.vk-kn-pick{grid-template-columns:1fr 1fr}}.kn .kn-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kn .kn-actions .kn-btn{width:auto;min-width:0;margin:0}.kn .kn-actions .kn-btn small{white-space:normal}@container kn (width>=1100px){.kn .kn-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,1.2fr) minmax(0,.65fr) minmax(0,.85fr)}}.vk-kn-pick a span{overflow:hidden}.vk-kn-pick a img{width:36px;max-width:36px;height:36px;max-height:36px}@container kn (width<=760px){.kn .kn-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.kn .kn-actions .kn-btn.primary{grid-column:1/-1}}@container kn (width<=520px){.kn .kn-actions .kn-btn:not(.primary) small{display:none}.kn .kn-actions .kn-btn:not(.primary){text-align:center;justify-content:center;min-height:48px;padding-left:8px;padding-right:8px}}html:has(.kn-v2),body.vk-new:has(.kn-v2){overflow-x:clip}.kn-v2{padding:0}.vk-kn-hero{background:var(--vk-deep);color:#fff;background-image:linear-gradient(#8cb4ff14 1px,#0000 1px),linear-gradient(90deg,#8cb4ff14 1px,#0000 1px);background-size:50px 50px;margin:0 calc(50% - 50vw);padding:0 0 22px}.vk-kn-hero-wrap{max-width:1248px;margin:0 auto;padding:0 24px}.vk-kn-hero .breadcrumb{color:#9fb6dc;margin:0;padding:14px 0 8px;font-size:14px}body.vk-new .vk-kn-hero .breadcrumb a,body.vk-new .vk-kn-hero .breadcrumb a span{color:#fff}body.vk-new .vk-kn-hero h1{font:700 clamp(26px, 3vw, 36px)/1.06 var(--vk-head);letter-spacing:-.035em;color:#fff;margin:0 0 6px}.vk-kn-hero-lead{color:#cfdcf3;max-width:60ch;margin:0 0 14px;font-size:16px}.vk-kn-facts{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}body.vk-new .vk-kn-facts li{color:#fff;background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;margin:0;padding:6px 12px;font-size:14px;display:inline-flex}.vk-kn-facts li:before{content:none!important}.vk-kn-facts svg{width:15px;height:15px;color:var(--vk-sky)}body.vk-new .vk-kn-facts li.beta{background:var(--vk-tape);color:#4a3a0a;font-weight:600}.vk-kn-filter{z-index:20;backdrop-filter:blur(8px);background:#fffffff2;flex-wrap:wrap;gap:8px;margin:6px 0 8px;padding:12px 0;display:flex;position:sticky;top:0}body.vk-new .vk-kn-filter .vk-chip.on{background:var(--vk-ink);border-color:var(--vk-ink);color:#fff}body.vk-new .vk-kn-filter .vk-chip.on em{color:#cbd5e1}.vk-kn-group{padding:14px 0 8px;scroll-margin-top:80px}body.vk-new .vk-kn-group h2{font:600 24px/1.2 var(--vk-head);letter-spacing:-.02em;color:var(--vk-ink);margin:0 0 16px}.vk-kn-group h2 em{font:500 15px var(--vk-text);color:var(--vk-muted);margin-left:6px;font-style:normal}.vk-knc-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}body.vk-new .vk-knc{border:1px solid var(--vk-line);color:var(--vk-ink);transition:border-color .2s, box-shadow .3s, transform .3s var(--vk-ease);background:#fff;border-radius:16px;align-content:start;gap:2px;padding:12px 12px 14px;text-decoration:none;display:grid}body.vk-new .vk-knc:hover{border-color:#bcd3f5;transform:translateY(-3px);box-shadow:0 16px 30px -18px #0a3a8659}.vk-knc-art{aspect-ratio:1;background:var(--vk-wash);background-image:linear-gradient(#e9eef6 1px,#0000 1px),linear-gradient(90deg,#e9eef6 1px,#0000 1px);background-size:16px 16px;border-radius:12px;place-items:center;margin-bottom:8px;padding:14px;display:grid;position:relative;overflow:hidden}.vk-knc-art img,.vk-knc-art svg{object-fit:contain;width:calc(100% - 28px);height:calc(100% - 28px);transition:transform .5s var(--vk-ease);position:absolute;inset:14px}.vk-knc:hover .vk-knc-art img{transform:scale(1.05)}.vk-knc b{font:600 15.5px/1.3 var(--vk-text)}body.vk-new .vk-knc:hover b{color:var(--vk-blue)}.vk-knc em{color:var(--vk-muted);font-size:13px;font-style:normal;line-height:1.35}.kn-v2 .kn-ad-top{margin:24px 0 0}.vk-kn-how{padding:64px 0 8px}.vk-kn-how-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.vk-kn-how-grid>div{border:1px solid var(--vk-line);border-radius:18px;padding:22px 24px}.vk-kn-how-grid .ours{background:var(--vk-tint);border-color:#0000}body.vk-new .vk-kn-how-grid h3{font:600 18px/1.2 var(--vk-head);color:var(--vk-ink);margin:0 0 8px}.vk-kn-how-grid p{color:var(--vk-ink2);margin:0}.vk-kn-own{background:#fff8e1;border:1px solid #f5d77a;border-radius:16px;align-items:start;gap:14px;margin:24px 0 0;padding:16px 20px;display:flex}.vk-kn-own svg{color:#8a5a00;flex:none;width:26px;height:26px;margin-top:1px}.vk-kn-own p{color:#4a3a0a;margin:0;font-size:15px}.vk-kn-own a{color:#8a5a00;text-underline-offset:3px;text-decoration:underline}.kn-v2 .kn-prose{margin-top:48px}.kn-v2 .kn-ad-feed{margin-top:40px}@media (width<=860px){.vk-kn-hero-wrap{padding:0 16px}.vk-knc-grid{grid-template-columns:repeat(2,1fr);gap:10px}.vk-kn-filter{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.vk-kn-how-grid{grid-template-columns:1fr}}.kn:not(.kn-v2)>.vk-kn-own{margin:32px 0 0}body.vk-new .kn-text .kn-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:16px 0 8px;display:grid}body.vk-new .kn-text .kn-card{border:1px solid var(--vk-line);color:var(--vk-ink);font:600 16px/1.3 var(--vk-text);transition:border-color .2s, box-shadow .3s, transform .3s var(--vk-ease);background:#fff;border-radius:16px;gap:4px;padding:16px 48px 16px 18px;text-decoration:none;display:grid;position:relative}body.vk-new .kn-text .kn-card small{font:400 14px/1.35 var(--vk-text);color:var(--vk-muted)}body.vk-new .kn-text .kn-card:after{content:"";width:18px;height:18px;color:var(--vk-blue);transition:transform .3s var(--vk-ease);background:currentColor;margin-top:-9px;position:absolute;top:50%;right:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat}body.vk-new .kn-text .kn-card:hover{color:var(--vk-blue);border-color:#bcd3f5;transform:translateY(-2px);box-shadow:0 16px 30px -18px #0a3a8659}body.vk-new .kn-text .kn-card:hover:after{transform:translate(3px)}@container kn (width<=760px){body.vk-new .kn-tool{grid-template-areas:"tabs""form""board""mid""checks"}body.vk-new .kn-tool>.kn-ad-mid{margin:6px 0 4px}}