:root{--cf-accent:var(--accent,var(--accent-light,var(--accent-hover,#58a6ff)));--cf-surface:var(--bg-card,var(--bg-tertiary,var(--bg-secondary,#161b22)));--cf-surface2:var(--bg-tertiary,var(--bg-secondary,var(--bg-card,#1c2333)));--cf-bg:var(--bg,var(--bg-primary,#0d1117));--cf-text:var(--text,var(--text-primary,var(--text-body,#e6edf3)));--cf-dim:var(--text-secondary,var(--text-muted,var(--text-dim,#8b949e)));--cf-border:var(--border,var(--border-light,#30363d));--cf-green:var(--green,var(--success,#3fb950));--cf-red:var(--red,var(--error,var(--danger,#f85149)));--cf-code:var(--bg-code,#0d1117);--cf-shadow:0 10px 34px #00000080;--cf-r:12px}html[data-cf-theme=light]{--bg:#fff;--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#eaeef2;--bg-card:#f6f8fa;--bg-card-alt:#eaeef2;--bg-code:#f2f4f7;--bg-quiz:#f6f8fa;--text:#1f2328;--text-primary:#1f2328;--text-body:#1f2328;--text-bright:#0b0f16;--text-heading:#0b0f16;--text-secondary:#57606a;--text-muted:#6e7781;--text-dim:#57606a;--border:#d0d7de;--border-light:#d8dee4;--cf-shadow:0 10px 34px #78839147;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-cf-theme=light] body{background:var(--bg,#fff);color:var(--text,#1f2328)}.cf-dock{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9995;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed}.cf-btn{border:1px solid var(--cf-border);background:var(--cf-surface);width:44px;height:44px;color:var(--cf-text);cursor:pointer;box-shadow:var(--cf-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:transform .18s,background .18s,border-color .18s;display:flex}.cf-btn:hover{border-color:var(--cf-accent);color:var(--cf-accent);transform:translateY(-2px)scale(1.06)}.cf-btn:active{transform:scale(.94)}.cf-prog{padding:0;position:relative}.cf-prog .cf-ring{background:conic-gradient(var(--cf-accent) calc(var(--p,0)*3.6deg), var(--cf-border) 0);border-radius:50%;transition:background .5s;position:absolute;inset:0}.cf-prog .cf-ring:after{content:"";background:var(--cf-surface);border-radius:50%;position:absolute;inset:4px}.cf-prog .cf-pct{z-index:1;letter-spacing:-.02em;font-size:11px;font-weight:800;position:relative}.cf-topbar{z-index:9996;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.cf-topbar-fill{background:linear-gradient(90deg,var(--cf-accent),var(--cf-green));width:0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.cf-modmeta{vertical-align:middle;align-items:center;gap:8px;margin-left:auto;font-size:.72rem;display:inline-flex}.cf-rt{color:var(--cf-dim);white-space:nowrap;letter-spacing:.02em;font-weight:600}.cf-done{border:1px solid var(--cf-border);color:var(--cf-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:3px 10px;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .18s}.cf-done:hover{border-color:var(--cf-green);color:var(--cf-green)}.cf-done.on{background:var(--cf-green);border-color:var(--cf-green);color:#04120a}.cf-bm{cursor:pointer;color:var(--cf-dim);opacity:0;vertical-align:middle;background:0 0;border:0;margin-left:.4em;padding:0 .2em;font-size:.85em;transition:opacity .18s,color .18s,transform .18s}h2:hover .cf-bm,h3:hover .cf-bm,.cf-bm:focus-visible,.cf-bm.on{opacity:.85}@media (hover:none){.cf-bm{opacity:.55}}.cf-bm:hover{color:var(--cf-accent);transform:scale(1.2)}.cf-bm.on{color:var(--cf-accent);opacity:1}.cf-panel{z-index:9997;background:var(--cf-surface);border-left:1px solid var(--cf-border);width:320px;max-width:86vw;height:100%;box-shadow:var(--cf-shadow);flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(102%)}.cf-panel.open{transform:none}.cf-panel-h{border-bottom:1px solid var(--cf-border);color:var(--cf-text);justify-content:space-between;align-items:center;padding:16px 18px;font-weight:800;display:flex}.cf-panel-x{color:var(--cf-dim);cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.cf-panel-x:hover{color:var(--cf-text)}.cf-panel-body{flex:1;padding:8px 0;overflow:auto}.cf-bm-row{border-left:2px solid #0000;align-items:stretch;transition:background .15s,border-color .15s;display:flex}.cf-bm-row:hover,.cf-bm-row:focus-within{background:var(--cf-surface2);border-left-color:var(--cf-accent)}.cf-bm-item{text-align:left;min-width:0;font:inherit;color:var(--cf-text);cursor:pointer;background:0 0;border:0;flex:1;padding:10px 8px 10px 18px;font-size:.9rem;line-height:1.4}.cf-bm-del{font:inherit;color:var(--cf-dim);opacity:.6;cursor:pointer;background:0 0;border:0;padding:10px 18px 10px 8px}.cf-bm-del:hover,.cf-bm-del:focus-visible{opacity:1;color:var(--cf-red)}.cf-empty{color:var(--cf-dim);text-align:center;padding:24px 18px;font-size:.88rem}.cf-search{z-index:9998;background:var(--cf-surface);border:1px solid var(--cf-border);box-shadow:var(--cf-shadow);border-radius:999px;align-items:center;gap:8px;max-width:92vw;padding:8px 12px;transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)translateY(-140%)}.cf-search.open{transform:translate(-50%)translateY(0)}.cf-search input:focus-visible{outline:none}.cf-search:focus-within{border-color:var(--cf-accent);box-shadow:var(--cf-shadow),0 0 0 2px color-mix(in srgb,var(--cf-accent) 40%,transparent)}.cf-search input{color:var(--cf-text);background:0 0;border:0;width:min(46vw,320px);font-family:inherit;font-size:.95rem}.cf-search input::placeholder{color:var(--cf-dim)}.cf-search .cf-scount{color:var(--cf-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.cf-snav{border:1px solid var(--cf-border);color:var(--cf-text);cursor:pointer;background:0 0;border-radius:8px;width:26px;height:26px;line-height:1;transition:all .15s}.cf-snav:hover{border-color:var(--cf-accent);color:var(--cf-accent)}mark.cf-hl{background:var(--cf-accent);color:#04101f;border-radius:3px;padding:0 1px}mark.cf-hl.cur{background:var(--cf-green);color:#04120a;box-shadow:0 0 0 2px var(--cf-green)}.cf-quiz{background:var(--bg-quiz,var(--cf-surface));border:1px solid var(--cf-border);border-left:3px solid var(--cf-accent);border-radius:var(--cf-r);margin:22px 0;padding:18px 20px}.cf-quiz .cf-q{color:var(--cf-text);margin-bottom:14px;font-weight:700;line-height:1.5}.cf-quiz .cf-q:before{content:"Knowledge check";letter-spacing:.09em;text-transform:uppercase;color:var(--cf-accent);margin-bottom:8px;font-size:.68rem;font-weight:800;display:block}.cf-opts{flex-direction:column;gap:8px;display:flex}.cf-opt{text-align:left;border:1px solid var(--cf-border);background:var(--cf-bg);color:var(--cf-text);cursor:pointer;border-radius:9px;padding:11px 14px;font-family:inherit;font-size:.94rem;line-height:1.4;transition:all .16s}.cf-opt:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--cf-accent);transform:translate(3px)}.cf-opt:disabled,.cf-opt[aria-disabled=true]{cursor:default}.cf-opt.cf-correct{border-color:var(--cf-green);background:color-mix(in srgb,var(--cf-green) 16%,transparent);color:var(--cf-text)}.cf-opt.cf-wrong{border-color:var(--cf-red);background:color-mix(in srgb,var(--cf-red) 14%,transparent)}.cf-fb{opacity:0;max-height:0;transition:max-height .3s,opacity .3s,margin .3s;overflow:hidden}.cf-fb.show{opacity:1;max-height:600px;margin-top:14px}.cf-fb-h{margin-bottom:6px;font-size:.92rem;font-weight:800}.cf-fb-h.ok{color:var(--cf-green)}.cf-fb-h.no{color:var(--cf-red)}.cf-expl{color:var(--cf-dim);font-size:.9rem;line-height:1.55}.cf-score{left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9994;background:var(--cf-surface);border:1px solid var(--cf-border);color:var(--cf-text);box-shadow:var(--cf-shadow);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:transform .18s;display:none;position:fixed}.cf-score:hover{transform:translateY(-2px)}.cf-score b{color:var(--cf-accent)}.cf-flash{margin:22px 0}.cf-card{perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none}.cf-card-inner{width:100%;min-height:170px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.cf-card.flip .cf-card-inner{transform:rotateY(180deg)}.cf-card-face{backface-visibility:hidden;text-align:center;border-radius:var(--cf-r);border:1px solid var(--cf-border);background:var(--cf-surface);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.cf-front{color:var(--cf-text);font-size:1.15rem;font-weight:700}.cf-front:before{content:"CONCEPT";letter-spacing:.1em;color:var(--cf-accent);font-size:.62rem;font-weight:800;position:absolute;top:12px;left:16px}.cf-back{color:var(--cf-dim);border-left:3px solid var(--cf-accent);font-size:.98rem;line-height:1.55;transform:rotateY(180deg)}.cf-flash-ctrls{justify-content:center;align-items:center;gap:16px;margin-top:12px;display:flex}.cf-fnav{border:1px solid var(--cf-border);background:var(--cf-surface);width:38px;height:38px;color:var(--cf-text);cursor:pointer;border-radius:50%;font-size:20px;line-height:1;transition:all .16s}.cf-fnav:hover{border-color:var(--cf-accent);color:var(--cf-accent);transform:scale(1.08)}.cf-fcount{color:var(--cf-dim);font-variant-numeric:tabular-nums;text-align:center;min-width:52px;font-size:.85rem;font-weight:700}.cf-flash-hint{text-align:center;color:var(--cf-dim);opacity:.75;margin-top:8px;font-size:.75rem}details.cf-reveal{border:1px solid var(--cf-border);border-left:3px solid var(--cf-accent);border-radius:var(--cf-r);background:var(--cf-surface);margin:18px 0;padding:2px 16px}details.cf-reveal summary{cursor:pointer;color:var(--cf-accent);padding:12px 0;font-weight:700;list-style:none}details.cf-reveal summary::-webkit-details-marker{display:none}details.cf-reveal summary:before{content:"▸ ";transition:transform .2s;display:inline-block}details.cf-reveal[open] summary:before{transform:rotate(90deg)}details.cf-reveal[open]>:not(summary){animation:.32s both cf-fade}details.cf-reveal[open]>:not(summary):last-child{padding-bottom:12px}.cf-copy{z-index:2;border:1px solid var(--cf-border);background:var(--cf-surface);color:var(--cf-dim);cursor:pointer;opacity:0;border-radius:7px;padding:4px 10px;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .16s;position:absolute;top:8px;right:8px}pre:hover .cf-copy{opacity:1}.cf-copy:hover{border-color:var(--cf-accent);color:var(--cf-accent)}.cf-copy.ok{border-color:var(--cf-green);color:var(--cf-green);opacity:1}.cf-k{color:var(--purple,#bc8cff)}.cf-s{color:var(--green,var(--cf-green))}.cf-c{color:var(--text-muted,#6e7681);font-style:italic}.cf-n{color:var(--orange,#d29922)}.cf-resume{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:9993;background:var(--cf-surface);border:1px solid var(--cf-accent);color:var(--cf-text);box-shadow:var(--cf-shadow);border-radius:999px;align-items:center;gap:12px;padding:11px 18px;font-size:.9rem;font-weight:700;animation:.4s both cf-rise;display:flex;position:fixed;transform:translate(-50%)}.cf-resume-go{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.cf-resume.hide{animation:.4s both cf-fall}.cf-resume-x{color:var(--cf-dim);cursor:pointer;background:0 0;border:0;font-size:15px;line-height:1}.cf-cel{z-index:10000;background:var(--cf-surface);border:1px solid var(--cf-accent);color:var(--cf-text);box-shadow:var(--cf-shadow);text-align:center;border-radius:16px;padding:22px 30px;font-size:1.25rem;font-weight:800;animation:.5s cubic-bezier(.2,1.4,.4,1) both cf-pop;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)}.cf-confetti{z-index:9999;border-radius:2px;width:9px;height:9px;animation:linear forwards cf-drop;position:fixed;top:-12px}.cf-flash-hi{animation:1.2s cf-glow}@keyframes cf-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes cf-rise{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)}}@keyframes cf-fall{to{opacity:0;transform:translate(-50%)translateY(16px)}}@keyframes cf-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes cf-drop{to{opacity:.2;transform:translateY(105vh)rotate(560deg)}}@keyframes cf-glow{0%,to{box-shadow:none}30%{box-shadow:0 0 0 3px var(--cf-accent)}}@media (max-width:600px){.cf-modmeta{gap:6px;font-size:.66rem}.cf-search input{width:52vw}.cf-score{left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}