:root{--vk-blue:#07f;--vk-blue-hover:#1a8cff;--vk-blue-pressed:#05c;--vk-blue-soft:#008cff33;--font:-apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--header-h:56px;--sidebar-w:300px;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light]{--bg:#edeef0;--bg-elev:#fff;--bg-sidebar:#fff;--bg-hover:#f5f6f8;--bg-code:#e3f0ff;--text:#000;--text-secondary:#818c99;--text-link:#07f;--emph:#0057ff;--emph-bg:#cfe4ff;--code-fg:#0050d8;--border:#dce1e6;--shadow:0 1px 3px #00000014, 0 8px 24px #0000000a;--header-bg:#fff;--hl-bg:#1e293b;--hl-fg:#e2e8f0;--hl-keyword:#7dd3fc;--hl-string:#4ade80;--hl-comment:#94a3b8;--hl-number:#fb923c;--hl-title:#38bdf8;--hl-meta:#c084fc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#141414;--bg-elev:#1f1f1f;--bg-sidebar:#19191a;--bg-hover:#2c2d2e;--bg-code:#0095ff33;--text:#e1e3e6;--text-secondary:#8d949e;--text-link:#6cb6ff;--emph:#7ec8ff;--emph-bg:#0095ff52;--code-fg:#9bd4ff;--border:#2c2d2e;--shadow:0 1px 3px #0006, 0 8px 24px #00000047;--header-bg:#19191a;--hl-bg:#0f1115;--hl-fg:#e6edf3;--hl-keyword:#6cb6ff;--hl-string:#4ade80;--hl-comment:#8b949e;--hl-number:#fb923c;--hl-title:#38bdf8;--hl-meta:#c084fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}#app{min-height:100svh}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.shell{min-height:100svh}.header{z-index:20;height:var(--header-h);background:var(--header-bg);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:0 16px;display:flex;position:sticky;top:0}.header__brand{color:var(--text);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.header__brand:hover{text-decoration:none}.header__mark{background:var(--vk-blue);color:#fff;letter-spacing:-.04em;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:inline-flex}.header__progress{align-items:center;gap:8px;min-width:120px;margin-left:auto;display:flex}.header__bar{background:var(--bg);border-radius:99px;width:120px;height:6px;overflow:hidden}.header__bar-fill{background:var(--vk-blue);border-radius:99px;height:100%}.header__percent{color:var(--text-secondary);min-width:2.4em;font-size:13px}.icon-btn,.theme-toggle{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 10px;display:inline-flex}.icon-btn:hover,.theme-toggle:hover{background:var(--bg-hover)}.header__menu{justify-content:center;width:36px;display:none}.theme-toggle__label{font-size:13px}.shell__body{min-height:calc(100svh - var(--header-h));display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);height:calc(100svh - var(--header-h));top:var(--header-h);flex-shrink:0;padding:12px 0 32px;position:sticky;overflow:auto}.sidebar__search{padding:8px 12px 12px}.sidebar__search input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 10px}.sidebar__search input:focus{border-color:var(--vk-blue);box-shadow:0 0 0 3px var(--vk-blue-soft)}.sidebar__meta{color:var(--text-secondary);padding:0 16px 8px;font-size:12px}.sidebar__group{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:16px 16px 6px;font-size:12px;font-weight:600}.sidebar__link,.lesson-link,.module__head{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:7px 16px;text-decoration:none;display:flex}.lesson-row .lesson-link{padding-left:4px}.sidebar__link:hover,.lesson-link:hover,.module__head:hover{background:var(--bg-hover);text-decoration:none}.sidebar__link.is-active,.lesson-link.is-active{background:var(--vk-blue-soft);color:var(--vk-blue);font-weight:600}.module__id{color:var(--vk-blue);min-width:2.4em;font-size:11px;font-weight:700}.module__title{flex:1;font-size:14px}.module__chevron{color:var(--text-secondary);font-size:12px}.module__lessons{margin:0;padding:0 0 8px;list-style:none}.lesson-link__num{font-variant-numeric:tabular-nums;color:var(--text-secondary);min-width:1.6em;font-size:12px}.lesson-link.is-done .lesson-link__title{color:var(--text-secondary)}.lesson-link__title{font-size:13px;line-height:1.35}.shell__main{flex:1;min-width:0;padding:28px 32px 64px}.page{max-width:1080px;margin:0 auto}.hero-card,.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:32px}.eyebrow{color:var(--emph);margin:0 0 8px;font-size:13px;font-weight:700}h1,h2,h3{letter-spacing:-.02em;font-weight:650;line-height:1.25}h1{margin:0 0 12px;font-size:34px}.lede{color:var(--text-secondary);margin:0;font-size:18px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;display:grid}.stats div{background:var(--bg);border-radius:10px;padding:12px}.stats strong{font-size:22px;display:block}.stats span{color:var(--text-secondary);font-size:13px}.hero-actions,.pager{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pager{border-top:1px solid var(--border);justify-content:space-between;margin-top:36px;padding-top:20px}.btn{border:1px solid var(--border);background:var(--bg-elev);min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg-hover);text-decoration:none}.btn--primary{background:var(--vk-blue);border-color:var(--vk-blue);color:#fff}.btn--primary:hover{background:var(--vk-blue-hover);color:#fff}.btn--ghost{background:0 0}.section{margin-top:36px}.section h2{margin:0 0 16px;font-size:22px}.guide-grid,.module-grid{gap:12px;display:grid}.guide-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}.card{color:inherit;padding:16px 18px;display:block}.card:hover{border-color:var(--vk-blue);text-decoration:none}.card h3{margin:8px 0 6px;font-size:17px}.card p{color:var(--text-secondary);margin:0}.module-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.chip{background:var(--emph-bg);color:var(--emph);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.muted{color:var(--text-secondary);font-size:13px}.error{color:#e64646}.mini-lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:12px 0 0;padding:0;list-style:none;display:grid}.mini-lessons a{color:var(--text);font-size:14px}.mini-lessons a.is-done{color:var(--text-secondary)}.crumb{color:var(--text-secondary);gap:8px;margin:0 0 12px;font-size:13px;display:flex}.lesson-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.done-toggle{background:var(--bg-elev);border:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.done-toggle input,.lesson-check input,.task-label input{accent-color:var(--vk-blue);cursor:pointer;width:16px;height:16px}.done-toggle.is-on{background:var(--emph-bg);border-color:var(--vk-blue);color:var(--emph);font-weight:600}.markdown{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px 36px}.markdown>:first-child{margin-top:0}.markdown h1{font-size:30px}.markdown h2{margin:28px 0 12px;padding-top:8px;font-size:22px}.markdown h3{margin:22px 0 8px;font-size:18px}.markdown p,.markdown li{color:var(--text)}.markdown strong{color:var(--emph);background:var(--emph-bg);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:.05em .28em;font-weight:700}.markdown em{color:var(--emph);font-style:italic}.markdown p{margin:0 0 12px}.markdown ul,.markdown ol{padding-left:1.3em}.markdown li+li{margin-top:4px}.markdown blockquote{border-left:3px solid var(--vk-blue);background:var(--vk-blue-soft);border-radius:0 8px 8px 0;margin:16px 0;padding:8px 14px}.markdown hr{border:0;border-top:1px solid var(--border);margin:24px 0}.markdown table{border-collapse:collapse;width:100%;margin:16px 0 20px;font-size:15px;display:block;overflow:auto}.markdown th,.markdown td{border:1px solid var(--border);vertical-align:top;padding:8px 10px}.markdown th{text-align:left}.markdown :not(pre)>code{font-family:var(--mono);color:var(--code-fg);background:var(--bg-code);border-radius:4px;padding:.12em .35em;font-size:.9em}.markdown th{background:var(--emph-bg);color:var(--emph)}.task-item{margin-left:-1.1em;list-style:none}.task-label{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.task-label span{flex:1}.task-label:has(input:checked) span{color:var(--text-secondary)}.lesson-row{align-items:flex-start;gap:2px;padding-left:10px;display:flex}.lesson-check{cursor:pointer;align-items:center;padding:8px 4px 8px 6px;display:flex}.dead-link{color:var(--text-secondary)}.code-block{border:1px solid var(--border);background:var(--hl-bg);border-radius:10px;margin:16px 0 20px;overflow:hidden}.code-toolbar{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.code-lang{color:#93c5fd;text-transform:lowercase;font-size:12px;font-family:var(--mono)}.copy-code{color:#cbd5e1;cursor:pointer;background:0 0;border:0;font-size:12px}.copy-code:hover{color:#fff}.code-block pre{margin:0;padding:14px 16px 16px;overflow:auto}.code-block code{font-family:var(--mono);color:var(--hl-fg);font-size:13.5px;line-height:1.55}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-type{color:var(--hl-keyword)}.hljs-string,.hljs-attr,.hljs-attribute{color:var(--hl-string)}.hljs-comment,.hljs-quote{color:var(--hl-comment);font-style:italic}.hljs-number,.hljs-literal{color:var(--hl-number)}.hljs-title,.hljs-title.class_,.hljs-title.function_{color:var(--hl-title)}.hljs-meta,.hljs-variable,.hljs-template-variable,.hljs-bullet{color:var(--hl-meta)}.answer{border:1px solid var(--border);background:var(--bg);border-radius:10px;margin:12px 0 20px;padding:8px 14px}.answer summary{cursor:pointer;color:var(--vk-blue);font-weight:600}.answer-body{margin-top:8px}.backdrop{display:none}@media (width<=1024px){.header__menu{display:inline-flex}.header__title{display:none}.sidebar{z-index:30;top:var(--header-h);box-shadow:var(--shadow);transition:transform .2s;position:fixed;left:0;transform:translate(-105%)}.sidebar--open{transform:none}.backdrop{inset:var(--header-h) 0 0 0;z-index:25;background:#0006;display:block;position:fixed}.shell__main{padding:20px 16px 48px}.markdown{padding:18px 16px 24px}.guide-grid,.mini-lessons,.stats{grid-template-columns:1fr 1fr}h1{font-size:26px}}@media (width<=640px){.guide-grid,.mini-lessons,.stats{grid-template-columns:1fr}.theme-toggle__label{display:none}.header__bar{width:72px}.pager{flex-direction:column;align-items:stretch}}