@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Outfit:wght@400;500;600;700&display=swap";
:root{--bg-primary:#faf9f6;--bg-sidebar:#f3f2ef;--bg-hover:#ebeae6;--bg-active:#e5e4e0;--bg-code:#f0efeb;--text-primary:#474646;--text-secondary:#6b6a69;--text-muted:#9a9998;--text-placeholder:#b8b7b6;--border-light:#e8e7e4;--border-medium:#d8d7d4;--accent:#8b7355;--accent-hover:#7a6449;--font-heading:"Outfit",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Outfit",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Consolas","Courier New",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--sidebar-width:280px;--header-height:56px;--editor-max-width:720px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--shadow-sm:0 1px 2px #4746460d;--shadow-md:0 2px 8px #47464614}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;font-size:1rem;line-height:1.7}.app-container{min-height:100vh;display:flex}.main-wrapper{min-width:0;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.main-wrapper.sidebar-open{margin-left:var(--sidebar-width)}.header{z-index:100;height:var(--header-height);padding:0 var(--space-lg);background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;gap:var(--space-md);display:flex}.icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.icon-btn:active{background-color:var(--bg-active)}.share-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border:1px solid var(--border-medium);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;font-size:.875rem;font-weight:500;display:inline-flex}.share-btn:hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.share-btn:active{background-color:var(--bg-active)}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-light);height:100vh;transition:transform var(--transition-normal);z-index:200;flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.sidebar-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.sidebar-content{padding:var(--space-md);flex:1;overflow-y:auto}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-light)}.doc-list{list-style:none}.doc-item{width:100%;padding:var(--space-sm)var(--space-md);color:var(--text-secondary);font-family:var(--font-body);text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;margin-bottom:2px;font-size:.9375rem;display:block;overflow:hidden}.doc-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.doc-item.active{background-color:var(--bg-active);color:var(--text-primary);font-weight:500}.new-doc-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm)var(--space-md);border:1px dashed var(--border-medium);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;font-size:.875rem;display:flex}.new-doc-btn:hover{border-color:var(--accent);color:var(--accent);background-color:#8b73550d}.editor-container{padding:var(--space-xl)var(--space-lg);flex:1;justify-content:center;display:flex;overflow-y:auto}.editor-wrapper{width:100%;max-width:var(--editor-max-width)}.tiptap{min-height:calc(100vh - var(--header-height) - var(--space-3xl));outline:none}.tiptap:focus{outline:none}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-placeholder);pointer-events:none;float:left;height:0;font-style:italic}.tiptap h1,.tiptap h2,.tiptap h3{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3}.tiptap h1:first-child,.tiptap h2:first-child,.tiptap h3:first-child{margin-top:0}.tiptap h1{font-size:2.25rem;font-weight:700}.tiptap h2{font-size:1.625rem}.tiptap h3{font-size:1.25rem}.tiptap p{margin-bottom:1em}.tiptap p:last-child{margin-bottom:0}.tiptap strong{font-weight:600}.tiptap em{font-style:italic}.tiptap s{color:var(--text-muted);text-decoration:line-through}.tiptap a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.tiptap a:hover{color:var(--accent-hover)}.tiptap ul,.tiptap ol{margin-bottom:1em;padding-left:1.5em}.tiptap li,.tiptap li p{margin-bottom:.25em}.tiptap ul{list-style-type:disc}.tiptap ol{list-style-type:decimal}.tiptap ul ul,.tiptap ol ol,.tiptap ul ol,.tiptap ol ul{margin-top:.25em;margin-bottom:.25em}.tiptap blockquote{border-left:3px solid var(--accent);padding-left:var(--space-lg);color:var(--text-secondary);margin:1.5em 0;font-style:italic}.tiptap blockquote p{margin-bottom:.5em}.tiptap blockquote p:last-child{margin-bottom:0}.tiptap code{font-family:var(--font-mono);background-color:var(--bg-code);color:var(--accent-hover);border-radius:4px;padding:.15em .4em;font-size:.875em}.tiptap pre{font-family:"JetBrains Mono",var(--font-mono);color:#474646;border:1px solid var(--border-light);background-color:#f5f5f5;border-radius:8px;margin:1.5em 0;padding:16px;font-size:14px;line-height:1.6;overflow-x:auto}.tiptap pre code{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.tiptap pre .hljs-comment,.tiptap pre .hljs-quote{color:#6b7280;font-style:italic}.tiptap pre .hljs-keyword,.tiptap pre .hljs-selector-tag,.tiptap pre .hljs-meta-keyword,.tiptap pre .hljs-doctag,.tiptap pre .hljs-section{color:#7c3aed;font-weight:500}.tiptap pre .hljs-string,.tiptap pre .hljs-template-literal,.tiptap pre .hljs-addition,.tiptap pre .hljs-regexp,.tiptap pre .hljs-selector-attr,.tiptap pre .hljs-selector-pseudo{color:#059669}.tiptap pre .hljs-number,.tiptap pre .hljs-literal,.tiptap pre .hljs-symbol,.tiptap pre .hljs-bullet{color:#2563eb}.tiptap pre .hljs-title,.tiptap pre .hljs-title.function_,.tiptap pre .hljs-title.class_{color:#0f172a;font-weight:500}.tiptap pre .hljs-variable,.tiptap pre .hljs-template-variable,.tiptap pre .hljs-property{color:#9333ea}.tiptap pre .hljs-attr,.tiptap pre .hljs-attribute{color:#7c3aed}.tiptap pre .hljs-built_in,.tiptap pre .hljs-type,.tiptap pre .hljs-class{color:#db2777}.tiptap pre .hljs-params{color:#474646}.tiptap pre .hljs-operator,.tiptap pre .hljs-punctuation{color:#6b7280}.tiptap pre .hljs-meta,.tiptap pre .hljs-tag{color:#7c3aed}.tiptap pre .hljs-name{color:#db2777}.tiptap pre .hljs-deletion{color:#dc2626;background-color:#dc26261a}.tiptap pre .hljs-link{color:#2563eb;text-decoration:underline}.tiptap hr{border:none;border-top:1px solid var(--border-medium);margin:2em 0}.tiptap ::selection{background-color:#8b735533}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.tooltip{bottom:var(--space-lg);padding:var(--space-sm)var(--space-md);background-color:var(--text-primary);color:var(--bg-primary);opacity:0;pointer-events:none;transition:all var(--transition-normal);z-index:1000;border-radius:6px;font-size:.875rem;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.tooltip.visible{opacity:1;transform:translate(-50%)translateY(0)}.doc-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.action-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;flex:1;font-size:.8125rem;display:flex}.action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.hidden-input{display:none}