:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background-color:#fff}body{margin:0;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}*{margin:0;padding:0;box-sizing:border-box}#root{width:100vw;height:100vh;overflow:hidden}.app-container{display:flex;height:100vh;width:100vw;background-color:#f5f5f5}.sidebar{width:280px;background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;border-right:1px solid #34495e}.sidebar-header{padding:1.5rem;background-color:#34495e;border-bottom:1px solid #465a6d}.sidebar-header h2{font-size:1.25rem;font-weight:600;margin:0}.file-list{flex:1;overflow-y:auto;padding:.5rem}.file-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;color:#ecf0f1;cursor:pointer;border-radius:6px;margin-bottom:.25rem;transition:all .2s ease;text-align:left;font-size:.9rem}.file-item:hover{background-color:#34495e}.file-item.active{background-color:#3498db;color:#fff}.file-icon{font-size:1.1rem;flex-shrink:0}.file-title{flex:1;font-weight:500}.sidebar-footer{padding:1rem;border-top:1px solid #34495e;background-color:#34495e;font-size:.75rem;color:#95a5a6}.sidebar-footer code{background-color:#2c3e50;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.7rem}.content{flex:1;overflow-y:auto;background-color:#fff}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.2rem;color:#7f8c8d}.markdown-content{max-width:900px;margin:0 auto;padding:3rem 2rem;line-height:1.7;color:#2c3e50}.markdown-content h1{font-size:2.5rem;margin-bottom:1rem;color:#2c3e50;border-bottom:3px solid #3498db;padding-bottom:.5rem}.markdown-content h2{font-size:2rem;margin-top:2rem;margin-bottom:1rem;color:#34495e;border-bottom:2px solid #ecf0f1;padding-bottom:.4rem}.markdown-content h3{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.75rem;color:#34495e}.markdown-content p{margin-bottom:1rem;font-size:1rem}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:2rem}.markdown-content li{margin-bottom:.5rem}.markdown-content code{background-color:#f8f9fa;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:#e74c3c}.markdown-content pre{background-color:#2c3e50;color:#ecf0f1;padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem}.markdown-content pre code{background:transparent;color:inherit;padding:0;font-size:.9rem}.markdown-content blockquote{border-left:4px solid #3498db;padding-left:1rem;margin:1rem 0;color:#7f8c8d;font-style:italic}.markdown-content a{color:#3498db;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content strong{font-weight:600;color:#2c3e50}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}.markdown-content th,.markdown-content td{border:1px solid #ddd;padding:.75rem;text-align:left}.markdown-content th{background-color:#34495e;color:#fff;font-weight:600}.markdown-content tr:nth-child(2n){background-color:#f8f9fa}.file-list::-webkit-scrollbar,.content::-webkit-scrollbar{width:8px}.file-list::-webkit-scrollbar-track{background:#2c3e50}.file-list::-webkit-scrollbar-thumb{background:#34495e;border-radius:4px}.file-list::-webkit-scrollbar-thumb:hover{background:#465a6d}.content::-webkit-scrollbar-track{background:#f1f1f1}.content::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media (max-width: 768px){.sidebar{width:200px}.markdown-content{padding:2rem 1rem}.markdown-content h1{font-size:2rem}.markdown-content h2{font-size:1.5rem}}