:root{--bg:#e8effa;--card:#f9fbff;--ink:#0f1c2e;--muted:#55627a;--line:#cfdbee;--soft:#dde6f5;--accent:#2f5bea;--accent-ink:#fff;--accent-soft:#e2e9fd;--link:#2f5bea;--shadow:0 1px 2px #0f19320d, 0 8px 24px #0f19320f;--radius:14px;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1322;--card:#121d31;--ink:#e7edf6;--muted:#93a1b8;--line:#22304a;--soft:#1a2740;--accent:#7c9cff;--accent-ink:#0a1030;--accent-soft:#1f2a4d;--link:#9db4ff;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1322;--card:#121d31;--ink:#e7edf6;--muted:#93a1b8;--line:#22304a;--soft:#1a2740;--accent:#7c9cff;--accent-ink:#0a1030;--accent-soft:#1f2a4d;--link:#9db4ff;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);flex-direction:column;min-height:100vh;display:flex}a{color:var(--link)}img,video,iframe{max-width:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip{position:absolute;left:-999px}.skip:focus{background:var(--card);z-index:50;padding:6px 10px;top:8px;left:16px}.top{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:16px 24px;display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.logo{width:auto;height:46px;display:block}.logo-dark,.mark-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.logo-light,.mark-light){display:none}:root:not([data-theme=light]) :is(.logo-dark,.mark-dark){display:block}}:root[data-theme=dark] :is(.logo-light,.mark-light){display:none}:root[data-theme=dark] :is(.logo-dark,.mark-dark){display:block}.nav{flex-wrap:wrap;gap:4px 14px;display:flex}.nav a{color:var(--muted);font-size:16px;font-weight:600;text-decoration:none}.nav a:hover{color:var(--ink)}.nav a.donate{color:var(--accent)}.tools{align-items:center;gap:8px;margin-left:auto;display:flex}.top :is(.icon-btn,.search-btn:not(.big),.langs summary){padding:8px 12px;font-size:15px}@media (width<=560px){.top{gap:8px 12px;padding:10px 16px}.logo{height:34px}.tools{order:1}.nav{order:2;gap:4px 14px;width:100%}.nav a{font-size:15px}.top :is(.icon-btn,.search-btn:not(.big),.langs summary){padding:6px 10px;font-size:14px}.top .search-btn:not(.big) .search-label{display:none}}.icon-btn,.search-btn,.langs summary,.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:6px 10px;font-size:14px;line-height:1.3}.icon-btn:hover,.search-btn:hover,.langs summary:hover,.btn:hover{background:var(--soft)}.btn{padding:9px 16px;font-weight:600;text-decoration:none;display:inline-block}.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.pri:hover{filter:brightness(1.06);background:var(--accent)}.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.search-btn{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.search-btn kbd{font:11px var(--mono);border:1px solid var(--line);border-radius:5px;padding:1px 5px}.search-btn.big{width:100%;max-width:560px;box-shadow:var(--shadow);border-radius:14px;padding:14px 16px;font-size:17px}.search-btn.big kbd{margin-left:auto}@media (width<=560px){.search-btn:not(.big) kbd{display:none}}.langs{position:relative}.langs summary{font-weight:700;list-style:none}.langs summary::-webkit-details-marker{display:none}.langs ul{background:var(--card);border:1px solid var(--line);min-width:150px;box-shadow:var(--shadow);border-radius:10px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.langs a{color:var(--ink);border-radius:6px;padding:6px 10px;text-decoration:none;display:block}.langs a:hover{background:var(--soft)}.langs a[aria-current]{color:var(--accent);font-weight:700}.search-dlg{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);width:min(720px,100vw - 32px);max-height:80vh;color:var(--ink);box-shadow:var(--shadow);--pagefind-ui-scale:.9;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--ink);--pagefind-ui-background:var(--card);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--soft);--pagefind-ui-font:var(--sans);padding:18px}.search-dlg::backdrop{background:#0a0c1073}.search-close{justify-content:flex-end;margin-bottom:8px;display:flex}.search-dev{color:var(--muted);font-size:14px}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 16px 48px}h1{letter-spacing:-.02em;margin:8px 0 12px;font-size:clamp(28px,5vw,44px);line-height:1.15}h2{margin:32px 0 12px;font-size:clamp(20px,3vw,26px)}.lead{color:var(--muted);max-width:62ch;margin:0 0 20px;font-size:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{padding:24px 0 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;display:grid}.concept-card{color:var(--ink);padding:16px;text-decoration:none;transition:border-color .15s;display:block}.concept-card:hover{border-color:var(--accent)}.concept-card h3{margin:6px 0 4px;font-size:18px}.concept-card p{color:var(--muted);margin:0;font-size:15px}.chip{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.chip.muted{color:var(--muted);background:var(--soft)}.chips{flex-wrap:wrap;gap:6px;display:flex}.filters{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.filters button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:14px}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.concept{max-width:820px;margin:0 auto}.inshort{border-left:4px solid var(--accent);margin:16px 0 8px;padding:16px 18px;font-size:18px}.inshort strong{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:12px;display:block}.demo{--demo-w:min(1068px, calc(100vw - 48px));width:var(--demo-w);margin:32px 0 24px calc((100% - var(--demo-w)) / 2);background:#0e1726;overflow:clip}.demo-head{background:var(--card)}.demo-host{--vh:min(.78vh, 7.2px);outline:none;display:block}@media (width<=600px){.demo{--demo-w:calc(100vw - 32px)}}.demo:fullscreen{border-radius:0;width:100%;margin:0;overflow-y:auto}.demo:fullscreen .demo-host{--vh:1vh}.demo-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.demo-head h2{margin:0;font-size:17px}.prose{font-size:17px}.prose code{font-family:var(--mono);background:var(--soft);border-radius:5px;padding:1px 5px;font-size:.92em}.prose table{border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;margin:16px 0;font-size:16px;line-height:1.5;overflow:hidden}.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 14px}.prose th{background:var(--soft);text-underline-offset:4px;text-decoration:underline 2px;text-decoration-color:var(--accent);border-bottom:2px solid var(--accent);font-size:15px}.prose td{border-top:1px solid var(--line)}.prose tbody tr:first-child td{border-top:0}.prose td:first-child{white-space:nowrap;font-weight:600}.prose td+td,.prose th+th{border-left:1px solid var(--line)}@media (width<=560px){.prose td:first-child{white-space:normal}.prose th,.prose td{padding:8px 10px}}.prose blockquote{border-left:3px solid var(--line);color:var(--muted);margin:16px 0;padding:8px 16px}.notice{color:var(--muted);padding:10px 14px;font-size:15px}.form{gap:14px;max-width:560px;padding:20px;display:grid}.form label{gap:6px;font-size:15px;font-weight:600;display:grid}.form input,.form textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:400}.form textarea{resize:vertical;min-height:120px}.form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form[hidden],.form+[hidden]{display:none}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1100px;margin:0 auto;padding:20px 16px;font-size:14px;display:flex}.foot p{align-items:center;gap:8px;margin:0;display:inline-flex}.foot .mark{width:22px;height:22px}
