.aspect-ratio[data-v-efc5247e]{position:relative}.aspect-ratio[data-v-efc5247e]:before{content:"";display:block;padding-bottom:56.25%}.aspect-ratio[data-v-efc5247e]>:first-child{height:100%;left:0;position:absolute;top:0;width:100%}.bg-opacity-95[data-v-efc5247e]{--bg-opacity:.95}.text-render .type-p+.type-h2[data-v-b397c563]{margin-top:1.25rem}.rich-text-content[data-v-b397c563] p{margin-bottom:.5rem}.rich-text-content[data-v-b397c563] h1{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rich-text-content[data-v-b397c563] h2{font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rich-text-content[data-v-b397c563] h3{font-size:1.125rem;font-weight:700;line-height:1.75rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rich-text-content[data-v-b397c563] ul{list-style-type:disc;margin-bottom:.5rem;padding-left:1.5rem}.rich-text-content[data-v-b397c563] ol{list-style-type:decimal;margin-bottom:.5rem;padding-left:1.5rem}.rich-text-content[data-v-b397c563] blockquote{border-left-width:4px;margin-bottom:.5rem;--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1));opacity:.75;padding-left:1rem}.rich-text-content[data-v-b397c563] a{font-weight:700;--tw-text-opacity:1;color:rgb(0 228 114/var(--tw-text-opacity,1));text-decoration-line:underline}.rich-text-content[data-v-b397c563] a:hover{opacity:.75}.rich-text-content[data-v-b397c563] code{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));font-family:monospace;font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem}.rich-text-content[data-v-b397c563] pre{border-radius:.25rem;margin-bottom:.5rem;overflow-x:auto;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));font-family:monospace;padding:1rem}.course-sidebar[data-v-d3f30b15]{padding:0}.course-sidebar[data-v-d3f30b15] h3{color:var(--dc-text);font-size:var(--dc-text-base);font-weight:700;margin:0 0 var(--dc-space-3) 0}.course-sidebar[data-v-d3f30b15] h4{color:var(--dc-text);font-size:var(--dc-text-sm);font-weight:700;margin:var(--dc-space-3) 0 var(--dc-space-2) 0}.course-sidebar[data-v-d3f30b15] h5,.course-sidebar[data-v-d3f30b15] h6{color:var(--dc-text);font-size:var(--dc-text-xs);font-weight:700;margin:var(--dc-space-2) 0 var(--dc-space-1) 0}.course-sidebar[data-v-d3f30b15] p{color:var(--dc-text-secondary);font-size:var(--dc-text-sm);line-height:1.6;margin:0 0 var(--dc-space-3) 0}.course-sidebar[data-v-d3f30b15] p:last-child{margin-bottom:0}.course-sidebar[data-v-d3f30b15] hr{border:none;border-top:1px solid var(--dc-border);margin:var(--dc-space-3) 0}.course-sidebar[data-v-d3f30b15] a:not(.sidebar-btn){color:var(--dc-accent);font-weight:600;text-decoration:none}.course-sidebar[data-v-d3f30b15] a:not(.sidebar-btn):hover{text-decoration:underline}.course-sidebar[data-v-d3f30b15] .sidebar-btn{align-items:center;background:transparent;border:1px solid var(--dc-accent);color:var(--dc-accent);cursor:pointer;display:flex;font-size:var(--dc-text-sm);font-weight:600;gap:var(--dc-space-2);justify-content:center;margin-bottom:var(--dc-space-2);padding:var(--dc-space-3);text-decoration:none;transition:all .2s ease}.course-sidebar[data-v-d3f30b15] .sidebar-btn:last-child{margin-bottom:0}.course-sidebar[data-v-d3f30b15] .sidebar-btn:hover{background:var(--dc-accent);color:var(--dc-text-on-accent)}.course-sidebar[data-v-d3f30b15] strong{color:var(--dc-text);font-weight:700}.course-sidebar[data-v-d3f30b15] em{font-style:italic}.course-reply-item.level-1[data-v-3546ffeb]{border-top:1px solid var(--dc-border);margin-left:calc(var(--dc-space-4)*-1);margin-right:calc(var(--dc-space-4)*-1);padding-left:var(--dc-space-4);padding-right:var(--dc-space-4);padding-top:var(--dc-space-3)}.course-reply-item.level-2[data-v-3546ffeb],.course-reply-item.level-3[data-v-3546ffeb]{margin-left:var(--dc-space-4)}.reply-main[data-v-3546ffeb]{display:flex;gap:var(--dc-space-2)}.reply-avatar[data-v-3546ffeb]{align-items:center;background:var(--dc-bg-card);border-radius:50%;color:var(--dc-text);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;overflow:hidden;width:28px}.reply-avatar .avatar-img[data-v-3546ffeb]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.reply-avatar.small[data-v-3546ffeb]{font-size:10px;height:24px;width:24px}.reply-avatar.tiny[data-v-3546ffeb]{font-size:9px;height:20px;width:20px}.reply-avatar-link[data-v-3546ffeb]{flex-shrink:0;text-decoration:none;transition:opacity var(--dc-transition-base)}.reply-avatar-link[data-v-3546ffeb]:hover{opacity:.8}.reply-content[data-v-3546ffeb]{flex:1;min-width:0}.reply-header[data-v-3546ffeb]{align-items:center;display:flex;gap:var(--dc-space-2);margin-bottom:var(--dc-space-1)}.reply-user-name[data-v-3546ffeb],.reply-user-name-link[data-v-3546ffeb]{color:var(--dc-accent);font-size:var(--dc-text-xs);font-weight:600}.reply-user-name-link[data-v-3546ffeb]{text-decoration:none;transition:opacity var(--dc-transition-base)}.reply-user-name-link[data-v-3546ffeb]:hover{opacity:.8;text-decoration:underline}.reply-date[data-v-3546ffeb]{color:var(--dc-text-muted);font-size:10px;text-transform:uppercase}.reply-text[data-v-3546ffeb]{color:var(--dc-text-secondary);font-size:var(--dc-text-sm);line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word}.reply-actions[data-v-3546ffeb]{align-items:center;display:flex;margin-top:var(--dc-space-2)}.reply-actions-left[data-v-3546ffeb]{align-items:center;display:flex;gap:var(--dc-space-3)}.mini-reaction-number[data-v-3546ffeb]{margin-left:2px}.mini-reaction-number[data-v-3546ffeb],.reply-action-btn[data-v-3546ffeb]{color:var(--dc-text-muted);font-size:11px}.reply-action-btn[data-v-3546ffeb]{background:none;border:none;cursor:pointer;font-weight:600;line-height:1;padding:0;transition:color .2s ease}.reply-action-btn[data-v-3546ffeb]:hover{color:var(--dc-text)}.reply-action-btn.active[data-v-3546ffeb]{color:var(--dc-accent)}.reply-action-btn.delete[data-v-3546ffeb]:hover{color:var(--dc-error)}.nested-reply-input[data-v-3546ffeb]{display:flex;gap:var(--dc-space-2);margin-top:var(--dc-space-2)}.nested-reply-input .reply-input-container[data-v-3546ffeb]{display:flex;flex:1;gap:var(--dc-space-1)}.nested-reply-input .reply-input[data-v-3546ffeb]{background:var(--dc-bg-card);border:1px solid var(--dc-border);color:var(--dc-text);flex:1;font-size:var(--dc-text-xs);padding:var(--dc-space-1) var(--dc-space-2)}.nested-reply-input .reply-input[data-v-3546ffeb]:focus{border-color:var(--dc-accent);outline:none}.nested-reply-input .reply-submit-btn[data-v-3546ffeb]{align-items:center;background:var(--dc-accent);border:none;color:var(--dc-text-on-accent);cursor:pointer;display:flex;justify-content:center;padding:var(--dc-space-1)}.nested-reply-input .reply-submit-btn[data-v-3546ffeb]:disabled{cursor:not-allowed;opacity:.5}.nested-replies[data-v-3546ffeb]{display:flex;flex-direction:column;gap:var(--dc-space-3);margin-top:var(--dc-space-3)}.course-comment-card[data-v-f443508d]{background:var(--dc-bg-nested);border:1px solid var(--dc-border);padding:var(--dc-space-4)}.comment-header[data-v-f443508d]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--dc-space-3)}.comment-user[data-v-f443508d]{gap:var(--dc-space-3)}.comment-user[data-v-f443508d],.user-avatar[data-v-f443508d]{align-items:center;display:flex}.user-avatar[data-v-f443508d]{background:var(--dc-bg-card);border-radius:50%;color:var(--dc-text);font-size:var(--dc-text-sm);font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar .avatar-img[data-v-f443508d]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-details[data-v-f443508d]{display:flex;flex-direction:column}.user-name[data-v-f443508d]{color:var(--dc-accent);font-size:var(--dc-text-sm);font-weight:600}.user-avatar-link[data-v-f443508d]{text-decoration:none;transition:opacity var(--dc-transition-base)}.user-avatar-link[data-v-f443508d]:hover{opacity:.8}.user-name-link[data-v-f443508d]{color:var(--dc-accent);font-size:var(--dc-text-sm);font-weight:600;text-decoration:none;transition:opacity var(--dc-transition-base)}.user-name-link[data-v-f443508d]:hover{opacity:.8;text-decoration:underline}.comment-date[data-v-f443508d]{color:var(--dc-text-muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.comment-right[data-v-f443508d]{align-items:center;display:flex;gap:var(--dc-space-3)}.settings-dropdown[data-v-f443508d]{position:relative}.settings-btn[data-v-f443508d]{align-items:center;background:none;border:1px solid transparent;border-radius:4px;color:var(--dc-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--dc-space-1);transition:all .2s ease}.settings-btn[data-v-f443508d]:hover{border-color:var(--dc-border);color:var(--dc-text)}.settings-menu[data-v-f443508d]{background:var(--dc-bg-card);border:1px solid var(--dc-border);box-shadow:0 4px 12px #0000004d;margin-top:var(--dc-space-1);min-width:120px;position:absolute;right:0;top:100%;z-index:100}.menu-item[data-v-f443508d]{align-items:center;background:none;border:none;color:var(--dc-text);cursor:pointer;display:flex;font-size:var(--dc-text-sm);gap:var(--dc-space-2);padding:var(--dc-space-2) var(--dc-space-3);transition:background .2s ease;width:100%}.menu-item[data-v-f443508d]:hover{background:var(--dc-bg-nested)}.menu-item.delete[data-v-f443508d]{color:var(--dc-error)}.comment-text-wrapper[data-v-f443508d]{margin-bottom:var(--dc-space-3)}.comment-text[data-v-f443508d]{color:var(--dc-text-secondary);font-size:var(--dc-text-sm);line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.comment-text.truncated[data-v-f443508d]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-btn[data-v-f443508d]{background:none;border:none;color:var(--dc-accent);cursor:pointer;font-size:var(--dc-text-sm);font-weight:600;margin-top:var(--dc-space-1);padding:0}.read-more-btn[data-v-f443508d]:hover{text-decoration:underline}.reactions-row[data-v-f443508d]{padding-top:var(--dc-space-3)}.action-buttons[data-v-f443508d],.reactions-row[data-v-f443508d]{align-items:center;display:flex}.action-buttons[data-v-f443508d]{gap:var(--dc-space-4)}.action-btn[data-v-f443508d]{align-items:center;background:none;border:none;color:var(--dc-text-muted);cursor:pointer;display:flex;font-size:var(--dc-text-sm);font-weight:600;gap:var(--dc-space-1);padding:var(--dc-space-1) 0;transition:color .2s ease}.action-btn[data-v-f443508d]:hover{color:var(--dc-text)}.action-btn.active[data-v-f443508d]{color:var(--dc-accent)}.reaction-number[data-v-f443508d]{color:var(--dc-text-muted);font-size:var(--dc-text-sm)}.action-btn.active .reaction-number[data-v-f443508d]{color:var(--dc-accent)}.replies-toggle[data-v-f443508d]{align-items:center;border-top:1px solid var(--dc-border);color:var(--dc-text-muted);cursor:pointer;display:flex;font-size:var(--dc-text-sm);gap:var(--dc-space-2);margin:var(--dc-space-3) calc(var(--dc-space-4)*-1) 0;padding:var(--dc-space-3) var(--dc-space-4) 0;transition:color .2s ease}.replies-toggle[data-v-f443508d]:hover{color:var(--dc-text)}.replies-toggle svg[data-v-f443508d]{transition:transform .2s ease}.replies-toggle svg.rotated[data-v-f443508d]{transform:rotate(180deg)}.replies-section[data-v-f443508d]{margin-top:var(--dc-space-3);padding-top:var(--dc-space-3)}.reply-input-wrapper[data-v-f443508d]{display:flex;gap:var(--dc-space-2);margin-bottom:var(--dc-space-3)}.reply-avatar[data-v-f443508d]{align-items:center;background:var(--dc-bg-card);border-radius:50%;color:var(--dc-text);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;overflow:hidden;width:28px}.reply-avatar .avatar-img[data-v-f443508d]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.reply-error[data-v-f443508d]{color:var(--dc-error);font-size:var(--dc-text-xs);margin-top:var(--dc-space-2)}.reply-input-container[data-v-f443508d]{display:flex;flex:1;gap:var(--dc-space-2)}.reply-input[data-v-f443508d]{background:var(--dc-bg-card);border:1px solid var(--dc-border);color:var(--dc-text);flex:1;font-size:var(--dc-text-sm);padding:var(--dc-space-2) var(--dc-space-3)}.reply-input[data-v-f443508d]:focus{border-color:var(--dc-accent);outline:none}.reply-submit-btn[data-v-f443508d]{align-items:center;background:var(--dc-accent);border:none;color:var(--dc-text-on-accent);cursor:pointer;display:flex;justify-content:center;padding:var(--dc-space-2)}.reply-submit-btn[data-v-f443508d]:disabled{cursor:not-allowed;opacity:.5}.replies-list[data-v-f443508d]{display:flex;flex-direction:column;gap:var(--dc-space-3)}.dropdown-enter-active[data-v-f443508d],.dropdown-leave-active[data-v-f443508d]{transition:opacity .15s ease,transform .15s ease}.dropdown-enter-from[data-v-f443508d],.dropdown-leave-to[data-v-f443508d]{opacity:0;transform:translateY(-4px)}.slide-enter-active[data-v-f443508d],.slide-leave-active[data-v-f443508d]{transition:all .2s ease}.slide-enter-from[data-v-f443508d],.slide-leave-to[data-v-f443508d]{max-height:0;opacity:0;overflow:hidden}.slide-enter-to[data-v-f443508d],.slide-leave-from[data-v-f443508d]{max-height:1000px}.lesson-comment-feed[data-v-3dc58fd5]{flex:1;min-width:0}.feed-header[data-v-3dc58fd5]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--dc-space-2);justify-content:space-between;margin-bottom:var(--dc-space-4)}.feed-title[data-v-3dc58fd5]{color:var(--dc-text);font-size:var(--dc-text-lg);font-weight:700;margin:0}.comment-count[data-v-3dc58fd5]{color:var(--dc-text-muted);font-size:var(--dc-text-base);font-weight:400}.sort-tabs[data-v-3dc58fd5]{display:flex;gap:var(--dc-space-1)}.sort-tab[data-v-3dc58fd5]{background:none;border:1px solid var(--dc-border);color:var(--dc-text-muted);cursor:pointer;font-size:var(--dc-text-xs);font-weight:600;padding:var(--dc-space-1) var(--dc-space-3);transition:all .2s ease}.sort-tab[data-v-3dc58fd5]:hover{border-color:var(--dc-text-muted);color:var(--dc-text)}.sort-tab.active[data-v-3dc58fd5]{background:var(--dc-accent);border-color:var(--dc-accent);color:var(--dc-text-on-accent)}.new-comment-wrapper[data-v-3dc58fd5]{display:flex;gap:var(--dc-space-3);margin-bottom:var(--dc-space-6)}.comment-avatar[data-v-3dc58fd5]{align-items:center;background:var(--dc-bg-card);border-radius:50%;color:var(--dc-text);display:flex;flex-shrink:0;font-size:var(--dc-text-sm);font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.comment-avatar .avatar-img[data-v-3dc58fd5]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.comment-input-container[data-v-3dc58fd5]{flex:1}.comment-textarea[data-v-3dc58fd5]{background:var(--dc-bg-card);border:1px solid var(--dc-border);color:var(--dc-text);font-family:inherit;font-size:var(--dc-text-sm);min-height:60px;padding:var(--dc-space-3);resize:none;width:100%}.comment-textarea[data-v-3dc58fd5]:focus{border-color:var(--dc-accent);outline:none}.comment-textarea[data-v-3dc58fd5]::-moz-placeholder{color:var(--dc-text-muted)}.comment-textarea[data-v-3dc58fd5]::placeholder{color:var(--dc-text-muted)}.comment-input-footer[data-v-3dc58fd5]{align-items:center;display:flex;justify-content:space-between;margin-top:var(--dc-space-2)}.char-count[data-v-3dc58fd5]{color:var(--dc-text-muted);font-size:var(--dc-text-xs)}.char-count.warn[data-v-3dc58fd5]{color:#f59e0b}.char-count.error[data-v-3dc58fd5]{color:var(--dc-error)}.submit-comment-btn[data-v-3dc58fd5]{background:var(--dc-accent);border:none;color:var(--dc-text-on-accent);cursor:pointer;font-size:var(--dc-text-sm);font-weight:600;padding:var(--dc-space-2) var(--dc-space-4);transition:opacity .2s ease}.submit-comment-btn[data-v-3dc58fd5]:hover{opacity:.9}.submit-comment-btn[data-v-3dc58fd5]:disabled{cursor:not-allowed;opacity:.5}.login-prompt[data-v-3dc58fd5]{border:1px dashed var(--dc-border);color:var(--dc-text-muted);font-size:var(--dc-text-sm);margin-bottom:var(--dc-space-6);padding:var(--dc-space-4);text-align:center}.login-link[data-v-3dc58fd5]{color:var(--dc-accent);font-weight:600;text-decoration:none}.login-link[data-v-3dc58fd5]:hover{text-decoration:underline}.comments-list[data-v-3dc58fd5]{display:flex;flex-direction:column;gap:var(--dc-space-4)}.loading-state[data-v-3dc58fd5]{display:flex;justify-content:center;padding:var(--dc-space-6)}.spinner[data-v-3dc58fd5]{animation:spin-3dc58fd5 1s linear infinite;border:2px solid var(--dc-border);border-radius:50%;border-top-color:var(--dc-accent);height:24px;width:24px}@keyframes spin-3dc58fd5{to{transform:rotate(1turn)}}.empty-state[data-v-3dc58fd5]{color:var(--dc-text-muted);font-size:var(--dc-text-sm);padding:var(--dc-space-8);text-align:center}.sentinel[data-v-3dc58fd5]{height:1px}.lesson-comment-section[data-v-c5ec7122]{margin-bottom:var(--dc-space-8);margin-top:var(--dc-space-8)}.section-grid[data-v-c5ec7122]{align-items:start;display:grid;gap:var(--dc-space-16,4rem);grid-template-columns:280px 1fr}.section-grid[data-v-c5ec7122]:not(:has(.left-column)){grid-template-columns:1fr}.left-column[data-v-c5ec7122]{position:sticky;top:var(--dc-space-4)}@media(max-width:900px){.section-grid[data-v-c5ec7122]{grid-template-columns:1fr}.left-column[data-v-c5ec7122]{order:-1;position:static}}