@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist+Mono:wght@300;400;500&family=Geist:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}:root{--font-serif: "Roboto", Georgia, serif;--font-sans: "Roboto", system-ui, sans-serif;--font-mono: "Roboto", monospace}[data-theme=dark]{--bg: #111113;--surface: #18181b;--surface2: #222226;--surface3: #2c2c32;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12);--text: #ededec;--text-muted: #5e5e5a;--text-dim: #9d9d98;--accent: #e8c07d;--accent-bg: rgba(232,192,125,.1);--accent-border: rgba(232,192,125,.25);--red: #f47c7c;--red-bg: rgba(244,124,124,.1);--shadow: 0 12px 40px rgba(0,0,0,.6);--shadow-sm: 0 2px 8px rgba(0,0,0,.4)}[data-theme=light]{--bg: #f4f2ed;--surface: #faf8f4;--surface2: #edeae4;--surface3: #e4e0d8;--border: rgba(0,0,0,.07);--border-strong: rgba(0,0,0,.13);--text: #1a1a18;--text-muted: #96928c;--text-dim: #56534e;--accent: #b5810a;--accent-bg: rgba(181,129,10,.08);--accent-border: rgba(181,129,10,.2);--red: #c44040;--red-bg: rgba(196,64,64,.08);--shadow: 0 12px 40px rgba(0,0,0,.12);--shadow-sm: 0 2px 8px rgba(0,0,0,.08)}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:252px;min-width:252px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s,opacity .18s;overflow:hidden;flex-shrink:0}.sidebar.collapsed{width:0;min-width:0;opacity:0;border-right:none;pointer-events:none}.sb-header{padding:13px 12px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:4px;flex-shrink:0}.brand{flex:1;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:400}.sb-search{margin:8px 8px 4px;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;cursor:pointer;transition:border-color .15s;flex-shrink:0;width:calc(100% - 16px)}.sb-search:hover{border-color:var(--border-strong)}.quick-btn{flex:1;padding:5px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.quick-btn:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg)}.new-btn{padding:5px 14px;margin:0 8px 6px;border:1px dashed var(--border-strong);border-radius:6px;background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.new-btn:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg)}.page-list{flex:1;overflow-y:auto;padding:2px 6px 8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.page-item{position:relative;width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;margin-bottom:2px;border-radius:7px;border:1px solid transparent;background:transparent;cursor:pointer;transition:background .12s,border-color .12s,opacity .15s,transform .15s;-webkit-user-select:none;user-select:none}.page-item:hover{background:var(--surface2);border-color:var(--border)}.page-item.active{background:var(--surface2);border-color:var(--border-strong)}.page-item.active:before{content:"";position:absolute;left:0;top:18%;height:64%;width:2px;border-radius:0 2px 2px 0;background:var(--accent)}.page-item.drag-over{border-color:var(--accent);background:var(--accent-bg)}.page-item.dragging{opacity:.35;transform:scale(.97)}.pi-title{font-size:12.5px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.pi-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:2px}.del-btn{opacity:0;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px 4px;border-radius:3px;font-size:12px;line-height:1;flex-shrink:0;transition:opacity .15s,color .15s,background .15s}.page-item:hover .del-btn{opacity:1}.del-btn:hover{color:var(--red);background:var(--red-bg)}.sb-footer{padding:8px 10px;border-top:1px solid var(--border);display:flex;gap:2px;align-items:center;flex-shrink:0}.editor-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{display:flex;align-items:center;padding:0 18px;height:44px;border-bottom:1px solid var(--border);gap:5px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.topbar-title{flex:1;font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic;font-family:var(--font-serif);min-width:0}.topbar-stat{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);padding:2px 7px;background:var(--surface2);border-radius:10px;white-space:nowrap;flex-shrink:0}.editor-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.editor-inner{max-width:700px;margin:0 auto;padding:52px 48px 120px}.title-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-serif);font-size:38px;font-weight:400;line-height:1.15;color:var(--text);caret-color:var(--accent)}.title-input::placeholder{color:var(--text-muted)}.content-ta{display:block;width:100%;background:transparent;border:none;outline:none;resize:none;font-family:var(--font-sans);font-size:15.5px;font-weight:300;line-height:1.88;color:var(--text-dim);min-height:320px;caret-color:var(--accent);transition:padding-top .3s ease}.content-ta::placeholder{color:var(--text-muted);font-style:italic}.content-ta:focus{color:var(--text)}.md-preview{font-family:var(--font-sans);font-size:15.5px;font-weight:300;line-height:1.88;color:var(--text-dim)}.md-preview h1{font-family:var(--font-serif);font-size:30px;font-weight:400;color:var(--text);margin:0 0 18px;line-height:1.2}.md-preview h2{font-family:var(--font-serif);font-size:22px;font-weight:400;color:var(--text);margin:28px 0 12px}.md-preview h3{font-size:16px;font-weight:600;color:var(--text);margin:22px 0 8px}.md-preview strong{font-weight:600;color:var(--text)}.md-preview em{font-style:italic}.md-preview s{text-decoration:line-through;opacity:.6}.md-preview code{font-family:var(--font-mono);font-size:13px;background:var(--surface2);padding:1px 6px;border-radius:4px;color:var(--accent)}.md-preview blockquote{border-left:2px solid var(--accent);padding-left:18px;color:var(--text-muted);margin:14px 0;font-style:italic}.md-preview ul{padding-left:22px;margin:8px 0}.md-preview li{margin:5px 0}.md-preview li.checked,.md-preview li.unchecked{list-style:none;margin-left:-22px}.md-preview a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-border)}.md-preview p{margin:0 0 10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media print{.sidebar,.topbar{display:none!important}.editor-wrap,.editor-scroll{overflow:visible}}[data-focus=true] .topbar{display:none}[data-focus=true] .editor-inner{padding-top:80px}.topbar-folder{z-index:1000}