.kn-figure{margin:2rem 0}.kn .ss-stage{--gutter:32px;--ss-canvas:#fcfcfc;--ss-surface:#fcfcfc;--ss-chrome:#fff;--ss-text:#71717b;--ss-text-strong:#09090b;--ss-icon:#71717b;--ss-line:#e4e4e7;--ss-line-faint:#eeeef0;--ss-well:#f0f0f3;--ss-shadow-hero:0 0 0 1px #09090b14, 0 30px 60px -12px #32325d38, 0 18px 36px -18px #00000040;background:var(--ss-well);border-radius:12px;overflow:hidden}@supports (color:lab(0% 0 0)){.kn .ss-stage{--ss-canvas:lab(98.84% .0000298023 -.0000119209);--ss-surface:lab(98.84% .0000298023 -.0000119209);--ss-chrome:lab(100% 0 0);--ss-text:lab(47.8878% 1.65477 -5.77283);--ss-text-strong:lab(2.51107% .242703 -.886115);--ss-icon:lab(47.8878% 1.65477 -5.77283);--ss-line:lab(90.6853% .399232 -1.45452);--ss-line-faint:lab(94.1742% .293225 -1.09328);--ss-well:lab(94.7368% .491053 -1.8205);--ss-shadow-hero:0 0 0 1px lab(2.51107% .242703 -.886115/.08), 0 30px 60px -12px #32325d38, 0 18px 36px -18px #00000040}}:where(.dark) .kn .ss-stage,.kn .ss-stage[data-theme=dark]{--ss-canvas:#1d1e24;--ss-surface:#1d1e24;--ss-chrome:#1f2026;--ss-text:#9f9fa9;--ss-text-strong:#f5f4f2;--ss-icon:#9f9fa9;--ss-line:#ffffff1a;--ss-line-faint:#ffffff0f;--ss-well:#15161c;--ss-shadow-hero:0 0 0 1px #ffffff1a, 0 30px 60px -12px #0009}@supports (color:lab(0% 0 0)){:where(.dark) .kn .ss-stage,.kn .ss-stage[data-theme=dark]{--ss-canvas:lab(11.1699% .737645 -4.24462);--ss-surface:lab(11.1699% .737645 -4.24462);--ss-chrome:lab(12.3419% .731275 -4.2476);--ss-text:lab(65.6464% 1.53497 -5.42429);--ss-text-strong:lab(96.2301% .0844896 1.10114);--ss-icon:lab(65.6464% 1.53497 -5.42429);--ss-line:lab(100% 0 0/.1);--ss-line-faint:lab(100% 0 0/.06);--ss-well:lab(7.13663% .753231 -4.35565);--ss-shadow-hero:0 0 0 1px lab(100% 0 0/.1), 0 30px 60px -12px #0009}}.kn .kn-window{top:var(--gutter);left:var(--gutter);right:var(--gutter);height:400px;box-shadow:var(--ss-shadow-hero);position:absolute}.kn .kn-page{border-radius:12px;overflow:hidden}.kn .kn-shell{--m-acc:#635cff;--m-acc-soft:#efeeff;--m-bg:#fff;--m-ink:#171717;--m-ink2:#525252;--m-ink3:#8c8c90;--m-line:#e4e4e6;--m-line2:#d2d2d6;--m-ok:#2e8a70;--m-applied:#2563eb;--m-surf:#f4f4f5;--kn-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ss-ink-1:#0000000a;--ss-ink-2:#0000000f;--ss-ink-3:#00000014;--ss-ink-4:#0000001a;--ss-ink-5:#00000026;background:var(--m-surf);height:100%;color:var(--m-ink);grid-template-columns:220px minmax(0,1fr);display:grid}.kn .kn-rail{border-right:1px solid var(--m-line);background:var(--m-bg);flex-direction:column;gap:22px;min-width:0;padding:12px 18px;display:flex}.kn .kn-step{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;padding:5px 8px 5px 0;display:grid}.kn .kn-step-mkr{flex-direction:column;align-items:center;width:18px;padding-top:4px;display:flex}.kn .kn-step-dot{border:2px solid var(--m-line2);background:var(--m-bg);border-radius:50%;flex:none;width:9px;height:9px}.kn .kn-step-rail{background:var(--m-line);width:2px;height:9px;margin-top:3px;margin-bottom:-5px}.kn .kn-step:last-child .kn-step-rail{visibility:hidden}.kn .kn-step[data-now] .kn-step-dot{border-color:var(--m-acc);background:var(--m-acc);box-shadow:0 0 0 4px var(--m-acc-soft)}.kn .kn-step .ss-bar{margin-top:6px}.kn .kn-lb{color:var(--m-ink3);font-family:var(--kn-mono);letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:600;line-height:1.3}.kn .kn-goal{will-change:transform;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:9px;padding:7px 0;display:grid;position:relative}.kn .kn-goal:before{content:"";border-top:1px dashed var(--m-line);position:absolute;top:0;left:0;right:0}.kn .kn-mk{border:1.5px solid var(--m-line2);color:#fff;border-radius:50%;place-items:center;width:14px;height:14px;margin-top:2px;transition:background-color .25s,border-color .25s;display:grid}.kn .kn-mk svg{opacity:0;transition:opacity .2s,transform .3s cubic-bezier(.25,.8,.25,1);transform:scale(.4)}.kn .kn-goal[data-level] .kn-mk svg{opacity:1;transform:none}.kn .kn-goal[data-level=explained] .kn-mk{border-color:var(--m-ok);background:var(--m-ok)}.kn .kn-goal[data-level=applied] .kn-mk{border-color:var(--m-applied);background:var(--m-applied)}.kn .kn-ct{min-width:0;color:var(--m-ink3);font-size:12.5px;line-height:1.4;transition:color .25s}.kn .kn-goal[data-level] .kn-ct{color:var(--m-ink)}.kn .kn-level{color:var(--m-ink3);font-family:var(--kn-mono);letter-spacing:.06em;padding-top:1px;font-size:10px;font-style:normal;line-height:1.3;display:block}.kn .kn-goal-bars{flex-direction:column;gap:6px;padding:5px 0;display:flex}.kn .kn-main{min-width:0}.kn .kn-canvas{align-items:center;height:272px;margin:20px 20px 0;display:flex;position:relative}.kn .kn-slide{aspect-ratio:16/9;background:var(--m-bg);width:100%;box-shadow:0 0 0 1px var(--m-line), 0 1px 2px #0a0d140a;border-radius:8px;flex-direction:column;gap:10px;padding:20px 22px;display:flex}.kn .kn-slide-h{letter-spacing:-.02em;max-width:92%;font-size:17px;font-weight:700;line-height:1.2}.kn .kn-res{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.kn .kn-res-card{border:1px solid var(--m-line);border-radius:8px;flex-direction:column;gap:7px;padding:10px;display:flex}.kn .kn-res-card[data-key]{background:var(--m-acc-soft);border-color:#c9c6ff}.kn .kn-res-chip{border-radius:5px;width:16px;height:16px;margin-bottom:2px}.kn .kn-slide-foot{flex-direction:column;gap:6px;margin-top:auto;display:flex}.kn .kn-caption{display:grid;position:absolute;bottom:8px;left:24px;right:24px}.kn .kn-caption-card{-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);opacity:0;background:linear-gradient(#fffc,#ffffffb3);border:1px solid #ffffff8c;border-radius:14px;flex-direction:column;grid-area:1/1;gap:4px;padding:10px 16px 12px;transition:opacity .12s;display:flex;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #0000000d,0 8px 24px #1717171f}.kn .kn-caption-card[data-shown]{opacity:1;transition:opacity .2s .12s}.kn .kn-caption-lb{color:var(--m-ink3);font-family:var(--kn-mono);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:600;line-height:1.3;display:flex}.kn .kn-caption-wave{align-items:center;gap:2px;height:10px;display:flex}.kn .kn-caption-wave i{background:var(--m-acc);border-radius:1px;width:2px}.kn .kn-caption-wave i:first-child{height:4px}.kn .kn-caption-wave i:nth-child(2){height:9px}.kn .kn-caption-wave i:nth-child(3){height:6px}.kn .kn-caption-text{color:var(--m-ink3);letter-spacing:-.005em;margin:0;font-size:15px;font-weight:500;line-height:1.45}.kn .kn-word{transition:color .15s}.kn .kn-word[data-said]{color:var(--m-ink)}.kn .kn-word[data-now]{color:var(--m-acc)}.kn .ss-stage[data-layout=compact]{--gutter:16px}.kn .ss-stage[data-layout=compact] .kn-window{width:400px;right:auto}.kn .ss-stage[data-layout=compact] .kn-shell{grid-template-columns:276px minmax(0,1fr)}.kn .ss-stage[data-layout=compact] .kn-main{display:none}