@layer quartz-base{.note-comments{border-top:1px solid var(--lightgray);margin-top:3rem;padding-top:1.5rem}.note-comments-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.85rem;display:flex}.note-comments-title{margin:0;font-size:1.35rem}.note-comments-subtitle{color:var(--gray);margin:0;font-size:.92rem}.note-comments-status{min-height:1.35rem;color:var(--darkgray);margin:.4rem 0 .8rem;font-size:.92rem}.note-comments-list{gap:.85rem;margin-bottom:1.2rem;display:grid}.note-comment,.note-comments-form{border:1px solid var(--lightgray);background:color-mix(in srgb, var(--light) 92%, transparent);border-radius:8px}.note-comment{padding:.9rem 1rem}.note-comment-header{align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}.note-comment-avatar{background:hsl(var(--comment-avatar-hue,200) 42% 48%);color:#fff;border-radius:999px;flex:0 0 2rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.92rem;font-weight:700;display:inline-flex}.note-comment-avatar-img,.note-comments-auth-avatar{object-fit:cover;border-radius:999px;width:2rem;height:2rem;display:block}.note-comment-meta{flex:auto;gap:.08rem;min-width:0;display:grid}.note-comment-author{color:var(--dark);font-weight:700}.note-comment-date{color:var(--gray);font-size:.85rem}.note-comment-body{color:var(--dark);overflow-wrap:anywhere}.note-comment-delete{appearance:none;border:1px solid var(--lightgray);color:var(--gray);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:.28rem .5rem;font-size:.82rem}.note-comment-delete:hover{color:#c2410c;border-color:#c2410c}.note-comment-delete:disabled{cursor:not-allowed;opacity:.62}.note-comment-body>:first-child,.note-comments-preview>:first-child{margin-top:0}.note-comment-body>:last-child,.note-comments-preview>:last-child{margin-bottom:0}.note-comment-body pre,.note-comments-preview pre{background:color-mix(in srgb, var(--lightgray) 38%, transparent);border-radius:6px;padding:.85rem;overflow-x:auto}.note-comment-body blockquote,.note-comments-preview blockquote{border-left:3px solid var(--secondary);color:var(--darkgray);margin-left:0;padding-left:.85rem}.note-comment-body .katex-display,.note-comments-preview .katex-display{padding:.25rem 0;overflow:auto hidden}.note-comments-empty{border:1px dashed var(--lightgray);color:var(--gray);border-radius:8px;margin:0;padding:1rem}.note-comments-auth{border:1px solid var(--lightgray);background:color-mix(in srgb, var(--lightgray) 18%, transparent);color:var(--darkgray);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.75rem .85rem;font-size:.92rem;display:flex}.note-comments-auth-user,.note-comments-auth-actions{align-items:center;gap:.55rem;display:inline-flex}.note-comments-auth-user strong{color:var(--dark)}.note-comments-form{gap:.75rem;padding:1rem;display:grid}.note-comments-form.is-locked textarea{cursor:not-allowed}.note-comments-field{color:var(--darkgray);gap:.35rem;font-size:.92rem;font-weight:700;display:grid}.note-comments-field input,.note-comments-field textarea{box-sizing:border-box;border:1px solid var(--lightgray);background:var(--light);width:100%;color:var(--dark);font:inherit;border-radius:6px}.note-comments-field input{min-height:2.3rem;padding:0 .65rem}.note-comments-field textarea{resize:vertical;min-height:8rem;padding:.65rem;line-height:1.55}.note-comments-field input:focus,.note-comments-field textarea:focus{outline:2px solid color-mix(in srgb, var(--secondary) 55%, transparent);outline-offset:1px;border-color:var(--secondary)}.note-comments-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.note-comments-actions{flex-wrap:wrap;gap:.55rem;display:flex}.note-comments-preview-options{color:var(--gray);align-items:center;gap:.75rem;font-size:.86rem;display:flex}.note-comments-sync-preview{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;display:inline-flex}.note-comments-sync-preview input{width:auto;accent-color:var(--secondary)}.note-comments-button{appearance:none;border:1px solid var(--lightgray);background:var(--light);min-height:2.2rem;color:var(--dark);cursor:pointer;font:inherit;border-radius:6px;padding:.38rem .78rem;font-weight:700}a.note-comments-button{align-items:center;text-decoration:none;display:inline-flex}.note-comments-button:hover{border-color:var(--secondary);color:var(--secondary)}.note-comments-button.primary{border-color:var(--secondary);background:var(--secondary);color:var(--light)}.note-comments-button.primary:hover{filter:brightness(1.05)}.note-comments-button:disabled{cursor:not-allowed;opacity:.62}.note-comments-counter{color:var(--gray);font-size:.86rem}.note-comments-preview{border:1px solid var(--lightgray);background:color-mix(in srgb, var(--lightgray) 18%, transparent);border-radius:6px;min-height:4rem;padding:.85rem}.note-comments-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.note-comments-error{color:#c2410c}@media (max-width:700px){.note-comments-header,.note-comments-toolbar{flex-direction:column;align-items:flex-start}.note-comments-actions,.note-comments-button{width:100%}}}