.comment-section{font-family:var(--font-geist-sans);border-top:1px solid #0000001a;margin-top:4rem;padding-top:2rem}.comment-title{color:#111;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.comment-form{background:#ffffff05;border:1px solid #0000000d;border-radius:8px;flex-direction:column;gap:1rem;margin-bottom:3rem;padding:1.5rem;display:flex}.input-group{gap:1rem;display:flex}.comment-input,.comment-textarea{color:#333;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.comment-textarea{resize:vertical;min-height:100px}.comment-input:focus,.comment-textarea:focus{border-color:#666;outline:none;box-shadow:0 0 0 2px #0000001a}.submit-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:6px;align-self:flex-start;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:background .2s}.submit-btn:hover{background:#333}.submit-btn:disabled{cursor:not-allowed;background:#999}.submit-message{color:#2e7d32;margin-top:.5rem;font-size:.9rem;font-weight:500}.submit-error{color:#d32f2f;margin-top:.5rem;font-size:.9rem;font-weight:500}.comments-list{flex-direction:column;gap:1.5rem;display:flex}.comment-item{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:1.25rem}.comment-header{justify-content:space-between;margin-bottom:.75rem;display:flex}.comment-author{color:#111;font-weight:600}.comment-date{color:#666;font-size:.85rem}.comment-body{color:#444;white-space:pre-wrap;line-height:1.6}.no-comments{color:#666;font-style:italic}@media (prefers-color-scheme:dark){.comment-section{border-top:1px solid #ffffff1a}.comment-title{color:#eee}.comment-form{background:#0003;border:1px solid #ffffff0d}.comment-input,.comment-textarea{color:#eee;background:#222;border-color:#444}.comment-input:focus,.comment-textarea:focus{border-color:#888;box-shadow:0 0 0 2px #ffffff1a}.submit-btn{color:#111;background:#fff}.submit-btn:hover{background:#ddd}.submit-message{color:#4caf50}.submit-error{color:#f44336}.comment-item{background:#ffffff08;border:1px solid #ffffff0d}.comment-author{color:#eee}.comment-date{color:#aaa}.comment-body{color:#ccc}}@media (max-width:768px){.input-group{flex-direction:column}.comment-form{padding:1.25rem 1rem}.comment-input,.comment-textarea{font-size:16px}}