*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#d8d8d5;background:#151719;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.editor{width:100%;height:100%;padding:34px 36px;position:relative}.editor textarea{resize:none;color:#d8d8d5;width:100%;height:100%;font:inherit;caret-color:#d8d8d5;background:0 0;border:0;outline:0;padding:0;font-size:15px;line-height:1.7}.editor textarea::placeholder{color:#55595b}.top-right{z-index:10;align-items:flex-start;display:flex;position:fixed;top:24px;right:24px}.publish-button{color:#252524;font:inherit;cursor:pointer;background:#e4e0d4;border:1px solid #c9c5b8;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600;transition:transform .14s,background .14s,box-shadow .14s}.publish-button:hover:not(:disabled){background:#ebe8df;transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.publish-button:active:not(:disabled){transform:translateY(1px)}.publish-button:disabled{opacity:.35;cursor:default}.publish-menu{background:#1c1f21;border:1px solid #303437;border-radius:12px;width:280px;margin-top:46px;margin-right:0;padding:10px;animation:.15s cubic-bezier(.2,.8,.2,1) menu-in;box-shadow:0 18px 50px #00000059,0 2px 8px #0003}.publish-menu input{color:#d8d8d5;width:100%;font:inherit;background:#17191b;border:1px solid #35393c;border-radius:7px;outline:none;padding:10px 11px;font-size:12px}.publish-menu input::placeholder{color:#65696b}.publish-menu input:focus{border-color:#555a5e}.menu-publish{color:#252524;width:100%;font:inherit;cursor:pointer;background:#e4e0d4;border:1px solid #c9c5b8;border-radius:7px;margin-top:8px;padding:9px;font-size:12px;font-weight:600}.menu-publish:hover:not(:disabled){background:#ebe8df}.menu-publish:disabled{opacity:.5}.menu-hint{color:#626668;padding:8px 2px 2px;font-size:10px}.published{color:#9da1a2;background:#202325;border:1px solid #383b3d;border-radius:10px;align-items:center;gap:10px;padding:7px 7px 7px 12px;font-size:11px;animation:.26s cubic-bezier(.2,1.3,.4,1) notification-in;display:flex;box-shadow:0 12px 40px #00000040,0 2px 8px #00000026}.published strong{color:#d8d8d5;font-weight:500}.copy-button{color:#aeb2b3;cursor:pointer;background:#2b2f31;border:0;border-radius:7px;place-items:center;width:28px;height:28px;margin:0;padding:0;transition:transform .18s cubic-bezier(.2,1.5,.4,1),background .12s,color .12s;display:grid}.copy-button:hover{color:#e1e1dd;background:#333739;transform:scale(1.12)}.copy-button:active{transition:transform .26s cubic-bezier(.34,1.8,.64,1);transform:scale(.78)}.copy-button.copied{color:#d8d8d5;animation:.35s cubic-bezier(.2,1.6,.4,1) check-pop}.error-notification{color:#e5aaa8;background:#271b1c;border-color:#593b3b;animation:.26s cubic-bezier(.2,1.3,.4,1) notification-in,.35s ease-out error-pulse}.error-notification svg{color:#d88986;flex-shrink:0}@keyframes error-pulse{0%{box-shadow:0 12px 40px #00000040,0 2px 8px #00000026}40%{box-shadow:0 12px 40px #782d2d26,0 2px 14px #782d2d1f}to{box-shadow:0 12px 40px #00000040,0 2px 8px #00000026}}.post-page{width:100%;min-height:100%;padding:40px}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#d8d8d5;width:100%;font-size:15px;line-height:1.7}.post-loading,.post-error{color:#777b7d;font-size:13px}.post-error p{margin:0 0 8px}.post-error a{color:#aaa;text-decoration:none}.post-error a:hover{text-decoration:underline}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes notification-in{0%{opacity:0;transform:translateY(-10px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes check-pop{0%{transform:scale(.65)}55%{transform:scale(1.18)}to{transform:scale(1)}}@media (width<=600px){.editor{padding:24px 20px}.top-right{top:16px;right:16px}.publish-menu{width:250px}.post-page{padding:24px 20px}}