.tlc-app,
.tlc-app *{box-sizing:border-box}
.tlc-app{--tlc-rtl:1;--tlc-accent:#2563eb;--tlc-bg:#fff;--tlc-soft:#f7f8fb;--tlc-border:#e7e9f0;--tlc-text:#151923;--tlc-muted:#717784;--tlc-danger:#dc2626;--tlc-success:#15803d;direction:inherit;width:100%;margin:34px 0 18px;font-family:inherit;color:var(--tlc-text);line-height:1.8;isolation:isolate}
.tlc-app svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.tlc-shell{background:var(--tlc-bg);border:1px solid var(--tlc-border);border-radius:22px;box-shadow:0 12px 35px rgba(20,28,45,.06);overflow:visible}
.tlc-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(20px,3vw,34px);border-bottom:1px solid var(--tlc-border);background:linear-gradient(135deg,color-mix(in srgb,var(--tlc-accent) 7%,#fff),#fff 60%);border-radius:22px 22px 0 0}
.tlc-heading-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.tlc-heading-icon{display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:15px;background:var(--tlc-accent);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--tlc-accent) 28%,transparent)}
.tlc-heading-icon svg{width:25px;height:25px}
.tlc-title{font-size:20px!important;line-height:1.45!important;margin:0!important;padding:0!important;font-weight:800!important;color:var(--tlc-text)!important}
.tlc-subtitle{font-size:13px;margin:3px 0 0;color:var(--tlc-muted)}
.tlc-count{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--tlc-accent) 18%,var(--tlc-border));background:#fff;border-radius:999px;padding:7px 13px;color:var(--tlc-muted);font-size:12px}
.tlc-count strong{font-size:16px;color:var(--tlc-accent);line-height:1}
.tlc-editor{display:flex;align-items:flex-start;gap:13px;margin:22px clamp(20px,3vw,34px);padding:18px 20px;border:1px solid var(--tlc-border);border-radius:17px;background:var(--tlc-soft);transition:border-color .2s,box-shadow .2s,background .2s}
.tlc-editor:focus-within{background:#fff;border-color:color-mix(in srgb,var(--tlc-accent) 55%,var(--tlc-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--tlc-accent) 10%,transparent)}
.tlc-editor-avatar{width:44px;min-width:44px;height:44px;border-radius:50%;overflow:hidden;background:#e9ebf1}
.tlc-editor-avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%!important;margin:0!important}
.tlc-editor-body{width:100%;min-width:0}
.tlc-editor textarea{display:block;width:100%;min-height:92px;max-height:260px;resize:none;overflow-y:auto;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:var(--tlc-text)!important;font:inherit!important;font-size:14px!important;line-height:1.9!important;padding:2px 2px 10px!important;margin:0!important}
.tlc-editor textarea::placeholder{color:#9a9faa;opacity:1}
.tlc-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;border-top:1px solid var(--tlc-border)}
.tlc-char{font-size:11px;color:var(--tlc-muted);direction:ltr}.tlc-char b{font-weight:600}
.tlc-editor-actions{display:flex;align-items:center;gap:8px}
.tlc-btn{appearance:none;border:0!important;border-radius:10px!important;min-height:44px;padding:9px 18px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit!important;font-size:13px!important;font-weight:700!important;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,opacity .18s;text-decoration:none!important}
.tlc-btn:hover{transform:translateY(-1px)}
.tlc-btn-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--tlc-accent) 88%,#fff),var(--tlc-accent))!important;color:#fff!important;box-shadow:0 9px 20px color-mix(in srgb,var(--tlc-accent) 25%,transparent);border:1px solid color-mix(in srgb,var(--tlc-accent) 82%,#000)!important;min-width:132px}.tlc-btn-primary:hover{box-shadow:0 12px 25px color-mix(in srgb,var(--tlc-accent) 31%,transparent);filter:saturate(1.08)}.tlc-btn-primary:active{transform:translateY(0) scale(.98)}
.tlc-btn-primary svg{width:17px;height:17px;transform:rotate(calc(180deg * var(--tlc-rtl,1)))}
.tlc-btn-light{background:#fff!important;color:var(--tlc-muted)!important;border:1px solid var(--tlc-border)!important}
.tlc-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.tlc-btn-loader{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:tlcSpin .7s linear infinite}
.tlc-editor.is-submitting .tlc-btn-loader{display:block}.tlc-editor.is-submitting .tlc-btn-primary svg{display:none}
.tlc-access-note{display:flex;align-items:center;gap:13px;margin:22px clamp(20px,3vw,34px);padding:15px 17px;border:1px solid #fde7b0;border-radius:15px;background:#fffbeb;color:#7c5a11}
.tlc-access-note>span{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:11px;background:#fff3c4}.tlc-access-note strong{font-size:13px}.tlc-access-note p{margin:1px 0 0;font-size:12px;opacity:.78}.tlc-login-link{margin-right:auto;color:#7c5a11!important;text-decoration:none!important;font-size:12px;font-weight:800;border:1px solid #efd27f;border-radius:9px;padding:6px 13px;background:#fff}
.tlc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(20px,3vw,34px) 12px}.tlc-toolbar-title{font-size:14px;font-weight:800}.tlc-sort{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--tlc-muted)}
.tlc-sort select{appearance:none;min-width:112px;height:36px;border:1px solid var(--tlc-border)!important;border-radius:9px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23717784' stroke-width='2'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat left 9px center!important;padding:0 11px 0 30px!important;font:inherit!important;font-size:12px!important;color:var(--tlc-text)!important;box-shadow:none!important;outline:0}
.tlc-list{padding:0 clamp(20px,3vw,34px) 8px}
.tlc-comment{display:flex;align-items:flex-start;gap:13px;padding:19px 0;border-top:1px solid var(--tlc-border);animation:tlcIn .25s ease both;position:relative}
.tlc-comment.is-reply{padding:15px 0;border-top:1px dashed color-mix(in srgb,var(--tlc-border) 75%,transparent)}
.tlc-comment.is-removing{opacity:0;transform:translateY(-6px);transition:.22s}
.tlc-avatar-wrap{position:relative;width:46px;min-width:46px;height:46px}.tlc-avatar-wrap>img{width:46px!important;height:46px!important;border-radius:50%!important;object-fit:cover;margin:0!important;border:2px solid #fff!important;box-shadow:0 0 0 1px var(--tlc-border)}
.tlc-comment.is-reply .tlc-avatar-wrap{width:36px;min-width:36px;height:36px}.tlc-comment.is-reply .tlc-avatar-wrap>img{width:36px!important;height:36px!important}
.tlc-instructor-dot{position:absolute;left:-1px;bottom:0;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--tlc-accent)}
.tlc-comment-main{min-width:0;flex:1}
.tlc-comment-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.tlc-author-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.tlc-author{font-size:13px;font-weight:800;color:var(--tlc-text)}
.tlc-role,.tlc-pending-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;font-size:9px;font-weight:700;background:#f0f2f6;color:#737987}.tlc-role.is-instructor{background:color-mix(in srgb,var(--tlc-accent) 11%,#fff);color:var(--tlc-accent)}.tlc-pending-badge{background:#fff3cd;color:#82600a}
.tlc-comment-meta{display:flex;align-items:center;gap:7px;white-space:nowrap}.tlc-comment-meta time{font-size:10px;color:#9a9faa}
.tlc-menu-wrap{position:relative}.tlc-icon-btn{appearance:none;width:30px;height:30px;border:0!important;border-radius:8px!important;background:transparent!important;color:#8b909b!important;display:grid;place-items:center;padding:0!important;cursor:pointer}.tlc-icon-btn:hover{background:#f2f3f6!important;color:var(--tlc-text)!important}.tlc-icon-btn svg{width:17px;height:17px}
.tlc-menu{position:absolute;left:0;top:34px;z-index:30;min-width:126px;padding:5px;background:#fff;border:1px solid var(--tlc-border);border-radius:11px;box-shadow:0 12px 30px rgba(20,28,45,.14)}.tlc-menu[hidden]{display:none!important}.tlc-menu button{appearance:none;width:100%;border:0!important;background:transparent!important;border-radius:7px!important;padding:8px 9px!important;display:flex;align-items:center;gap:8px;font:inherit!important;font-size:11px!important;color:var(--tlc-text)!important;cursor:pointer;text-align:right}.tlc-menu button:hover{background:#f4f5f8!important}.tlc-menu button.is-danger{color:var(--tlc-danger)!important}.tlc-menu svg{width:15px;height:15px}
.tlc-comment-content{font-size:13px;color:#4c5260;margin-top:7px;overflow-wrap:anywhere}.tlc-comment-content p{margin:0 0 6px!important;line-height:1.95!important}.tlc-comment-content p:last-child{margin-bottom:0!important}.tlc-comment-content code{direction:ltr;display:inline-block;background:#f1f2f5;border-radius:5px;padding:1px 5px}
.tlc-comment-actions{display:flex;align-items:center;gap:4px;margin-top:10px}.tlc-comment-actions button{appearance:none;border:0!important;background:transparent!important;color:#848a96!important;border-radius:8px!important;padding:5px 7px!important;display:inline-flex;align-items:center;gap:5px;font:inherit!important;font-size:10px!important;cursor:pointer}.tlc-comment-actions button:hover{background:#f4f5f8!important;color:var(--tlc-text)!important}.tlc-comment-actions button.is-active{color:var(--tlc-accent)!important;background:color-mix(in srgb,var(--tlc-accent) 7%,#fff)!important}.tlc-comment-actions svg{width:15px;height:15px}.tlc-comment-actions b{font-size:9px;min-width:16px;text-align:center}
.tlc-replies{margin-top:10px;padding-right:17px;border-right:2px solid color-mix(in srgb,var(--tlc-accent) 12%,var(--tlc-border))}
.tlc-inline-editor:empty{display:none}.tlc-editor-inline{margin:12px 0 4px;padding:13px}.tlc-editor-inline .tlc-editor-footer{padding-top:8px}.tlc-editor-inline textarea{min-height:76px!important}.tlc-editor-inline .tlc-btn{min-height:36px;padding:6px 13px!important;font-size:11px!important}
.tlc-comment.is-pending{opacity:.83}.tlc-comment.is-pending:before{content:"";position:absolute;inset:8px -10px;border:1px dashed #e9c55f;border-radius:13px;pointer-events:none}
.tlc-more-wrap{text-align:center;padding:13px 26px 25px}.tlc-more{appearance:none;border:1px solid var(--tlc-border)!important;background:#fff!important;color:var(--tlc-text)!important;border-radius:11px!important;min-height:42px;padding:8px 17px!important;display:inline-flex;align-items:center;gap:8px;font:inherit!important;font-size:12px!important;font-weight:700!important;cursor:pointer;transition:.18s}.tlc-more:hover{border-color:color-mix(in srgb,var(--tlc-accent) 35%,var(--tlc-border))!important;color:var(--tlc-accent)!important;transform:translateY(-1px)}.tlc-more svg{width:16px;height:16px}
.tlc-empty{text-align:center;padding:35px 20px 44px}.tlc-empty[hidden]{display:none!important}.tlc-empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:var(--tlc-soft);color:#a0a5af}.tlc-empty-icon svg{width:28px;height:28px}.tlc-empty strong{display:block;font-size:14px}.tlc-empty p{margin:3px 0 0;font-size:12px;color:var(--tlc-muted)}
.tlc-loading{padding:10px 26px;display:flex;justify-content:center;gap:5px}.tlc-loading[hidden]{display:none!important}.tlc-loading span{width:7px;height:7px;border-radius:50%;background:var(--tlc-accent);animation:tlcDots .9s infinite alternate}.tlc-loading span:nth-child(2){animation-delay:.15s}.tlc-loading span:nth-child(3){animation-delay:.3s}
.tlc-toast{position:fixed;left:24px;bottom:24px;z-index:999999;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border-radius:12px;background:#15201a;color:#fff;font-size:12px;font-weight:600;box-shadow:0 14px 36px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(12px);transition:.22s}.tlc-toast.is-show{opacity:1;visibility:visible;transform:none}.tlc-toast.is-error{background:#8f1d1d}.tlc-toast.is-success{background:#183d2a}
@keyframes tlcSpin{to{transform:rotate(360deg)}}@keyframes tlcDots{to{opacity:.25;transform:translateY(-4px)}}@keyframes tlcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body.tutor-dark-mode .tlc-app,body.tutor-color-scheme-dark .tlc-app,[data-theme="dark"] .tlc-app{--tlc-bg:#17191f;--tlc-soft:#20232b;--tlc-border:#2d313b;--tlc-text:#f4f5f7;--tlc-muted:#a1a6b1}
body.tutor-dark-mode .tlc-header,body.tutor-color-scheme-dark .tlc-header,[data-theme="dark"] .tlc-header{background:linear-gradient(135deg,color-mix(in srgb,var(--tlc-accent) 12%,#17191f),#17191f 62%)}
body.tutor-dark-mode .tlc-count,body.tutor-color-scheme-dark .tlc-count,[data-theme="dark"] .tlc-count,body.tutor-dark-mode .tlc-btn-light,body.tutor-color-scheme-dark .tlc-btn-light,[data-theme="dark"] .tlc-btn-light,body.tutor-dark-mode .tlc-sort select,body.tutor-color-scheme-dark .tlc-sort select,[data-theme="dark"] .tlc-sort select,body.tutor-dark-mode .tlc-menu,body.tutor-color-scheme-dark .tlc-menu,[data-theme="dark"] .tlc-menu,body.tutor-dark-mode .tlc-login-link,body.tutor-color-scheme-dark .tlc-login-link,[data-theme="dark"] .tlc-login-link{background:#1d2027!important}
body.tutor-dark-mode .tlc-comment-content,body.tutor-color-scheme-dark .tlc-comment-content,[data-theme="dark"] .tlc-comment-content{color:#c5c8cf}
body.tutor-dark-mode .tlc-editor:focus-within,body.tutor-color-scheme-dark .tlc-editor:focus-within,[data-theme="dark"] .tlc-editor:focus-within{background:#1b1e25}
body.tutor-dark-mode .tlc-menu button:hover,body.tutor-color-scheme-dark .tlc-menu button:hover,[data-theme="dark"] .tlc-menu button:hover,body.tutor-dark-mode .tlc-comment-actions button:hover,body.tutor-color-scheme-dark .tlc-comment-actions button:hover,[data-theme="dark"] .tlc-comment-actions button:hover,body.tutor-dark-mode .tlc-icon-btn:hover,body.tutor-color-scheme-dark .tlc-icon-btn:hover,[data-theme="dark"] .tlc-icon-btn:hover{background:#252933!important}
body.tutor-dark-mode .tlc-access-note,body.tutor-color-scheme-dark .tlc-access-note,[data-theme="dark"] .tlc-access-note{background:#2b2618;border-color:#514520;color:#e4ca80}
body.tutor-dark-mode .tlc-access-note>span,body.tutor-color-scheme-dark .tlc-access-note>span,[data-theme="dark"] .tlc-access-note>span{background:#37301d}
body.tutor-dark-mode .tlc-role,body.tutor-color-scheme-dark .tlc-role,[data-theme="dark"] .tlc-role{background:#282b33}
body.tutor-dark-mode .tlc-comment-content code,body.tutor-color-scheme-dark .tlc-comment-content code,[data-theme="dark"] .tlc-comment-content code{background:#242832}
@media (max-width:767px){.tlc-app{margin:22px 0 12px}.tlc-shell{border-radius:17px}.tlc-header{padding:18px;border-radius:17px 17px 0 0;align-items:flex-start}.tlc-heading-icon{width:42px;height:42px;min-width:42px;border-radius:13px}.tlc-heading-icon svg{width:22px;height:22px}.tlc-title{font-size:17px!important}.tlc-subtitle{font-size:11px;line-height:1.7}.tlc-count{padding:6px 9px}.tlc-count span{display:none}.tlc-editor,.tlc-access-note{margin:17px;padding:13px}.tlc-editor-avatar{display:none}.tlc-editor-footer{align-items:flex-end}.tlc-editor-actions{gap:6px}.tlc-btn{min-height:38px;padding:7px 12px!important;font-size:11px!important}.tlc-toolbar{padding:15px 17px 9px}.tlc-toolbar-title{font-size:12px}.tlc-sort>span{display:none}.tlc-sort select{min-width:105px}.tlc-list{padding:0 17px}.tlc-comment{gap:10px;padding:16px 0}.tlc-avatar-wrap{width:40px;min-width:40px;height:40px}.tlc-avatar-wrap>img{width:40px!important;height:40px!important}.tlc-comment-head{gap:8px}.tlc-comment-meta time{display:none}.tlc-author{font-size:12px}.tlc-comment-content{font-size:12px}.tlc-replies{padding-right:11px;margin-right:-28px}.tlc-comment.is-reply{gap:9px}.tlc-comment.is-reply .tlc-avatar-wrap{width:32px;min-width:32px;height:32px}.tlc-comment.is-reply .tlc-avatar-wrap>img{width:32px!important;height:32px!important}.tlc-more-wrap{padding:11px 17px 20px}.tlc-access-note p{display:none}.tlc-login-link{padding:5px 10px}.tlc-toast{left:16px;bottom:16px}.tlc-editor-inline{margin:10px 0 3px;padding:11px}.tlc-editor-inline .tlc-editor-footer{flex-wrap:wrap}.tlc-editor-inline .tlc-char{display:none}}
@media (max-width:420px){.tlc-header{gap:10px}.tlc-subtitle{display:none}.tlc-count{font-size:10px}.tlc-editor-footer{flex-wrap:wrap}.tlc-char{order:2;width:100%;text-align:left}.tlc-editor-actions{width:100%;justify-content:flex-end}.tlc-editor-actions .tlc-btn-primary{flex:1}.tlc-access-note{align-items:flex-start}.tlc-access-note>span{width:34px;height:34px;min-width:34px}.tlc-role{display:none}}

html[dir="ltr"] .tlc-app{--tlc-rtl:-1}.tlc-app .tlc-menu{inset-inline-end:0;inset-inline-start:auto}.tlc-app .tlc-replies{padding-inline-start:17px;padding-inline-end:0;border-inline-start:2px solid color-mix(in srgb,var(--tlc-accent) 12%,var(--tlc-border));border-inline-end:0}.tlc-app .tlc-login-link{margin-inline-start:auto;margin-inline-end:0}@media(max-width:767px){.tlc-header{padding-inline:20px}.tlc-editor,.tlc-access-note{margin-inline:16px}.tlc-toolbar{padding-inline:18px}.tlc-list{padding-inline:18px}.tlc-replies{margin-inline-start:-28px;margin-inline-end:0;padding-inline-start:11px}}