:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0a0e1a;--foreground:#e2e8f0;--card:#10162a;--card-foreground:#e2e8f0;--border:#1e293b;--muted:#94a3b8;--accent-cyan:#22d3ee;--accent-violet:#a78bfa}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f1f5f9;--foreground:#1e293b;--card:#fff;--card-foreground:#1e293b;--border:#e2e8f0;--muted:#64748b;--accent-cyan:#0891b2;--accent-violet:#7c3aed;--color-slate-100:#1e293b;--color-slate-200:#334155;--color-slate-300:#475569;--color-slate-400:#64748b;--color-slate-500:#64748b;--color-slate-600:#94a3b8;--color-slate-700:#cbd5e1;--color-slate-800:#e2e8f0;--color-slate-900:#fff;--color-slate-950:#f8fafc;--color-cyan-200:#0e7490;--color-cyan-300:#0e7490;--color-cyan-400:#0891b2;--color-cyan-500:#0891b2;--color-violet-200:#6d28d9;--color-violet-300:#6d28d9;--color-violet-400:#7c3aed;--color-violet-500:#7c3aed;--color-emerald-200:#047857;--color-emerald-300:#047857;--color-emerald-400:#059669;--color-emerald-500:#059669;--color-rose-200:#be123c;--color-rose-300:#be123c;--color-rose-400:#e11d48;--color-rose-500:#e11d48;--color-amber-200:#b45309;--color-amber-300:#b45309;--color-amber-400:#d97706;--color-amber-500:#d97706;--color-sky-300:#0369a1;--color-sky-500:#0284c7;--color-fuchsia-300:#a21caf;--color-fuchsia-500:#c026d3;--color-orange-300:#c2410c;--color-orange-400:#ea580c;--color-orange-500:#ea580c;--color-orange-600:#c2410c;--color-red-400:#dc2626}.markdown-body pre{counter-reset:code-line}.markdown-body pre .code-line{display:block}.markdown-body pre .code-line:before{counter-increment:code-line;content:counter(code-line);text-align:right;width:2em;color:var(--muted);-webkit-user-select:none;user-select:none;margin-right:1.25em;display:inline-block}.markdown-body pre .code-line:empty:after{content:" "}:root{--hljs-comment:#8b949e;--hljs-keyword:#ff7b72;--hljs-string:#a5d6ff;--hljs-number:#79c0ff;--hljs-title:#d2a8ff;--hljs-type:#ffa657;--hljs-attr:#79c0ff;--hljs-name:#7ee787;--hljs-meta:#ff7b72}[data-theme=light]{--hljs-comment:#6e7781;--hljs-keyword:#cf222e;--hljs-string:#0a3069;--hljs-number:#0550ae;--hljs-title:#8250df;--hljs-type:#953800;--hljs-attr:#0550ae;--hljs-name:#116329;--hljs-meta:#cf222e}.markdown-body .hljs-comment,.markdown-body .hljs-quote{color:var(--hljs-comment);font-style:italic}.markdown-body .hljs-keyword,.markdown-body .hljs-selector-tag,.markdown-body .hljs-doctag,.markdown-body .hljs-template-tag{color:var(--hljs-keyword)}.markdown-body .hljs-string,.markdown-body .hljs-regexp,.markdown-body .hljs-addition,.markdown-body .hljs-meta .hljs-string{color:var(--hljs-string)}.markdown-body .hljs-number,.markdown-body .hljs-literal{color:var(--hljs-number)}.markdown-body .hljs-title,.markdown-body .hljs-section{color:var(--hljs-title)}.markdown-body .hljs-title.class_,.markdown-body .hljs-type,.markdown-body .hljs-built_in{color:var(--hljs-type)}.markdown-body .hljs-attr,.markdown-body .hljs-attribute,.markdown-body .hljs-variable,.markdown-body .hljs-template-variable{color:var(--hljs-attr)}.markdown-body .hljs-name,.markdown-body .hljs-selector-id,.markdown-body .hljs-selector-class,.markdown-body .hljs-selector-attr{color:var(--hljs-name)}.markdown-body .hljs-symbol,.markdown-body .hljs-bullet,.markdown-body .hljs-link,.markdown-body .hljs-meta{color:var(--hljs-meta)}.markdown-body .hljs-deletion{color:var(--color-rose-400)}.markdown-body .hljs-emphasis{font-style:italic}.markdown-body .hljs-strong{font-weight:700}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-border: var(--border); --color-muted: var(--muted); --color-accent-cyan: var(--accent-cyan); --color-accent-violet: var(--accent-violet); --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "JetBrains Mono", monospace;}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans)}html[data-font-size=small]{font-size:14px}html[data-font-size=medium]{font-size:16px}html[data-font-size=large]{font-size:18px}.workspace-viewport{height:calc(100vh - var(--site-header-height,3.5rem));height:calc(100dvh - var(--site-header-height,3.5rem));min-width:0}.markdown-body{overflow-wrap:anywhere;min-width:0}.markdown-body img,.markdown-body video{max-width:100%;height:auto}.markdown-body pre{max-width:100%;overflow-x:auto}.markdown-body table{max-width:100%;display:block;overflow-x:auto}@media (pointer:coarse){button,a,input,select,textarea{touch-action:manipulation}button,select,input:not([type=radio]):not([type=checkbox]):not([type=hidden]){min-height:2.5rem}input,textarea,select{font-size:max(1rem,1em)}}body:has(.scratch-workspace) #site-navigation{display:none}body:has(.scratch-workspace)>footer{display:none}.scratch-workspace.workspace-viewport{height:100vh;height:100dvh}body:has(.typing-workspace) #site-navigation{display:none}body:has(.typing-workspace)>footer{display:none}.typing-workspace{min-height:100dvh}.typing-workspace .typing-line{white-space:pre;letter-spacing:.06em;scrollbar-width:thin;height:54px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;line-height:32px;display:block;overflow-x:auto}.typing-keyboard{background:linear-gradient(145deg, color-mix(in srgb, var(--card) 96%, #22d3ee), var(--card));box-shadow:0 12px 28px -18px #02061770,inset 0 1px #ffffff12}.typing-keycap{background:linear-gradient(160deg, color-mix(in srgb, var(--card) 88%, white), var(--background));color:var(--foreground);box-shadow:0 3px 0 color-mix(in srgb, var(--foreground) 18%, var(--card)), 0 5px 7px #02061720, inset 0 1px 0 #ffffff25;transition:transform .12s,box-shadow .12s,background .12s}.typing-keycap:hover{box-shadow:0 5px 0 color-mix(in srgb, var(--foreground) 18%, var(--card)), 0 8px 12px #02061730;transform:translateY(-2px)}.typing-keycap[data-next=true]{background:color-mix(in srgb, var(--card) 78%, #22d3ee)}.typing-keycap[data-pressed=true]{background:color-mix(in srgb, var(--card) 65%, #22d3ee);transform:translateY(2px);box-shadow:0 1px #0891b260}@media (max-width:1023px){.typing-trainer aside button{padding:8px;font-size:14px}.typing-trainer aside button p{display:none}}@media (max-width:600px){.typing-trainer aside>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}.typing-workspace .typing-line{font-size:18px}}.typing-lessons>div:first-child{margin-bottom:4px}.typing-lessons{padding:8px 12px}.typing-lessons button{padding-top:5px;padding-bottom:5px}.typing-keyboard .typing-keycap{height:30px;padding-top:4px;padding-bottom:4px}.typing-keyboard>div:last-child{margin-top:8px}.typing-space{position:relative}.typing-space:after{content:"";opacity:.45;pointer-events:none;border:1px solid;border-radius:2px;position:absolute;top:22%;bottom:12%;left:15%;right:15%}body:has(.whiteboard-workspace) #site-navigation{display:none}body:has(.whiteboard-workspace)>footer{display:none}.whiteboard-workspace .board-topbar>*{flex-shrink:0}.whiteboard-workspace .board-topbar{scrollbar-width:thin;padding-bottom:2px}@supports not (color:color-mix(in lab, red, red)){[data-theme=light] .bg-slate-500\/10{background-color:#64748b1a}[data-theme=light] .bg-slate-500\/30{background-color:#64748b4d}[data-theme=light] .bg-slate-800\/30{background-color:#e2e8f04d}[data-theme=light] .bg-slate-800\/60{background-color:#e2e8f099}[data-theme=light] .bg-slate-800\/80{background-color:#e2e8f0cc}[data-theme=light] .bg-slate-800\/90{background-color:#e2e8f0e6}[data-theme=light] .bg-slate-900\/40{background-color:#fff6}[data-theme=light] .bg-slate-900\/60{background-color:#fff9}[data-theme=light] .bg-slate-900\/80{background-color:#fffc}[data-theme=light] .bg-slate-950\/40{background-color:#f8fafc66}[data-theme=light] .border-slate-500\/50{border-color:#64748b80}[data-theme=light] .border-slate-800\/60{border-color:#e2e8f099}[data-theme=light] .border-slate-800\/80{border-color:#e2e8f0cc}[data-theme=light] .from-slate-950\/80{--tw-gradient-from:#f8fafccc}[data-theme=light] .via-slate-950\/20{--tw-gradient-via:#f8fafc33}[data-theme=light] .hover\:bg-slate-500\/20:hover{background-color:#64748b33}[data-theme=light] .hover\:bg-slate-800\/40:hover{background-color:#e2e8f066}[data-theme=light] .hover\:bg-slate-800\/50:hover{background-color:#e2e8f080}[data-theme=light] .hover\:bg-slate-800\/60:hover{background-color:#e2e8f099}[data-theme=light] .hover\:bg-slate-800\/70:hover{background-color:#e2e8f0b3}@media (min-width:80rem){[data-theme=light] .xl\:bg-slate-900\/60{background-color:#fff9}}}