:root{color-scheme:light dark;--bg:#fff;--fg:#252525;--muted:#777;--line:#e7e7e7;--code:#f6f6f6}
@media(prefers-color-scheme:dark){:root{--bg:#1e1e1e;--fg:#dadada;--muted:#999;--line:#383838;--code:#282828}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:740px;padding:64px 28px 120px;margin:auto}#status{color:var(--muted);font-size:13px}#status:empty{display:none}article{overflow-wrap:anywhere}h1,h2,h3,h4,h5,h6{line-height:1.3;letter-spacing:-.02em;margin:1.7em 0 .7em}h1{font-size:2em;margin-top:0}h2{font-size:1.5em}h3{font-size:1.2em}p,ul,ol,blockquote,pre{margin:1em 0}a{color:inherit;text-decoration-color:var(--muted);text-underline-offset:3px}blockquote{border-left:2px solid var(--line);padding-left:1.2em;color:var(--muted);margin-left:0}code{font: .88em/1.6 ui-monospace,SFMono-Regular,monospace;background:var(--code);border-radius:4px;padding:.15em .3em}pre{overflow:auto;background:var(--code);padding:16px;border-radius:6px}pre code{padding:0}hr{border:0;border-top:1px solid var(--line);margin:2em 0}table{display:block;overflow:auto;border-collapse:collapse}th,td{text-align:left;padding:6px 14px;border:1px solid var(--line)}@media(max-width:600px){main{padding:32px 22px 80px}}
[hidden]{display:none!important}#controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-24px 0 16px}#controls>div{display:flex;gap:4px}button{font:inherit;font-size:12px;line-height:1.6;color:var(--muted);background:none;border:0;border-radius:5px;padding:4px 9px;cursor:pointer}button:hover,button[aria-pressed=true]{color:var(--fg);background:var(--code)}button:focus-visible{outline:2px solid var(--muted);outline-offset:2px}#status[data-state=saved]{opacity:.7}#status[data-state=offline],#status[data-state=blocked]{color:var(--fg)}.cm-editor{min-height:55vh}.cm-content{caret-color:var(--fg)}.cm-cursor{border-left-color:var(--fg)!important}.cm-selectionBackground{background:color-mix(in srgb,var(--muted) 22%,transparent)!important}.cm-editor .cm-content{line-height:1.8}.cm-editor .cm-scroller{overflow:visible}.cm-editor .cm-line{overflow-wrap:anywhere}.cm-editor .cm-placeholder{color:var(--muted)}
@media(max-width:600px){#controls{margin-top:0}#controls button{min-height:40px}}