:root { --bg: #0c0c10; --fg: #e8e8e8; --dim: #888; --accent: #9d6cff; }
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; background: var(--bg); color: var(--fg); line-height: 1.45; }
a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; }
.wild-header { padding: 1.5rem 1rem; border-bottom: 1px solid #222; }
.wild-header h1 { margin: 0; font-size: 1.4rem; }
.wild-header h1 a { color: var(--fg); }
#wild-counter { color: var(--dim); margin: 0.5rem 0 0; font-size: 0.9rem; }
.wild-controls { padding: 1rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; border-bottom: 1px solid #222; }
.wild-filters button { background: #1a1a22; color: var(--fg); border: 1px solid #2a2a35; padding: 0.35rem 0.75rem; border-radius: 999px; font-size: 0.85rem; cursor: pointer; }
.wild-filters button.active { background: var(--accent); border-color: var(--accent); color: #fff; }
.wild-toggles { display: flex; gap: 0.75rem; font-size: 0.85rem; color: var(--dim); }
#wild-search { padding: 0.4rem 0.75rem; border-radius: 6px; border: 1px solid #2a2a35; background: #1a1a22; color: var(--fg); font-size: 0.9rem; }
#wild-feed { padding: 1rem; max-width: 880px; margin: 0 auto; }
.catch { padding: 1rem 0; border-bottom: 1px solid #1c1c24; }
.catch .meta { display: flex; gap: 0.5rem; align-items: center; font-size: 0.8rem; color: var(--dim); margin-bottom: 0.4rem; }
.catch .platform-badge { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 4px; font-size: 0.7rem; text-transform: uppercase; }
.catch .platform-badge[data-p="reddit"] { background: #ff45001a; color: #ff8a4f; }
.catch .platform-badge[data-p="hn"] { background: #ff66001a; color: #ff9a4f; }
.catch .platform-badge[data-p="github"] { background: #2a2a35; color: #c8c8c8; }
.catch .platform-badge[data-p="mastodon"] { background: #6364ff1a; color: #9b9cff; }
.catch .platform-badge[data-p="bluesky"] { background: #00aaff1a; color: #6cc4ff; }
.catch .snippet { color: var(--fg); margin: 0.3rem 0; }
.catch .actions { margin-top: 0.4rem; font-size: 0.85rem; }
.catch .actions a { margin-right: 1rem; }
#wild-pagination { padding: 1rem; text-align: center; }
#wild-pagination button { background: transparent; color: var(--accent); border: 1px solid var(--accent); padding: 0.4rem 1rem; margin: 0 0.25rem; border-radius: 4px; cursor: pointer; }
#wild-pagination button:disabled { opacity: 0.4; cursor: not-allowed; }