:root{--bg: #f7f6f3;--surface: #ffffff;--surface-2: #f0efeb;--text: #1d1d1f;--muted: #6b6b70;--faint: #9a9aa0;--line: #e4e2dc;--accent: #3550d4;--accent-ink: #ffffff;--accent-soft: #e9edfc;--code-bg: #f3f2ee;--shadow: 0 1px 2px rgb(0 0 0 / .04), 0 8px 24px -12px rgb(0 0 0 / .12);--radius: 10px;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--read: 46rem;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #161618;--surface: #1e1e21;--surface-2: #26262a;--text: #e9e7e3;--muted: #a3a1a8;--faint: #75737a;--line: #2f2f34;--accent: #7d93ff;--accent-ink: #111218;--accent-soft: #23283f;--code-bg: #212125;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px -12px rgb(0 0 0 / .6);color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}[hidden]{display:none!important}.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.i.caret{width:14px;height:14px;opacity:.7}.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;height:56px;padding:0 max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}.bar.scrolled{border-bottom-color:var(--line)}.brand{display:inline-flex;align-items:baseline;gap:1px;text-decoration:none;color:var(--text);font-weight:650;letter-spacing:-.02em;font-size:17px}.brand-mark{background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:1px 6px 2px;font-size:14px;margin-right:3px}.brand-word{color:var(--muted);font-weight:550}.spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:focus-visible,.chip:focus-visible,.menu button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,black)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.icon{width:36px;padding:0;justify-content:center}.btn[disabled]{opacity:.6;pointer-events:none}.actions{display:flex;align-items:center;gap:8px}.split{position:relative;display:flex}.split>.btn:first-child{border-radius:9px 0 0 9px}.split>.btn.ttl{border-radius:0 9px 9px 0;padding:0 8px 0 9px;gap:4px;border-left:1px solid color-mix(in srgb,var(--accent-ink) 25%,transparent);font-size:13px}.more,.mode{position:relative}.chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:99px;border:1px solid var(--line);background:transparent;font-size:13px;color:var(--muted);cursor:pointer}.chip b{color:var(--text);font-weight:550}.chip:hover{background:var(--surface-2)}.chip.static{cursor:default}.chip.static .caret{display:none}.menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:220px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);animation:pop .12s ease-out}.menu.right{left:auto;right:0}.menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:none;text-align:left;font-size:14px;cursor:pointer}.menu button:hover{background:var(--surface-2)}.menu button[aria-checked=true]:after{content:"✓";color:var(--accent);font-weight:700}.menu hr{border:0;border-top:1px solid var(--line);margin:5px 4px}.menu-title{padding:6px 10px 4px;font-size:12px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.landing{display:grid;place-items:center;min-height:calc(100dvh - 56px);padding:24px 16px 64px}.hero{width:100%;max-width:680px}.hero h1{font-size:clamp(28px,4.6vw,42px);line-height:1.12;letter-spacing:-.025em;font-weight:700;margin:0 0 14px}.lead{color:var(--muted);font-size:17px;margin:0 0 28px;max-width:34em}.paste-zone{position:relative;display:block;border:1.5px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:16px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.paste-zone:focus-within{border-color:var(--accent);border-style:solid;box-shadow:0 0 0 4px var(--accent-soft)}.paste-zone textarea{display:block;width:100%;min-height:150px;resize:vertical;padding:18px 20px;border:0;background:transparent;outline:none;font:15px/1.55 var(--mono);color:var(--text)}.paste-zone textarea::placeholder{color:var(--faint);font-family:var(--sans);font-size:16px}.paste-hint{position:absolute;right:14px;bottom:10px;font-size:12px;color:var(--faint)}.landing-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 26px}.formats{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;list-style:none}.formats li{font-size:12.5px;color:var(--muted);padding:3px 9px;border-radius:99px;background:var(--surface-2)}html[data-view=viewer] .landing{display:none}html:not([data-view=viewer]) .viewer{display:none}.viewer{padding:8px 16px 80px}.viewer-grid{display:grid;grid-template-columns:minmax(0,var(--read));justify-content:center;gap:48px}@media(min-width:1180px){.viewer-grid.has-toc{grid-template-columns:minmax(0,var(--read)) 220px;transform:translate(134px)}}.toc-wrap{display:none}@media(min-width:1180px){.has-toc .toc-wrap{display:block}}.toc{position:sticky;top:80px;max-height:calc(100vh - 110px);overflow:auto;font-size:13px;padding-left:14px;border-left:1px solid var(--line)}.toc-title{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin:2px 0 8px}.toc a{display:block;padding:3px 0 3px calc(var(--lvl, 0) * 12px);color:var(--muted);text-decoration:none;line-height:1.35}.toc a:hover,.toc a.active{color:var(--accent)}.doc{font-size:17px;line-height:1.7;word-wrap:break-word;overflow-wrap:anywhere;padding:24px 0 8px;animation:fade .25s ease-out}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.doc>:first-child{margin-top:0!important}.doc h1,.doc h2,.doc h3,.doc h4,.doc h5,.doc h6{position:relative;line-height:1.25;letter-spacing:-.015em;margin:1.9em 0 .6em;font-weight:680}.doc h1{font-size:2.05em;letter-spacing:-.025em;margin-top:1.2em}.doc h2{font-size:1.5em;padding-bottom:.25em;border-bottom:1px solid var(--line)}.doc h3{font-size:1.22em}.doc h4{font-size:1.05em}.doc h5,.doc h6{font-size:.95em;color:var(--muted)}.doc .anchor{position:absolute;left:-1.1em;width:1em;color:var(--faint);text-decoration:none;opacity:0;font-weight:400}.doc h1:hover .anchor,.doc h2:hover .anchor,.doc h3:hover .anchor,.doc h4:hover .anchor{opacity:1}.doc p,.doc ul,.doc ol,.doc blockquote,.doc pre,.doc .table-wrap,.doc figure{margin:0 0 1.05em}.doc a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:3px}.doc a:hover{text-decoration-color:currentColor}.doc ul,.doc ol{padding-left:1.5em}.doc li{margin:.25em 0}.doc li>ul,.doc li>ol{margin:.2em 0}.doc li::marker{color:var(--faint)}.doc li:has(>input[type=checkbox]){list-style:none;margin-left:-1.4em}.doc input[type=checkbox]{margin:0 .45em 0 0;transform:translateY(1px);accent-color:var(--accent)}.doc blockquote{padding:.15em 1.1em;border-left:3px solid var(--accent);color:var(--muted);background:var(--accent-soft);border-radius:0 8px 8px 0}.doc blockquote>:last-child{margin-bottom:.5em}.doc blockquote>:first-child{margin-top:.5em}.doc hr{border:0;height:1px;background:var(--line);margin:2.2em 0}.doc img{max-width:100%;height:auto;border-radius:8px}.doc strong{font-weight:650}.doc del{color:var(--muted)}.doc sup,.doc sub{line-height:0}.doc code{font:.86em/1.5 var(--mono);background:var(--code-bg);padding:.15em .38em;border-radius:5px}.doc pre{position:relative;padding:14px 16px;background:var(--code-bg);border-radius:var(--radius);overflow:auto;font-size:14px;line-height:1.55;border:1px solid var(--line)}.doc pre code{background:none;padding:0;font-size:inherit;white-space:pre}.code-copy{position:absolute;top:8px;right:8px;padding:3px 8px;font-size:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);opacity:0;cursor:pointer;transition:opacity .15s}.doc pre:hover .code-copy,.code-copy:focus-visible{opacity:1}@media(hover:none){.code-copy{opacity:.85}}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.doc table{border-collapse:collapse;width:100%;font-size:.9em;line-height:1.5}.doc th,.doc td{padding:8px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.doc th+th,.doc td+td{border-left:1px solid var(--line)}.doc thead th{background:var(--surface-2);font-weight:620;white-space:nowrap}.doc tbody tr:last-child td{border-bottom:0}.doc tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.doc figure.mermaid{display:flex;justify-content:center;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.doc .spoiler{background:var(--text);color:transparent;border-radius:4px;cursor:pointer;transition:all .2s}.doc .spoiler:hover,.doc .spoiler.open{background:var(--surface-2);color:inherit}.doc-meta{max-width:var(--read);margin:28px auto 0;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--faint);display:flex;gap:14px;flex-wrap:wrap}.doc-meta a{color:inherit}.hljs-comment,.hljs-quote{color:var(--faint);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#a3329a}.hljs-string,.hljs-attr,.hljs-template-tag,.hljs-addition{color:#2f7d32}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-symbol,.hljs-bullet{color:#b45309}.hljs-title,.hljs-section,.hljs-type,.hljs-class .hljs-title,.hljs-function .hljs-title{color:#2955c7}.hljs-meta,.hljs-attribute,.hljs-selector-id,.hljs-selector-class{color:#0e7490}.hljs-deletion{color:#b91c1c}@media(prefers-color-scheme:dark){.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#e08ad8}.hljs-string,.hljs-attr,.hljs-template-tag,.hljs-addition{color:#8bd49c}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-symbol,.hljs-bullet{color:#f0b46c}.hljs-title,.hljs-section,.hljs-type,.hljs-class .hljs-title,.hljs-function .hljs-title{color:#8fb0ff}.hljs-meta,.hljs-attribute,.hljs-selector-id,.hljs-selector-class{color:#67d0e4}.hljs-deletion{color:#ff8e8e}}.editor{position:fixed;z-index:15;top:56px;bottom:0;left:0;width:min(46vw,720px);display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);animation:slide .18s ease-out}@keyframes slide{0%{transform:translate(-12px);opacity:0}}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.editor-head .btn{height:30px}.editor textarea{flex:1;width:100%;resize:none;border:0;outline:none;padding:16px;background:transparent;color:var(--text);font:14px/1.6 var(--mono);tab-size:2}html.editing .viewer{margin-left:min(46vw,720px)}@media(max-width:760px){.editor{width:100%}html.editing .viewer{display:none}}.toasts{position:fixed;z-index:50;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;max-width:min(380px,calc(100vw - 32px));padding:10px 14px;border-radius:10px;background:#1d1d1f;color:#fff;font-size:14px;box-shadow:0 10px 30px -8px #00000059;pointer-events:auto;animation:toast-in .2s ease-out}@media(prefers-color-scheme:dark){.toast{background:#f1f0ec;color:#17171a}}.toast.out{animation:toast-out .2s ease-in forwards}.toast .ok{width:18px;height:18px;border-radius:50%;background:#2fb36a;display:grid;place-items:center;flex:none}.toast .ok svg{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none}.toast.error .ok{background:#e5484d}.toast small{display:block;opacity:.7;font-size:12.5px;margin-top:1px}.toast button{margin-left:4px;background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:13px;opacity:.85}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)}}.drop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(4px)}.drop div{padding:28px 40px;border:2px dashed var(--accent);border-radius:18px;color:var(--accent);font-size:20px;font-weight:600;background:var(--surface)}.loading{color:var(--muted);padding:60px 0;text-align:center}@media(max-width:860px){.actions .btn span{display:none}.actions .btn:not(.ttl){width:38px;padding:0;justify-content:center}.split>.btn.ttl span{display:inline}.chip-label{display:none}}@media(max-width:420px){.brand-word{display:none}.actions{gap:6px}.doc{font-size:16px}.doc .anchor{display:none}}@media print{.bar,.toasts,.editor,.toc-wrap,.code-copy,.doc-meta{display:none!important}body{background:#fff;color:#000}.viewer{padding:0}.viewer-grid{display:block;transform:none!important}.doc{font-size:12pt}.doc a{color:#000}.doc pre,.table-wrap{break-inside:avoid}}