*{margin:0;box-sizing:border-box}:root{--1000:#14161a;--900:#1d1f22;--800:#2b2d31;--700:#35393f;--600:#5a6069;--500:#7c8187;--400:#c1c4cb;--300:#e4e4e4;--200:#f5f5f5;--100:#fff;--orange:#e46643;--orange-hover:#f39765;font-size:14px}button{border:none;padding:0;background:none;line-height:1;display:flex;align-items:center;justify-content:center}button:hover{cursor:pointer}img{max-width:100%}main,nav{transition:.3s ease;width:100vw}body,html{overflow:hidden}body:has(.sidebar--open) main,body:has(.sidebar--open) nav,html:has(.sidebar--open) main,html:has(.sidebar--open) nav{margin-left:250px}@media(min-width:768px){::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--100)}::-webkit-scrollbar-thumb{background:var(--500)}::-webkit-scrollbar-thumb:hover{background:var(--800)}}body[data-theme=dark] .viewToggle{background:var(--900)}body[data-theme=dark] .viewToggle span{color:var(-400)}body[data-theme=dark] .markdown--input{border-color:var(--600)}body[data-theme=dark] .markdown textarea,body[data-theme=dark] .markdown__content{background:var(--1000)!important;color:var(--400)}body[data-theme=dark] .markdown__content code,body[data-theme=dark] .markdown__content h1,body[data-theme=dark] .markdown__content h2,body[data-theme=dark] .markdown__content h3,body[data-theme=dark] .markdown__content h4,body[data-theme=dark] .markdown__content h5,body[data-theme=dark] .markdown__content h6{color:var(--100)}body[data-theme=dark] .markdown__content li,body[data-theme=dark] .markdown__content p{color:var(--400)}body[data-theme=dark] .markdown__blockquote,body[data-theme=dark] .markdown__codeblock{background:var(--800);color:var(--100)}body[data-theme=dark] .deleteDocModal form{background:var(--900)}body[data-theme=dark] .deleteDocModal form h1{color:var(--100)}body[data-theme=dark] .deleteDocModal form p{color:var(--400)}@media(min-width:768px){body[data-theme=dark] ::-webkit-scrollbar-track{background:var(--1000)}body[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--700)}body[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--500)}}.nav{background:var(--800);gap:24px;height:56px;padding-right:8px}.nav,.nav__toggler{display:flex;align-items:center}.nav__toggler{height:100%;aspect-ratio:1/1;background:var(--700);justify-content:center}.nav__toggler img{width:22px;height:22px;object-fit:contain}.nav__logo{display:none}.nav form,.nav__file-name{flex:1 1;display:flex;align-items:center}.nav__file-name{gap:15px}.nav__file-name>div{display:flex;flex-direction:column;gap:1px}.nav__file-name>div span{display:none}.nav__file-name>div>div:after{content:".md";color:var(--100);font-size:15px}.nav__file-name>div>div input{color:var(--100);font-size:15px;font-weight:400;background:none;padding:0;border:none;border-bottom:1px solid transparent;margin-bottom:-1px;caret-color:var(--orange)}.nav__file-name>div>div input:focus{outline:none;border-color:var(--100)}.nav__cta{display:flex;align-items:center;gap:24px}.nav__delete:disabled{cursor:not-allowed;opacity:.33}.nav__save{background:var(--orange);height:40px;width:40px;border-radius:4px;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.nav{height:72px;padding-right:16px}.nav__toggler:hover{background:var(--orange)}.nav__toggler img{width:28px;height:28px}.nav__save{width:auto;padding:0 16px;gap:8px}.nav__save:hover{background:var(--orange-hover)}.nav__save:after{content:"Save Changes";color:var(--100);line-height:1;font-size:15px}.nav__logo{display:flex;align-items:center;padding-right:24px;border-right:1px solid var(--600);height:40px}.nav__file-name>div span{font-size:13px;font-weight:300;color:var(--500);display:block}}.sidebar{background:var(--900);position:fixed;height:100dvh;width:250px;left:-250px;transition:.3s ease;padding:25px;display:flex;flex-direction:column;gap:27px}.sidebar--open{left:0}.sidebar>p{color:var(--500);font-weight:500}.sidebar>button{background:var(--orange);font-size:15px;color:var(--100);height:40px;border-radius:4px}.sidebar>button:hover{background:var(--orange-hover)}.sidebar__document{flex:1 1;display:flex;flex-direction:column;gap:27px;overflow:auto}.sidebar__document::-webkit-scrollbar-track{background:var(--1000)}.sidebar__document::-webkit-scrollbar-thumb{background:var(--700)}.sidebar__document::-webkit-scrollbar-thumb:hover{background:var(--500)}.sidebar__document-item{display:flex;align-items:center;gap:16px}.sidebar__document-item>div{display:flex;flex-direction:column;gap:3px}.sidebar__document-item>div span{font-size:13px;color:var(--500)}.sidebar__document-item>div button{color:var(--100);font-size:15px;justify-content:flex-start}.sidebar__document-item>div button:after{content:".md"}.sidebar__document-item>div button.sidebar__update{animation:updateAnimation .6s ease}@keyframes updateAnimation{0%{opacity:0;color:transparent}to{opacity:1;color:var(--100)}}.sidebar__document-item>div button:hover{color:var(--orange)}.sidebar__theme-toggle{display:flex;align-items:center;gap:10px}.sidebar__theme-toggle label{line-height:1;display:flex;align-items:center}.sidebar__theme-toggle label:hover{cursor:pointer}.sidebar__theme-toggle label img{width:18px;height:18px;object-fit:contain}.sidebar__theme-toggle input{height:20px;width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.sidebar__theme-toggle input:hover{cursor:pointer}.sidebar__theme-toggle input:checked:before{left:23px}.sidebar__theme-toggle input:after,.sidebar__theme-toggle input:before{content:"";display:block}.sidebar__theme-toggle input:before{width:14px;height:14px;border-radius:50%;top:3px;left:3px;background:var(--100);position:absolute;z-index:1;transition:.3s ease}.sidebar__theme-toggle input:after{height:100%;width:100%;background:var(--600);border-radius:99px}.viewToggle{background:var(--200);height:42px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.viewToggle span{color:var(--500);letter-spacing:2px;font-weight:500}.hide-preview .markdown--output,.show-preview .markdown--input{display:none!important}@media(min-width:768px){.show-preview .markdown--input{display:none!important}.hide-preview .markdown--input,.hide-preview .markdown--output,.show-preview .markdown--output{display:flex!important}}.container,.container .markdown{display:flex;flex-direction:column}.container .markdown{height:calc(100dvh - 56px)}.container .markdown .markdown__content,.container .markdown textarea{flex:1 1;border:none;resize:none;padding:16px;background:var(--100);color:var(--700);overflow:auto}.container .markdown .markdown__content:focus,.container .markdown textarea:focus{outline:none}.container .markdown h1,.container .markdown h2,.container .markdown h3,.container .markdown h4,.container .markdown h5,.container .markdown h6{color:var(--700);line-height:normal}.container .markdown h1{font-size:32px}.container .markdown h2{font-size:28px}.container .markdown h3{font-size:24px}.container .markdown h4{font-size:20px}.container .markdown h5{font-size:16px}.container .markdown h6{font-size:14px}.container .markdown code,.container .markdown li,.container .markdown p{color:var(--500);line-height:1.71;font-size:14px}.container .markdown code{color:var(--700)}.container .markdown ol,.container .markdown ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.container .markdown ol li,.container .markdown ul li{display:flex;gap:8px;padding-left:24px}.container .markdown ol{counter-reset:counter}.container .markdown ol li{counter-increment:counter}.container .markdown ol li:before{content:counter(counter) ". "}.container .markdown ul li{gap:16px}.container .markdown ul li:before{content:"•";font-weight:700;color:var(--orange)}.container .markdown__blockquote{background:var(--200);padding:24px;font-size:14px;line-height:1.71;font-weight:700;border-left:4px solid var(--orange);border-radius:4px}.container .markdown__empty-line{height:20px}.container .markdown__codeblock{border-radius:4px;background:var(--200);padding:24px;color:var(--700)}@media(min-width:768px){.container{flex-direction:row}.container .markdown{height:calc(100dvh - 72px);flex:1 1}.container .markdown--input{border-right:1px solid var(--300)}.container .markdown--input .viewToggle button{display:none}.container .markdown textarea,.container .markdown__content{padding:24px!important}}.notifier{position:fixed;background:var(--100);color:var(--800);background:#a8ffa8;top:15px;left:50%;transform:translate(-50%);animation:notifier-animation .4s ease;padding:12px;border-radius:6px;font-weight:400}@keyframes notifier-animation{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.deleteDocModal{position:fixed;top:0;width:100%;height:100%;border:none;background:rgba(20,22,26,.5);max-width:100vw;max-height:100vh;padding:16px;align-items:center;justify-content:center}.deleteDocModal[open]{display:flex}.deleteDocModal form{background:var(--100);width:100%;max-width:343px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px;border-radius:4px}.deleteDocModal form h1{color:var(--700);font-size:20px}.deleteDocModal form p{font-size:14px;color:var(--500);line-height:1.71}.deleteDocModal form button{height:40px;color:var(--100);background:var(--orange);border-radius:4px;font-size:15px}.deleteDocModal form button:hover{background:var(--orange-hover)}