:root{--text:#3d3a44;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--sans:system-ui, "Segoe UI", Roboto, Arial, sans-serif;font:18px/150% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d1d5db;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26}}body{margin:0}h1,h2{color:var(--text-h);font-weight:600}.page{max-inline-size:720px;margin-inline:auto;padding-block:24px;padding-inline:16px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:24px;display:flex}.page-header h1{margin:0;font-size:2rem}.language-switcher{gap:8px;display:flex}.language-switcher button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding-block:6px;padding-inline:14px}.language-switcher button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg);color:var(--text-h);font-weight:600}.test-block{border-inline-start:4px solid var(--accent);text-align:start;margin-block-end:24px;padding-inline-start:16px}.test-block h2{margin-block:0 8px;font-size:1.1rem}.mixed-text{margin:0;font-size:1.25rem}.test-block label{color:var(--text-h);margin-block-end:8px;font-weight:600;display:block}.test-block input{font:inherit;box-sizing:border-box;border:1px solid var(--border);background:var(--bg);inline-size:100%;color:var(--text-h);border-radius:6px;padding-block:8px;padding-inline:12px}