:root{--vg-bg:#0d0f14;--vg-card:#16181f;--vg-inset:#111319;--vg-text:#f1f3f7;--vg-muted:#a6afbf;--vg-border:#2a2e38;--vg-accent:#f3f4f6;--vg-on:#14171d;--vg-good:#a4dfc8;--vg-warn:#eac99a}html[data-mm-theme=light]{--vg-bg:#f5f7fa;--vg-card:#fff;--vg-inset:#eff2f6;--vg-text:#182235;--vg-muted:#536176;--vg-border:#d5dde7;--vg-accent:#1e293b;--vg-on:#fff;--vg-good:#21674b;--vg-warn:#835508}body{background:var(--vg-bg);color:var(--vg-text)}.vg-shell{width:calc(100% - 48px);max-width:1160px;margin:42px auto 80px;font:15px/1.75 Inter,system-ui,sans-serif}.vg-shell *{box-sizing:border-box}.vg-shell p{color:var(--vg-muted);margin:10px 0 17px}.vg-eyebrow{font:11px/1.6 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;color:var(--vg-muted);text-transform:uppercase}.vg-hero h1{font-size:clamp(35px,5.5vw,61px);line-height:1.08;letter-spacing:-2px;margin:18px 0 22px}.vg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:60px;align-items:center}.vg-hero-grid>div>p{font-size:17px;max-width:690px}.vg-hero{padding:15px 0 38px}.vg-summary{padding:23px;border:1px solid var(--vg-border);background:var(--vg-card);border-radius:14px}.vg-summary strong{font:700 38px/1.6 ui-monospace,monospace;display:block;letter-spacing:-2px}.vg-summary p{font-size:12px;margin:12px 0}.vg-summary progress{width:100%;height:6px;accent-color:var(--vg-good)}.vg-button,.vg-mode-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 15px;border:1px solid var(--vg-border);border-radius:9px;background:var(--vg-inset);color:var(--vg-text);font:600 13px/1.5 Inter,system-ui;cursor:pointer;text-decoration:none!important}.vg-primary{background:var(--vg-accent)!important;color:var(--vg-on)!important;border-color:var(--vg-accent)}.vg-link{border:0;background:transparent;color:var(--vg-muted);padding:6px 0;font:500 12px/1.6 Inter,system-ui;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.vg-mode{padding:21px 24px;border:1px solid var(--vg-border);background:var(--vg-card);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.vg-mode h2{font-size:17px;margin:0}.vg-mode p{font-size:13px;margin:4px 0}.vg-mode-buttons{display:flex;gap:5px;flex-shrink:0;padding:4px;border-radius:11px;border:1px solid var(--vg-border);background:var(--vg-inset)}.vg-mode-buttons button{border-color:transparent;background:transparent}.vg-mode-buttons button[aria-pressed=true]{background:var(--vg-accent);color:var(--vg-on)}.vg-notice{font-size:12px;padding:7px 0 19px;max-width:900px}.vg-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:28px;align-items:start}.vg-nav{display:flex;flex-direction:column;gap:3px;position:sticky;top:18px;padding:8px 0}.vg-nav a{display:flex;gap:10px;padding:11px 10px;color:var(--vg-muted);text-decoration:none;border-radius:8px;font-size:12px;border-left:2px solid transparent}.vg-nav a:hover,.vg-nav a[aria-current=true]{background:var(--vg-card);color:var(--vg-text);border-color:var(--vg-muted)}.vg-nav span{font:11px ui-monospace,monospace;padding-top:3px}.vg-content{min-width:0;display:grid;gap:26px}.vg-card{border:1px solid var(--vg-border);border-radius:16px;padding:28px;background:var(--vg-card);scroll-margin-top:22px;min-width:0}.vg-card h2{font-size:28px;letter-spacing:-.7px;line-height:1.25;margin:10px 0 18px}.vg-card h3{font-size:16px;margin:22px 0 10px}.vg-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.vg-three>div{min-width:0}.vg-three strong{font:13px ui-monospace,monospace;color:var(--vg-muted)}.vg-three h3{margin:12px 0 9px}.vg-three p{font-size:13px;line-height:1.7}.vg-tip{font-size:13px;background:var(--vg-inset);border-left:2px solid var(--vg-muted);padding:13px 15px;margin:22px 0 0!important;border-radius:0 8px 8px 0}.vg-level-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.vg-step{font:18px ui-monospace,monospace;display:grid;place-items:center;border:1px solid var(--vg-border);border-radius:10px;width:46px;height:46px;background:var(--vg-inset)}.vg-level-head h2{margin:2px 0 0}.vg-complete{font-size:11px!important;color:var(--vg-muted);display:flex!important;align-items:center;gap:7px;margin-left:auto!important}.vg-complete input{accent-color:var(--vg-good);width:17px!important;height:17px;min-width:17px}.vg-goal{font-size:16px;margin:21px 0!important}.vg-card figure{margin:22px 0}.vg-image{padding:0;border:1px solid var(--vg-border);background:#101218;border-radius:11px;overflow:hidden;cursor:zoom-in;width:100%;position:relative;display:block}.vg-image img{display:block;width:100%;height:auto}.vg-image span{position:absolute;bottom:12px;right:12px;background:#0d0f14e8;color:#e7eaf0;border:1px solid #343944;padding:5px 9px;border-radius:6px;font:11px Inter,system-ui}.vg-card figcaption{font-size:11px;color:var(--vg-muted);margin-top:8px}.vg-list{padding-left:22px;color:var(--vg-muted);font-size:14px}.vg-list li{padding-left:5px;margin-bottom:12px}.vg-practice{margin:23px 0 5px;background:var(--vg-inset);padding:22px;border:1px solid var(--vg-border);border-radius:12px}.vg-practice h3{margin-top:8px}.vg-practice p{font-size:13px}.vg-practice .vg-button{margin-top:14px}.vg-shell label{display:block;font-size:12px;font-weight:600;margin:13px 0 6px}.vg-shell input:not([type=checkbox]),.vg-shell select{width:100%;min-width:0;color:var(--vg-text);background:var(--vg-inset);border:1px solid var(--vg-border);padding:11px 12px;border-radius:8px;font:13px/1.6 ui-monospace,monospace}.vg-practice input,.vg-practice select{background:var(--vg-card)!important}.vg-feedback{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:0;margin:10px 0 0!important}.vg-feedback[data-ok=true]{color:var(--vg-good)}.vg-feedback[data-ok=false]{color:var(--vg-warn)}.vg-walkthrough{border-top:1px solid var(--vg-border);padding-top:24px;margin-top:25px}.vg-walkthrough>p{font-size:13px}.vg-prompt{display:flex;gap:12px;align-items:flex-start;background:var(--vg-inset);border:1px solid var(--vg-border);border-radius:9px;padding:13px 14px;margin:10px 0}.vg-prompt code{flex:1;min-width:0;font:12px/1.75 ui-monospace,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.vg-prompt .vg-link{flex-shrink:0}.vg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 15px}.vg-copy-row{display:flex;gap:9px;align-items:stretch}.vg-copy-row .vg-button{flex-shrink:0}.vg-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.vg-card details{border-top:1px solid var(--vg-border);padding:15px 0;margin-top:14px}.vg-card summary{font-size:13px;font-weight:600;cursor:pointer;list-style-position:inside}.vg-card details>p{font-size:13px}.vg-card code,.vg-card pre{font-family:ui-monospace,'JetBrains Mono',monospace}.vg-card pre{background:var(--vg-inset);padding:12px;border-radius:8px;overflow:auto;font-size:11px;line-height:1.8}.vg-example{display:flex;gap:10px;flex-wrap:wrap}.vg-example code{padding:9px 12px;background:var(--vg-card);border:1px solid var(--vg-border);border-radius:7px;font-size:12px}html[data-guide-mode=learn] .vg-walkthrough{display:none}html[data-guide-mode=walkthrough] .vg-practice,html[data-guide-mode=walkthrough] .vg-reveal{display:none}.vg-reveal{margin-top:13px}.vg-shell :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--vg-muted);outline-offset:4px}#vg-lightbox{width:calc(100% - 30px);max-width:1240px;max-height:calc(100dvh - 30px);background:var(--vg-card);color:var(--vg-text);border:1px solid var(--vg-border);border-radius:14px;padding:16px;overflow:auto}#vg-lightbox::backdrop{background:#000c}#vg-lightbox img{display:block;max-width:100%;height:auto;margin:15px auto 0}#vg-close-image{position:sticky;top:0;z-index:1}
@media(max-width:900px){.vg-layout{grid-template-columns:minmax(0,1fr)}.vg-nav{position:static;flex-direction:row;overflow-x:auto;padding:0 0 8px}.vg-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;flex-shrink:0;min-height:44px}.vg-hero-grid{gap:25px;grid-template-columns:minmax(0,1fr) 230px}.vg-three{grid-template-columns:minmax(0,1fr)}.vg-mode{align-items:flex-start;flex-direction:column}.vg-three h3{margin-top:7px}}@media(max-width:600px){.vg-shell{width:calc(100% - 24px);margin-top:25px}.vg-hero-grid{grid-template-columns:minmax(0,1fr)}.vg-hero h1{letter-spacing:-1.3px}.vg-hero-grid>div>p{font-size:15px}.vg-summary{padding:18px}.vg-summary strong{font-size:29px}.vg-mode{padding:18px 14px}.vg-mode-buttons{width:100%;flex-wrap:wrap}.vg-mode-buttons button{flex:1;min-height:44px}.vg-card{padding:21px 15px}.vg-card h2{font-size:24px}.vg-level-head{gap:10px}.vg-complete{margin-left:0!important;flex-basis:100%;padding:7px 0}.vg-fields{grid-template-columns:minmax(0,1fr)}.vg-shell input:not([type=checkbox]),.vg-shell select{font-size:16px}.vg-practice{padding:16px 12px}.vg-copy-row{flex-direction:column}.vg-prompt{flex-direction:column;gap:5px}.vg-actions .vg-button{width:100%;min-height:44px}.vg-image span{font-size:10px;bottom:7px;right:7px}.vg-notice{font-size:11px}.vg-content{gap:20px}.vg-button{min-height:44px}}@media(prefers-reduced-motion:reduce){.vg-shell *{scroll-behavior:auto!important}}