:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333}#root{width:100%}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:900px;width:100%;margin:0 auto;padding:2rem}.container{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}button.primary{background-color:#1976d2;color:#fff}button.primary:hover{background-color:#1565c0}button.secondary{background-color:#757575;color:#fff}button.secondary:hover{background-color:#616161}input,textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:1rem}input:focus,textarea:focus{outline:none;border-color:#1976d2}.markdown-preview{padding:16px;border:1px solid #d9d9d9;border-radius:6px;min-height:200px;background:#fafafa}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:16px;margin-bottom:8px}.markdown-preview p{margin-bottom:12px}.markdown-preview ul,.markdown-preview ol{margin-left:24px;margin-bottom:12px}.markdown-preview code{background:#f0f0f0;padding:2px 6px;border-radius:3px}.markdown-preview pre{background:#f0f0f0;padding:12px;border-radius:6px;overflow-x:auto;margin-bottom:12px}.markdown-content{color:#333;line-height:1.8}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3}.markdown-content h1{font-size:2em;border-bottom:1px solid #eaecef;padding-bottom:.3em}.markdown-content h2{font-size:1.5em;border-bottom:1px solid #eaecef;padding-bottom:.3em}.markdown-content h3{font-size:1.25em}.markdown-content p{margin:1em 0}.markdown-content a{color:#1976d2;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content code{background-color:#f6f8fa;padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background-color:#f6f8fa;padding:1em;border-radius:6px;overflow-x:auto;margin:1em 0}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:4px solid #dfe2e5;padding-left:1em;margin:1em 0;color:#6a737d}.markdown-content ul,.markdown-content ol{padding-left:2em;margin:1em 0}.markdown-content li{margin:.5em 0}.markdown-content ul li{list-style-type:disc}.markdown-content ol li{list-style-type:decimal}.markdown-content table{border-collapse:collapse;width:100%;margin:1em 0}.markdown-content th,.markdown-content td{border:1px solid #dfe2e5;padding:.5em 1em;text-align:left}.markdown-content th{background-color:#f6f8fa;font-weight:600}.markdown-content img{max-width:100%;height:auto}.markdown-content hr{border:none;border-top:1px solid #eaecef;margin:2em 0}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}