.article-comments{background:var(--bg-primary);border-radius:var(--radius);flex-direction:column;gap:16px;margin-top:24px;padding:16px 0;display:flex}.article-comments h3{color:var(--text-primary);margin:0;font-size:17px;font-weight:600}.comments-auth-prompt{text-align:center;background:var(--bg-secondary);color:var(--text-secondary);border-radius:10px;padding:16px;font-size:14px}.comments-auth-prompt a{color:var(--accent)}.comment-form{flex-direction:column;gap:8px;display:flex}.comment-form__textarea{resize:vertical;border:.5px solid var(--border);background:var(--bg-secondary);width:100%;min-height:80px;color:var(--text-primary);font:inherit;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-size:14px}.comment-form__textarea:focus{border-color:var(--accent)}.comment-form__actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.comment-form__error{color:var(--accent-error);margin-right:auto;font-size:13px}.comment-form__btn{cursor:pointer;border:0;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:500}.comment-form__btn--primary{background:var(--accent);color:var(--accent-inverse)}.comment-form__btn--primary:disabled{opacity:.5;cursor:not-allowed}.comment-form__btn--ghost{color:var(--text-secondary);background:0 0}.comment-list{flex-direction:column;gap:8px;display:flex}.comment-list--empty{text-align:center;color:var(--text-tertiary);padding:16px;font-size:14px}.comment-item{background:var(--bg-secondary);border-radius:10px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.comment-item__head{align-items:baseline;gap:8px;font-size:13px;display:flex}.comment-item__name{color:var(--text-primary);font-weight:600}.comment-item__time{color:var(--text-tertiary)}.comment-item__edited{font-style:italic}.comment-item__body{color:var(--text-primary);word-wrap:break-word;font-size:14px;line-height:1.5}.comment-item__body a{color:var(--accent)}.comment-item__actions{gap:12px;margin-top:4px;display:flex}.comment-item__action{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.comment-item__action:hover{color:var(--text-primary)}.comment-item__action--danger{color:var(--accent-error)}
.floating-format-bar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;pointer-events:none;background:#1c1c1eeb;border-radius:14px;gap:2px;padding:4px;transition:opacity .14s,transform .14s;display:flex;position:fixed;transform:translateY(4px);box-shadow:0 8px 24px #0000003d,0 2px 6px #0000002e}.floating-format-bar.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-format-bar__btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:30px;padding:0 6px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;transition:background .12s;display:inline-flex}.floating-format-bar__btn:hover{background:#ffffff1a}.floating-format-bar__btn:active{background:#ffffff2e}.floating-format-bar__btn[aria-pressed=true]{background:#ffffff38}.floating-format-bar__btn--heading{letter-spacing:.3px;font-size:11px;font-weight:700}.floating-format-bar__btn--mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.floating-format-bar__sep{background:#ffffff2e;align-self:center;width:1px;height:18px;margin:0 2px}.floating-format-bar:after{content:"";z-index:-1;background:#1c1c1eeb;width:10px;height:10px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.floating-format-bar.is-flipped:after{top:-4px;bottom:auto}.floating-format-bar__link-input{color:#fff;background:#ffffff1a;border:0;border-radius:8px;outline:none;width:220px;height:32px;padding:0 10px;font-size:14px}.floating-format-bar__link-input::placeholder{color:#ffffff80}