.comment-section{margin-top:2rem;border-top:2px solid var(--lysis-border,#e0e0e0);padding-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.comment-section__header{display:flex;align-items:center;gap:.5rem;color:var(--lysis-text-muted,#666)}.comment-section__header .material-symbols-outlined{font-size:1.1rem}.comment-section__title{margin:0;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.4rem;color:var(--lysis-text,#333)}.comment-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:1rem;background:var(--lysis-accent,#4f7bff);color:#fff;font-size:.7rem;font-weight:700}.comment-list{max-height:320px;overflow-y:auto;border:1px solid var(--lysis-border,#e0e0e0);border-radius:6px;background:var(--lysis-surface-alt,#fafafa);padding:.5rem}.comment-items{display:flex;flex-direction:column;gap:.5rem}.comment-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;max-width:85%}.comment-item--mine{align-self:flex-end;align-items:flex-end}.comment-bubble{background:var(--lysis-surface,#fff);border:1px solid var(--lysis-border,#e0e0e0);border-radius:8px;padding:.5rem .75rem;word-break:break-word}.comment-item--mine .comment-bubble{background:var(--lysis-accent,#4f7bff);border-color:var(--lysis-accent,#4f7bff);color:#fff}.comment-content{margin:0;font-size:.85rem;line-height:1.45;white-space:pre-wrap}.comment-meta{font-size:.7rem;color:var(--lysis-text-muted,#999);padding:0 .25rem}.comment-item--mine .comment-meta{color:var(--lysis-text-muted,#aaa)}.comment-empty{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:1.5rem;color:var(--lysis-text-muted,#bbb);font-size:.85rem}.comment-empty .material-symbols-outlined{font-size:1.1rem}.comment-compose{display:flex;flex-direction:column;gap:.5rem}.comment-error{color:var(--lysis-danger,#d32f2f);font-size:.8rem;margin:0}.comment-textarea{width:100%;min-height:80px;padding:.6rem .75rem;border:1px solid var(--lysis-border,#e0e0e0);border-radius:6px;font-size:.85rem;font-family:inherit;resize:vertical;background:var(--lysis-surface,#fff);color:var(--lysis-text,#333);box-sizing:border-box;transition:border-color .15s}.comment-textarea:focus {outline:none;border-color:var(--lysis-accent,#4f7bff);box-shadow:0 0 0 2px color-mix(in srgb,var(--lysis-accent,#4f7bff) 20%,transparent)}.comment-textarea:disabled {opacity:.6;cursor:not-allowed}.comment-compose__footer{display:flex;align-items:center;justify-content:space-between}.comment-author{font-size:.75rem;color:var(--lysis-text-muted,#999)}.comment-send-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem 1rem;background:var(--lysis-accent,#4f7bff);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .15s,opacity .15s}.comment-send-btn:hover:not(:disabled){background:color-mix(in srgb,var(--lysis-accent,#4f7bff) 85%,black)}.comment-send-btn:disabled {opacity:.5;cursor:not-allowed}.comment-send-btn .material-symbols-outlined{font-size:1rem}