:root{color:#141414;background:#f7f4ee;font-family:Arial,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app{--bg:#f7f4ee;--paper:#fffdf8;--ink:#141414;--muted:#75736e;--line:#d8d4cb;--code:#18202b;background:var(--bg);min-height:100vh;color:var(--ink);transition:all .2s}.app.dark{--bg:#161817;--paper:#202321;--ink:#f0eee6;--muted:#aaa9a2;--line:#3d413d;--code:#0d1117}button{font:inherit}header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo i{color:#111;box-shadow:4px 4px 0 var(--ink);background:#d8ff3e;padding:10px 8px;font:900 18px Georgia}.logo span{font-weight:800}.logo small{color:var(--muted);letter-spacing:.15em;font-size:10px;font-weight:400;display:block}.actions{align-items:center;gap:10px;display:flex}.actions button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;padding:9px 13px}.actions .export{background:var(--ink);color:var(--bg);border-color:var(--ink)}.saved,.saving{color:var(--muted);margin-right:5px;font-size:12px}.saving{color:#c26b1b}.labels{grid-template-columns:1fr 1fr;max-width:1500px;margin:auto;display:grid}.labels span{letter-spacing:.16em;color:var(--muted);border-right:1px solid var(--line);padding:11px 22px;font:700 10px monospace}main{border:1px solid var(--line);background:var(--paper);border-bottom:0;grid-template-columns:1fr 1fr;max-width:1500px;height:calc(100vh - 142px);margin:auto;display:grid}textarea,article{background:var(--paper);width:100%;height:100%;color:var(--ink);border:0;outline:0;padding:38px clamp(24px,4vw,64px);overflow:auto}textarea{resize:none;border-right:1px solid var(--line);tab-size:2;font:15px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}article{font:16px/1.75 Georgia,Songti SC,serif}article h1{letter-spacing:-.035em;margin:0 0 28px;font:800 clamp(30px,4vw,48px)/1.12 Arial,sans-serif}article h2{margin:38px 0 12px;font:800 23px Arial,sans-serif}article p{margin:11px 0}article .blank{height:5px}article blockquote{color:var(--muted);border-left:5px solid #d8ff3e;margin:24px 0;padding:10px 20px;font-style:italic}article code{color:#222;background:#e6e2d9;padding:2px 5px;font:13px ui-monospace,monospace}article pre{background:var(--code);color:#e6edf3;margin:24px 0;padding:25px 22px 20px;position:relative;overflow:auto}article pre:before{content:attr(data-lang);color:#87909d;text-transform:uppercase;margin-bottom:12px;font:10px monospace;display:block}article pre code{color:inherit;background:0 0;padding:0}.kw{color:#ff7ab2}.str{color:#a6e3a1}.tag{color:#89b4fa}.md-list{padding-left:22px}.task{align-items:center;gap:9px;margin-left:-22px;list-style:none;display:flex}.task input{accent-color:#8ba51f}.task input:checked+span{color:var(--muted);text-decoration:line-through}.table-wrap{margin:22px 0;overflow:auto}table{border-collapse:collapse;width:100%;font-family:Arial,sans-serif;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px}th{background:color-mix(in srgb,var(--paper),#999 8%)}a{color:#668500}hr{border:0;border-top:2px solid var(--ink);margin:34px 0}footer{height:28px;color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:25px;padding:0 28px;font:10px monospace;display:flex}@media (width<=720px){header{align-items:flex-start;gap:12px;height:auto;min-height:76px;padding:15px}.actions{flex-wrap:wrap;justify-content:flex-end}.saved{display:none}.actions button{padding:7px 9px;font-size:12px}.labels{display:none}main{border:0;grid-template-columns:1fr;height:auto;min-height:calc(100vh - 104px)}textarea,article{height:55vh;padding:28px 20px}textarea{border-right:0;border-bottom:3px solid var(--ink)}article{height:auto;min-height:55vh}footer{display:none}.logo span{font-size:13px}}