*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6}::-webkit-scrollbar-thumb{background:#b3b4d1!important;border-color:#b3b4d1!important;border-radius:0!important}::-webkit-scrollbar-track{background:#e1e2e7!important}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{background:#e1e2e7!important;height:0;width:0}body{margin:0;min-height:100vh;overflow:hidden}#app{flex-direction:column;height:100vh;width:100%}#app,nav{display:flex}nav{align-items:center;background:#f5f5f5;gap:.5rem;padding:5px}button{background:#cbd2ff;border:0;color:#222;font-weight:700;margin:2px;padding:4px;&:active,&:hover{background:#58a6ff;color:#000}}#gh{background:#000;border-radius:50%;height:40px;position:fixed;right:5px;top:-2px;width:40px;svg{fill:#fff}}#content{display:flex;flex:1;overflow:hidden;position:relative}#editor{flex:0 0 50%;height:100%;overflow:auto}.cm-content{padding:0!important}.cm-editor{font-size:14px;height:100%}.cm-scroller{overflow:auto}#dragbar{background:#cbd2ff;cursor:col-resize;flex:0 0 5px;position:relative;transition:background-color .2s;z-index:1;&:hover{background:#58a6ff}&:active{background:#0366d6}}#preview{background:#fff;color:#333;flex:1;height:100%;overflow:auto;padding:2rem;h1{font-size:2em;margin:.67em 0}h1,h2{border-bottom:1px solid #e0e0e0;padding-bottom:.3em}h2{font-size:1.5em;margin:.75em 0}h3{font-size:1.25em}h3,p{margin:1em 0}code{border-radius:3px;font-family:Courier New,monospace;font-size:.9em;padding:.2em .4em}code,pre{background:#0000000d}pre{border-radius:5px;margin:1em 0;overflow-x:auto;padding:1em}pre code{background:transparent!important;padding:0}ol,ul{margin:1em 0;padding-left:2em}li{margin:.5em 0}blockquote{border-left:4px solid #ddd;color:#666;margin:1em 0;padding-left:1em}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}img{height:auto;max-width:100%}table{border-collapse:collapse;margin:1em 0;width:100%}td,th{border:1px solid #ddd;padding:.5em;text-align:left}th{background:#0000000d;font-weight:700}}.dark{::-webkit-scrollbar-thumb{background:#2b2b2b!important;border-color:#2b2b2b!important}::-webkit-scrollbar-track{background:#171717!important}::-webkit-scrollbar-thumb:hover{background:#0366d6!important}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{background:#171717!important}#gh svg{fill:#c6c6c6}.cm-scroller{background:#171717}.cm-gutters{background:#222;border:0;color:#888}.cm-gutter{background:#2d2d2d;border:0}.cm-activeLineGutter{background:#222}.cm-activeLine,nav{background:#2d2d2d}#dragbar,button{background:#444;color:#efefef;&:hover{background:#58a6ff;color:#000}&:active{background:#4890e6;color:#000}}#preview{background:#1e1e1e;color:#e0e0e0;h1,h2{border-bottom-color:#444}code{background:#ffffff1a}pre{background:#ffffff0d}blockquote{border-left-color:#444;color:#aaa}a{color:#58a6ff}td,th{border-color:#444}th{background:#ffffff0d}}}