:root{--color-zinc-900:#18181b;--color-zinc-800:#27272a;--color-zinc-400:#a1a1aa;--color-teal:#2dd4bf;--bg-color:#09090b}*{box-sizing:border-box}body{background-color:var(--bg-color);color:#fff;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.prose-preview h1,.prose-preview h2,.prose-preview h3,.prose-preview h4{letter-spacing:-.025em;color:#fff;margin-top:2rem;margin-bottom:1rem;font-weight:700}.prose-preview h2{border-bottom:1px solid var(--color-zinc-800);padding-bottom:.5rem}.prose-preview p{color:var(--color-zinc-400);margin-bottom:1.25rem;line-height:1.8}.prose-preview img{border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem 0;display:block}.prose-preview ul,.prose-preview ol{color:var(--color-zinc-400);margin-bottom:1.25rem;padding-left:1.5rem;line-height:1.8}.prose-preview li{margin-bottom:.25rem}.prose-preview a{color:var(--color-teal);text-decoration:none}.prose-preview a:hover{text-decoration:underline}.prose-preview code{background-color:var(--color-zinc-800);color:var(--color-teal);border-radius:.25rem;padding:.2rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em}.prose-preview pre{border:1px solid var(--color-zinc-800);border-radius:.75rem;margin:1.5rem 0;padding:1rem;position:relative;overflow-x:auto;background-color:var(--color-zinc-900)!important}.prose-preview pre code{color:inherit;background-color:#0000;border-radius:0;padding:0;font-size:.875em}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--color-zinc-800);background-color:#121214;flex-direction:column;gap:1rem;width:320px;padding:1.5rem;display:flex;overflow-y:auto}.sidebar h2{border-bottom:1px solid var(--color-zinc-800);margin-top:0;padding-bottom:.75rem;font-size:1.25rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-zinc-400);font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{background-color:var(--color-zinc-900);border:1px solid var(--color-zinc-800);color:#fff;resize:none;border-radius:.375rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-teal);outline:none}.form-group .error{color:#ef4444;font-size:.75rem}.btn{background-color:var(--color-teal);color:var(--color-zinc-900);cursor:pointer;border:none;border-radius:.375rem;padding:.75rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.btn:hover{opacity:.9}.btn-secondary{background-color:var(--color-zinc-800);color:#fff}.btn-secondary:hover{background-color:var(--color-zinc-900)}.actions{border-top:1px solid var(--color-zinc-800);flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.editor-pane{border-right:1px solid var(--color-zinc-800);flex-direction:column;flex:1;display:flex}.pane-header{border-bottom:1px solid var(--color-zinc-800);color:var(--color-zinc-400);background-color:#121214;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.preview-pane{background-color:var(--bg-color);scroll-behavior:smooth;flex:1;padding:0;position:relative;overflow-y:auto}.preview-content{max-width:700px;margin:0 auto;padding:2rem 2rem 6rem;position:relative}.progress-bar-container{z-index:50;width:100%;height:3px;position:sticky;top:0;left:0}#progress-bar{background-color:var(--color-teal);transform-origin:0;width:0%;height:100%;transition:width .1s ease-out}.toc-container{border-left:2px solid var(--color-zinc-800);margin-top:2rem;padding-left:1rem}.toc-item{color:var(--color-zinc-400);cursor:pointer;margin-bottom:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:block}.toc-item:hover{color:#fff}.toc-item.active{color:var(--color-teal)}.copy-btn{background:var(--color-zinc-800);border:1px solid var(--color-zinc-800);color:var(--color-zinc-400);cursor:pointer;opacity:0;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:opacity .2s,background .2s,color .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.prose-preview pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--color-zinc-900);color:#fff}.copy-btn.copied{color:var(--color-teal);opacity:1}.preview-header{margin-top:1rem;margin-bottom:3rem}.tags-container{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tag-pill{color:var(--color-teal);text-transform:uppercase;background-color:#2dd4bf1a;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.post-title{letter-spacing:-.025em;font-weight:800;margin-top:0!important;margin-bottom:1.5rem!important;font-size:2.5rem!important;line-height:1.2!important}.post-meta{color:var(--color-zinc-400);gap:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;display:flex}.meta-item{align-items:center;gap:.375rem;display:flex}.file-item{color:var(--color-zinc-400);cursor:pointer;border-radius:.25rem;align-items:center;gap:.5rem;margin-bottom:.125rem;padding:.375rem .5rem .375rem 1.5rem;font-size:.8125rem;transition:background-color .2s,color .2s;display:flex}.file-item:hover{background-color:var(--color-zinc-900);color:#fff}.file-item.active{color:var(--color-teal);background-color:#2dd4bf1a}.action-btn{opacity:0;color:var(--color-zinc-400);cursor:pointer;transition:opacity .2s,color .2s,transform .2s;transform:scale(.9)}.folder-row:hover .action-btn,.file-item:hover .action-btn{opacity:.5;transform:scale(1)}.action-btn:hover{transform:scale(1.1);opacity:1!important}.action-btn.btn-create:hover{color:var(--color-teal)!important}.action-btn.btn-upload:hover{color:#a78bfa!important}.action-btn.btn-edit:hover{color:#fbbf24!important}.action-btn.btn-danger:hover{color:#f87171!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}