.post-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;max-width:800px;margin:24px auto;padding:16px}.post-form label{margin:12px 0 4px;font-weight:600;display:block}.post-form input[type=text],.post-form select,.post-form textarea{border:1px solid var(--color-border-strong);width:100%;font:inherit;box-sizing:border-box;background:var(--color-bg-elevated);color:var(--color-fg);border-radius:3px;padding:8px}.post-form textarea{resize:vertical;min-height:200px;font-family:Arial,Helvetica,sans-serif}.post-form .actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.post-form button[type=submit]{background:var(--color-accent-bg);color:var(--color-accent-fg);cursor:pointer;font-weight:600;font:inherit;border:0;border-radius:3px;padding:8px 18px;font-weight:600}.post-form button[type=submit]:hover{background:var(--color-link-hover)}.post-form .cancel{border:1px solid var(--color-border-strong);color:var(--color-fg-muted);background:var(--color-bg-elevated);border-radius:3px;padding:8px 18px;text-decoration:none;display:inline-block}.post-form .error{background:color-mix(in oklab, var(--color-danger) 15%, var(--color-bg-elevated));border:1px solid var(--color-danger);color:var(--color-danger);border-radius:3px;margin-bottom:12px;padding:8px 12px}.post-form .help{color:var(--color-fg-muted);margin-top:4px;font-size:.85rem}.action-bar{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 20px;font-size:.9rem;display:flex}.action-bar a,.action-bar button{background:var(--color-accent-bg);color:var(--color-accent-fg);cursor:pointer;font:inherit;border:0;border-radius:3px;padding:6px 14px;text-decoration:none;display:inline-block}.action-bar a.secondary,.action-bar button.secondary{background:var(--color-bg-elevated);color:var(--color-link);border:1px solid var(--color-link)}.action-bar a:hover,.action-bar button:hover{opacity:.85}.md-editor{border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);border-radius:3px;overflow:hidden}.md-tabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:4px;padding:4px 6px;display:flex}.md-tab{color:var(--color-fg-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:4px 12px;font-size:.9rem}.md-tab:hover{color:var(--color-fg);background:var(--color-bg-elevated)}.md-tab.is-active{background:var(--color-bg-elevated);color:var(--color-fg);box-shadow:0 1px 0 var(--color-link);font-weight:600}.md-toolbar{gap:2px;margin-left:auto;display:inline-flex}.md-toolbar button{color:var(--color-fg-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:inline-flex}.md-toolbar button:hover{background:var(--color-bg-elevated);color:var(--color-fg)}.md-write{position:relative}.md-editor textarea{resize:vertical;min-height:200px;border:0!important;border-radius:0!important}.mention-pop{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);z-index:10;border-radius:4px;min-width:180px;max-height:240px;margin:0;padding:4px 0;list-style:none;position:absolute;bottom:8px;left:8px;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.mention-item{cursor:pointer;padding:4px 12px;font-size:.9rem}.mention-item.is-active,.mention-item:hover{background:var(--color-accent-bg);color:var(--color-accent-fg)}.md-editor textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--color-link);outline:0}.md-preview{background:var(--color-bg-elevated);min-height:200px;color:var(--color-fg);padding:12px 16px;line-height:1.5}.md-preview .md-empty{color:var(--color-fg-muted);font-style:italic}.md-preview p{margin:0 0 12px}.md-preview p:last-child{margin-bottom:0}.md-preview blockquote{border-left:3px solid var(--color-border-strong);color:var(--color-fg-muted);background:var(--color-surface-alt);margin:0 0 12px;padding:4px 12px}.md-preview blockquote p{margin:0 0 8px}.md-preview code{background:var(--color-surface);border-radius:2px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.md-preview pre{background:var(--color-surface);border-radius:3px;padding:8px 12px;overflow-x:auto}.md-preview pre code{background:0 0;padding:0}.md-preview ul,.md-preview ol{margin:0 0 12px 24px}.md-preview h2{margin:12px 0 8px;font-size:1.2rem}.md-preview h3{margin:12px 0 6px;font-size:1.05rem}.article-card .body blockquote{border-left:3px solid var(--color-border-strong);color:var(--color-fg-muted);background:var(--color-surface-alt);margin:0 0 12px;padding:4px 12px}.article-card .body blockquote p{margin:0 0 8px}.article-card .body blockquote p:last-child{margin-bottom:0}.article-card .body code{background:var(--color-surface);border-radius:2px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.article-card .body pre{background:var(--color-surface);border-radius:3px;padding:8px 12px;overflow-x:auto}.article-card .body pre code{background:0 0;padding:0}.article-card .body ul,.article-card .body ol{margin:0 0 12px 24px}.article-card .body .mention,.md-preview .mention{color:var(--color-link);background:color-mix(in oklab, var(--color-accent-bg) 12%, transparent);border-radius:3px;padding:0 4px;font-weight:600}.article-card .body h2{margin:12px 0 8px;font-size:1.15rem}.article-card .body h3{margin:12px 0 6px;font-size:1.05rem}.inline-reply{margin:24px 0;scroll-margin-top:80px}.inline-reply-toggle{background:var(--color-accent-bg);color:var(--color-accent-fg);cursor:pointer;font:inherit;border:0;border-radius:3px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-block}.inline-reply-toggle:hover{opacity:.85;color:var(--color-accent-fg)}.inline-reply--open{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:16px}.inline-reply--open .post-form{background:0 0;border:0;margin:0;padding:0}.inline-reply-heading{margin:0 0 12px;font-size:1rem}.reactions{align-items:center;gap:4px;display:inline-flex}.reaction{background:var(--color-bg-elevated);border:1px solid var(--color-border);font:inherit;cursor:pointer;color:var(--color-fg);border-radius:16px;align-items:center;gap:4px;padding:2px 8px;font-size:.85rem;line-height:1.4;display:inline-flex}.reaction:hover{border-color:var(--color-border-strong)}.reaction.is-mine{background:color-mix(in oklab, var(--color-accent-bg) 18%, var(--color-bg-elevated));border-color:var(--color-accent-bg)}.reaction-count{font-variant-numeric:tabular-nums;text-align:left;min-width:.8em;color:var(--color-fg-muted);font-weight:600}.reaction.is-mine .reaction-count{color:var(--color-fg)}.article-actions{align-items:center;gap:12px;margin-left:auto;font-size:.85rem;display:inline-flex}.article-actions a,.article-actions button{color:var(--color-link);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}.article-actions a:hover,.article-actions button:hover{text-decoration:underline}.article-actions .danger{color:var(--color-danger)}