.demo-banner.svelte-13ply8v{background-color:var(--color-bg);color:var(--color-text);padding:.75rem 1rem;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;font-family:var(--font-sans, sans-serif);box-shadow:0 2px 4px #0000001a}.demo-banner.svelte-13ply8v p:where(.svelte-13ply8v){margin:0;font-size:.95rem;padding-right:2rem}.demo-banner.svelte-13ply8v a:where(.svelte-13ply8v){color:var(--color-text);text-decoration:underline;font-weight:600}.demo-banner.svelte-13ply8v a:where(.svelte-13ply8v):hover{text-decoration:none;opacity:.9}.demo-banner.svelte-13ply8v button:where(.svelte-13ply8v){background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;position:absolute;right:1rem;top:50%;transform:translateY(-50%);opacity:.8;transition:opacity .2s}.demo-banner.svelte-13ply8v button:where(.svelte-13ply8v):hover{opacity:1}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: 1rem;--spacing-4: 1.5rem;--spacing-5: 3rem;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--scrollbar-size: 10px}:root[data-theme=dark]{--color-bg: #443835;--color-second-bg: rgba(0,0,0,.25);--color-third-bg: rgba(0,0,0,.1);--color-surface: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .1);--color-highlight: #d48f43;--color-text: #f0f0f0;--color-text-primary: #f0f0f0;--color-text-secondary: rgba(235, 235, 245, .7);--color-primary: #42c882;--color-primary-text: #000000;--color-border: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, 0);--color-easy: #42c882;--color-medium: #ffc107;--color-hard: #dc3545;--color-incorrect: lightcoral;--color-correct: lightgreen;--scrollbar-thumb: rgba(255, 255, 255, .28);--scrollbar-thumb-hover: rgba(255, 255, 255, .45);--scrollbar-track: rgba(255, 255, 255, .06);--hl-comment: #8b949e;--hl-keyword: #ff7b72;--hl-string: #a5d6ff;--hl-builtin: #d2a8ff;--color-code-bg: #161b22}:root,:root[data-theme=light]{--color-bg: #f8fafc;--color-second-bg: rgba(0,0,0,.05);--color-third-bg: rgba(0,0,0,.03);--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-highlight: #d48f43;--color-text: #0f172a;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-primary: #42c882;--color-primary-text: #1f2937;--color-border: rgba(0, 0, 0, .1);--color-border-active: rgba(0, 0, 0, .05);--color-easy: #22c55e;--color-medium: #f59e0b;--color-hard: #dc2626;--color-incorrect: #dc2626;--color-correct: #16a34a;--scrollbar-thumb: rgba(100, 116, 139, .45);--scrollbar-thumb-hover: rgba(71, 85, 105, .55);--scrollbar-track: rgba(148, 163, 184, .2);--hl-comment: #6e7781;--hl-keyword: #cf222e;--hl-string: #0a3069;--hl-builtin: #953800;--color-code-bg: #f6f8fa}.markdown-body{font-family:var(--font-sans);line-height:1.5;word-wrap:break-word}.markdown-body h1,.markdown-body h2{border-bottom:1px solid var(--color-border);padding-bottom:.3em;margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2em}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em;font-weight:600;margin-top:24px;margin-bottom:16px}.markdown-body p{margin-top:0;margin-bottom:16px}.markdown-body pre{background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:6px;padding:16px;overflow:auto;font-size:85%;line-height:1.45;margin-bottom:16px}.markdown-body code{background-color:var(--color-second-bg);border-radius:6px;padding:.2em .4em;font-size:85%;font-family:var(--font-mono)}.markdown-body pre code{background-color:transparent;padding:0;border-radius:0;font-size:inherit;color:inherit}.markdown-body blockquote{border-left:.25em solid var(--color-border);color:var(--color-text-secondary);padding:0 1em;margin:0 0 16px}.markdown-body ul,.markdown-body ol{padding-left:2em;margin-top:0;margin-bottom:16px}.markdown-body table{border-collapse:collapse;width:100%;margin-top:0;margin-bottom:16px;display:block;overflow:auto}.markdown-body th,.markdown-body td{border:1px solid var(--color-border);padding:6px 13px}.markdown-body tr:nth-child(2n){background-color:var(--color-third-bg)}.hl-comment{color:var(--hl-comment);font-style:italic}.hl-keyword{color:var(--hl-keyword);font-weight:600}.hl-string{color:var(--hl-string)}.hl-builtin{color:var(--hl-builtin)}.code-block-wrapper{position:relative;margin-bottom:16px}.code-block-actions{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;z-index:10}.code-block-lang-label{font-size:.75rem;color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:2px 8px;line-height:1.4;font-family:var(--font-mono);-webkit-user-select:none;user-select:none}.code-block-wrapper.collapsed{background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:6px;min-height:44px;display:flex;align-items:center;justify-content:flex-end;padding:6px 8px}.code-block-wrapper.collapsed .code-block-actions{position:static;width:100%;justify-content:flex-end}.code-block-wrapper.collapsed .code-block-lang-label{flex:1}.collapse-code-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s}.collapse-code-button:hover{background-color:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-highlight)}.copy-code-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s}.copy-code-button:hover{background-color:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-highlight)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-secondary);line-height:1.6}h1,h2,h3{margin:0;font-weight:600;color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none;transition:opacity .2s}a:hover{text-decoration:none;opacity:.8}html{scroll-behavior:smooth;scrollbar-gutter:stable}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background:transparent}body,pre,textarea{scrollbar-gutter:stable both-edges}.problem-pane:hover,.editor-pane:hover,pre:hover,textarea:hover{scrollbar-color:var(--scrollbar-thumb-hover) transparent}.problem-pane:hover::-webkit-scrollbar-thumb,.editor-pane:hover::-webkit-scrollbar-thumb,pre:hover::-webkit-scrollbar-thumb,textarea:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-hover)}