*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.markdown-viewer{height:100%;display:flex;flex-direction:column;overflow:hidden}.markdown-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.file-name{margin:0;font-size:1.25rem;color:#1f2937;font-weight:600}.markdown-content{flex:1;padding:2rem;overflow-y:auto;line-height:1.7}.md-h1{font-size:2rem;font-weight:700;margin:1.5rem 0 1rem;color:#111827;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.md-h2{font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem;color:#1f2937;padding-bottom:.3rem;border-bottom:1px solid #e5e7eb}.md-h3{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;color:#374151}.md-p{margin:1rem 0;color:#4b5563;line-height:1.75}.md-a{color:#2563eb;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s}.md-a:hover{color:#1d4ed8;border-bottom-color:#1d4ed8}.md-ul,.md-ol{margin:1rem 0;padding-left:2rem}.md-li{margin:.5rem 0;color:#4b5563}.md-blockquote{margin:1rem 0;padding:1rem 1.5rem;border-left:4px solid #3b82f6;background:#eff6ff;color:#1e40af}.md-inline-code{background:#f3f4f6;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#dc2626}.md-pre{background:#1f2937;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.md-pre code{background:transparent;color:#e5e7eb;padding:0}.md-code{font-family:Courier New,monospace;font-size:.9em}.md-table-wrapper{overflow-x:auto;margin:1rem 0}.md-table{width:100%;border-collapse:collapse;background:#fff}.md-table th,.md-table td{border:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left}.md-table th{background:#f9fafb;font-weight:600;color:#1f2937}.md-table tr:hover{background:#f9fafb}img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}hr{border:none;border-top:2px solid #e5e7eb;margin:2rem 0}.file-list{height:100%;display:flex;flex-direction:column}.file-list-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.file-list-header h3{margin:0;font-size:1.1rem;color:#1f2937;font-weight:600}.file-list-items{list-style:none;padding:.5rem;margin:0;overflow-y:auto}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.25rem 0;border-radius:8px;cursor:pointer;transition:all .2s;color:#4b5563}.file-item:hover{background:#f3f4f6;color:#1f2937}.file-item.active{background:#dbeafe;color:#1e40af;font-weight:500}.file-icon{font-size:1.25rem;flex-shrink:0}.file-name{flex:1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.app-header{background:#fffffff2;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000001a}.app-header h1{margin:0 0 .5rem;color:#333;font-size:2rem}.app-header p{margin:0;color:#666;font-size:1rem}.app-container{display:flex;max-width:1400px;margin:0 auto;min-height:calc(100vh - 120px);gap:1rem;padding:1rem}.sidebar{flex:0 0 280px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;height:fit-content}.main-content{flex:1;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{flex:none}.app-header h1{font-size:1.5rem}}