.shoutbox{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;margin-block:28px;padding:20px}.shoutbox h2{margin:0;font-family:Barlow Condensed,sans-serif}.shoutbox.embedded{margin-block:0}.shoutbox-header,.shoutbox-composer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.shoutbox-header{margin-bottom:16px}.shoutbox-muted,.shoutbox-message time{color:var(--muted);font-size:.875rem}.shoutbox-message-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;min-width:0;display:flex}.shoutbox-message-header>div{flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 12px;min-width:0;padding-block:10px;display:flex}.shoutbox-author{font-weight:600}.shoutbox-feed{overflow-wrap:anywhere;overscroll-behavior:auto;scroll-behavior:auto;max-height:480px;overflow-y:auto}.shoutbox>.shoutbox-feed{border-block:1px solid var(--line);margin-inline:-20px}.shoutbox-message{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding:20px;display:grid}.shoutbox-message.alternate{background:color-mix(in srgb, var(--surface-hover) 65%, var(--surface))}.shoutbox-message:last-of-type{border-bottom:0}.shoutbox-message>:not(.shoutbox-avatar){grid-column:2;min-width:0}.shoutbox-message.removed>*{grid-column:1/-1}.shoutbox-avatar{background:var(--accent-dark);color:#edece5;border-radius:50%;grid-row:1/span 2;place-items:center;width:40px;height:40px;margin-top:2px;font-size:18px;font-weight:600;display:grid;position:relative;overflow:hidden}.shoutbox-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shoutbox-avatar img.avatar-failed{opacity:0}.shoutbox-pending{border-bottom:1px solid var(--line);white-space:pre-wrap;border:1px dashed var(--line);padding-block:16px;margin-block:12px;padding:12px}.shoutbox-prose p{margin:4px 0;line-height:1.5}.shoutbox-prose a{color:var(--accent-bright)}.shoutbox-tools,.shoutbox-older{flex-wrap:wrap;gap:8px;display:flex}.shoutbox-older{margin-bottom:8px}.shoutbox button,.shoutbox select{border:1px solid var(--line);background:var(--background);color:inherit;font:inherit;cursor:pointer;border-radius:4px;padding:8px 12px}.shoutbox button:hover:not(:disabled),.shoutbox-message-menu summary:hover{background:var(--surface-hover)}.shoutbox button:disabled{opacity:.55;cursor:default}.shoutbox button.shoutbox-primary{background:var(--accent);border-color:var(--accent);color:var(--background)}.shoutbox button.shoutbox-primary:hover:not(:disabled){background:var(--accent-secondary)}.shoutbox-message-menu{flex:none;min-width:0}.shoutbox-message-menu summary{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;margin-left:auto;padding:0;list-style:none;display:grid}.shoutbox-message-menu summary::-webkit-details-marker{display:none}.shoutbox-message-menu[open]{flex-basis:100%}.shoutbox-message-menu .shoutbox-tools{justify-content:flex-end;margin-top:8px}.shoutbox-action-panel,.shoutbox-composer{margin-top:16px}.shoutbox-action-panel form{gap:12px;display:grid}.shoutbox-action-panel label{gap:6px;display:grid}.shoutbox textarea{box-sizing:border-box;resize:vertical;background:var(--background);width:100%;color:inherit;border:1px solid var(--line);font:inherit;border-radius:4px;padding:10px}.message-editor-frame{border:1px solid var(--line);background:var(--surface);border-radius:4px;overflow:clip}.message-editor-frame .message-toolbar{border-bottom:1px solid var(--line);background:var(--background);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 12px;font-size:14px;display:flex}.message-toolbar .message-history{border-right:1px solid var(--line);gap:4px;padding-right:8px;display:flex}.message-editor-frame .message-toolbar button{width:32px;height:34px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:6px;display:inline-grid;position:relative}.message-editor-frame .message-toolbar .message-link{gap:8px;width:auto;padding:6px 8px;display:inline-flex}.message-toolbar .message-link{margin-left:4px}.message-editor-frame .message-toolbar button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-hover)}.message-editor-frame .message-toolbar button:disabled{opacity:.5;cursor:default}.message-toolbar button[aria-pressed=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:6px;right:6px}.message-toolbar svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.message-toolbar b,.message-toolbar i{font-size:18px}.comment-mentions{border:1px solid var(--line);background:var(--surface);border-radius:4px;margin-top:6px;display:grid}.comment-mentions button{text-align:left;border:0;border-radius:0;flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.comment-mentions button[aria-selected=true]{background:var(--surface-hover);box-shadow:inset 2px 0 var(--accent)}.comment-mentions span{color:var(--muted)}.shoutbox-editor{background:var(--surface);padding:16px}.shoutbox-editor .tiptap{overflow-wrap:anywhere;white-space:pre-wrap;min-height:76px;max-height:240px;overflow-y:auto}.shoutbox-editor .tiptap p{margin:0 0 6px}.shoutbox-editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none;float:left;height:0}.shoutbox-editor .tiptap:focus-visible{outline-offset:4px}.shoutbox-composer-footer{margin-top:8px}.shoutbox-notice{border-left:3px solid var(--accent);overflow-wrap:anywhere;margin-block:12px;padding:8px 12px}.shoutbox-new{margin:12px auto;display:block}.shoutbox-status{margin-bottom:0}@media (width<=600px){.shoutbox{padding:14px}.shoutbox>.shoutbox-feed{margin-inline:-14px}.shoutbox-message{grid-template-columns:32px minmax(0,1fr);column-gap:12px;padding:14px}.shoutbox-avatar{width:32px;height:32px;margin-top:6px;font-size:16px}.shoutbox-message-header{align-items:flex-start}.shoutbox-composer-footer{align-items:stretch}.shoutbox-composer-footer>.shoutbox-tools{justify-content:flex-end;width:100%}.shoutbox-feed{max-height:420px}}@media (prefers-reduced-motion:reduce){.shoutbox *,.shoutbox :before,.shoutbox :after{scroll-behavior:auto;transition:none;animation:none}}