html{background-color:var(--bg-color);color:var(--text-color)}:root{color-scheme:light;--bg-color:#f5f5f5;--page-bg:#fff;--shadow-color:#0000001a;--text-color:#141414;--toast-text-color:#222;--toast-bg-color:#eee;--svg-paper-bg:#fff;--svg-text:#141414;--svg-muted-text:#646464;--svg-footer-text:#767676;--svg-code-bg:#f5f5f5;--svg-surface-bg:#f8f8f8;--svg-code-comment:#74747c;--svg-code-green:#198810;--svg-code-dark-green:#1d6c76;--svg-code-teal:#16718d;--svg-code-dark-red:#301414;--svg-code-red:#d73948;--svg-code-blue:#4b69c6;--svg-code-violet:#8b41b1;--svg-code-magenta:#b60157;--svg-muted-stroke:#646464;--svg-code-gutter:#787878;--svg-focus-ring:#3f63cc}:root[data-theme=dark]{color-scheme:dark;--bg-color:#0f141b;--page-bg:#161b22;--shadow-color:#00000073;--text-color:#e8ecf2;--toast-text-color:#f2f4f8;--toast-bg-color:#2a313c;--svg-paper-bg:#161b22;--svg-text:#e8ecf2;--svg-muted-text:#a7b0bf;--svg-footer-text:#7f8897;--svg-code-bg:#222a34;--svg-surface-bg:#1b232d;--svg-code-comment:#8e97a6;--svg-code-green:#86df80;--svg-code-dark-green:#74cad3;--svg-code-teal:#6ec7d6;--svg-code-dark-red:#e0b8b8;--svg-code-red:#ff8d99;--svg-code-blue:#8ca8ff;--svg-code-violet:#c792ea;--svg-code-magenta:#e58bff;--svg-muted-stroke:#a7b0bf;--svg-code-gutter:#6f7783;--svg-focus-ring:#8ca8ff}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:system-ui,-apple-system,sans-serif;display:flex}main{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:900px;display:flex}main>div:first-child{box-sizing:border-box;border:1px solid var(--svg-muted-stroke);background:var(--page-bg);width:100%;box-shadow:0 4px 12px var(--shadow-color);border-radius:10px;padding:16px 20px;line-height:1.6}main>div:first-child h1{margin:0 0 12px;font-size:1.5rem;line-height:1.25}main>div:first-child h2{margin:18px 0 8px;font-size:1.1rem;line-height:1.3}main>div:first-child h3,main>div:first-child h4,main>div:first-child h5,main>div:first-child h6{margin:14px 0 6px;font-size:1rem;line-height:1.3}main>div:first-child p{color:var(--svg-muted-text);margin:0 0 12px}main>div:first-child ul,main>div:first-child ol{margin:0 0 12px 1.2rem;padding:0}main>div:first-child li{margin:4px 0}main>div:first-child a{color:var(--svg-code-blue);text-underline-offset:2px}main>div:first-child code{background:var(--svg-code-bg);border-radius:4px;padding:.08em .28em;font-family:Consolas,Courier New,monospace;font-size:.92em}main>div:first-child pre{background:var(--svg-code-bg);border-left:.2em solid var(--svg-muted-stroke);white-space:pre-wrap;overflow-wrap:normal;word-break:normal;tab-size:2;border-radius:0 6px 6px 0;margin:12px 0;padding:12px 16px;font-family:Consolas,Courier New,monospace;font-size:.92em;line-height:1.5;overflow-x:auto}main>div:first-child pre code{font-size:inherit;white-space:inherit;line-height:inherit;background:0 0;border-radius:0;padding:0;display:block}main>div:first-child table{border-collapse:collapse;width:100%;margin:0 0 12px;font-size:.92em}main>div:first-child th,main>div:first-child td{border:1px solid var(--svg-muted-stroke);text-align:left;vertical-align:top;padding:6px 12px}main>div:first-child th{background:var(--svg-code-bg);font-weight:600}main>div:first-child figure{margin:12px 0;display:block}main>div:first-child figcaption{color:var(--svg-muted-text);margin-top:6px;font-size:.88em;line-height:1.4;display:block}main>div:first-child img{border-radius:6px;max-width:100%;height:auto;display:block}main>div:first-child time{color:var(--svg-muted-text);font-size:.92em}main>div:first-child .subtitle{color:var(--svg-muted-text);margin:-4px 0 16px;font-size:1.05rem;line-height:1.4}main>div:first-child blockquote{border-left:.2em solid var(--svg-muted-stroke);border-radius:0 4px 4px 0;margin:0 0 12px;padding:.7em 1em}main>div:first-child blockquote p{margin:0}main>div:first-child blockquote p+p{margin-top:8px}main>div:first-child blockquote footer{color:var(--svg-muted-text);margin-top:6px;font-size:.88em}main>div:first-child blockquote footer:before{content:"— "}main>div:first-child aside{background:var(--svg-surface-bg);border-left:.2em solid var(--svg-muted-stroke);border-radius:0 4px 4px 0;margin:0 0 12px;padding:.7em 1em}main>div:first-child aside p{color:var(--text-color);margin:0}main>div:first-child aside p+p{margin-top:8px}main>div:first-child nav{border-top:1px solid var(--svg-muted-stroke);flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;display:flex}.page{aspect-ratio:auto;background-color:var(--page-bg,var(--initial-page-bg,#fff));width:100%;max-width:100%;height:auto;box-shadow:0 4px 12px var(--shadow-color);display:block}.pages{flex-direction:column;gap:20px;width:100%;max-width:100%;display:flex}html[data-layout=desktop] .pages-mobile,html[data-layout=mobile] .pages-desktop{display:none}#copy-toast{color:var(--toast-text-color);background:var(--toast-bg-color);opacity:0;pointer-events:none;z-index:9999;border-radius:8px;padding:9px 12px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1;transition:opacity .12s;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000002e}@media (prefers-reduced-motion:reduce){#copy-toast{transition:none}}.svg-input-overlay{box-sizing:border-box;border:1.5px solid var(--svg-code-blue);background:var(--page-bg);color:var(--text-color);z-index:100;border-radius:3px;outline:none;padding:0 6px;font-family:system-ui,-apple-system,sans-serif;position:absolute}.svg-input-overlay:focus{box-shadow:0 0 0 2px var(--svg-focus-ring)}