*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f2ed;--bg2: #ede9e2;--bg3: #e5e1d8;--border: #c8c2b8;--text: #0f0d0a;--muted: #3a3530;--faint: #6b6558}html,body,#root{height:100%;background:var(--bg);color:var(--text)}body{font-family:Playfair Display,Georgia,serif;font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600}.mono{font-family:JetBrains Mono,monospace;font-weight:500}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8c2b8;border-radius:2px}button{cursor:pointer;font-family:inherit;border:none;background:none}textarea,input,select{font-family:inherit}[contenteditable]:focus{outline:none}[contenteditable]:empty:before{content:attr(data-ph);color:#b0a898;font-style:italic;pointer-events:none}*{font-synthesis:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .2s ease forwards}.app-shell{display:flex;flex-direction:column;height:100%}.app-header{padding:20px 36px 16px;border-bottom:1px solid #d6d1c8;background:#edeae2;display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:190px;flex-shrink:0;border-right:1px solid #d6d1c8;background:#eae7e0;display:flex;flex-direction:column;overflow:hidden}.sidebar-inner{flex:1;overflow-y:auto;padding:16px 0}.sidebar-sep{border-top:1px solid #d6d1c8;margin:4px 0 12px}.sidebar-label{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:3px;color:#999;padding:0 16px 10px}.app-main{flex:1;overflow-y:auto;padding:32px 44px;background:#f5f2ed}.app-main-inner{max-width:1100px;margin:0 auto}@media (max-width: 680px){.app-header{padding:14px 16px 12px;flex-direction:column;align-items:flex-start;gap:4px}.app-body{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #d6d1c8;flex-direction:row;height:auto;flex-shrink:0}.sidebar-inner{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar-inner::-webkit-scrollbar{display:none}.sidebar-sep,.sidebar-label{display:none}.sidebar button{flex-shrink:0!important;white-space:nowrap!important;padding:10px 14px!important;border-left:none!important;border-bottom:3px solid transparent;width:auto!important}.app-main{padding:18px 14px}.app-main-inner{max-width:100%}}