.topic-view{max-width:1200px;margin:0 auto;padding:2rem}.topic-header{margin-bottom:2rem}.back-link{display:inline-block;margin-bottom:1rem;color:#666;text-decoration:none;font-size:.9rem}.back-link:hover{color:#333;text-decoration:underline}.topic-header h1{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;font-size:2rem}.topic-icon{font-size:2rem}.topic-description{color:#666;font-size:1.1rem;margin:1rem 0}.topic-meta{display:flex;gap:1rem;margin-top:1rem}.badge{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.time{color:#666;font-size:.9rem}.topic-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0;margin-bottom:2rem}.topic-tabs button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.topic-tabs button:hover{color:#333;background:#f5f5f5}.topic-tabs button.active{color:#1976d2;border-bottom-color:#1976d2;font-weight:500}.topic-content{min-height:400px}.content-view{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.content-loading{text-align:center;padding:3rem;color:#666}.markdown-content{line-height:1.8;color:#333}.markdown-content h1{font-size:2rem;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.markdown-content h2{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.75rem;color:#1976d2}.markdown-content h3{font-size:1.25rem;margin-top:1.25rem;margin-bottom:.5rem;color:#424242}.markdown-content p{margin:1rem 0}.markdown-content ul,.markdown-content ol{margin:1rem 0;padding-left:2rem}.markdown-content li{margin:.5rem 0}.markdown-content code{background:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:#d63384}.markdown-content pre{background:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0}.markdown-content pre code{background:none;padding:0;color:#333}.markdown-content blockquote{border-left:4px solid #1976d2;padding-left:1rem;margin:1rem 0;color:#666;font-style:italic}.markdown-content table{width:100%;border-collapse:collapse;margin:1rem 0}.markdown-content table th,.markdown-content table td{border:1px solid #e0e0e0;padding:.75rem;text-align:left}.markdown-content table th{background:#f5f5f5;font-weight:600}.markdown-content a{color:#1976d2;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content img{max-width:100%;height:auto;margin:1rem 0;border-radius:4px}.flashcards-view,.quiz-view{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}