:root{--bg: #0f172a;--panel: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--danger: #f87171;--success: #4ade80;--border: #334155;--radius: 8px;font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:760px;margin:0 auto;padding:32px 24px}.app-header h1{margin:0 0 4px;font-size:32px}.app-header p{color:var(--muted);margin:0 0 24px}.posts-toolbar{display:flex;gap:8px;margin-bottom:16px}.posts-toolbar input{flex:1;padding:8px 12px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius)}button{padding:8px 14px;background:var(--accent);color:#0f172a;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:var(--danger);color:#fff}.posts-error{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f871711a;border:1px solid var(--danger);border-radius:var(--radius);margin-bottom:12px}.posts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.post{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;background:var(--panel);border-radius:var(--radius)}.post--pending{opacity:.6}.post-body h3{margin:0 0 4px}.post-body p{margin:0;color:var(--muted)}.post-actions{display:flex;gap:6px;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--panel);padding:24px;border-radius:var(--radius);width:480px;max-width:90vw;display:flex;flex-direction:column;gap:12px}.modal label{display:flex;flex-direction:column;gap:4px}.modal input,.modal textarea{padding:8px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-family:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;bottom:24px;right:24px;padding:12px 16px;border-radius:var(--radius);display:flex;align-items:center;gap:12px}.toast--success{background:#4ade8026;border:1px solid var(--success)}.toast--error{background:#f8717126;border:1px solid var(--danger)}.toast button{background:transparent;color:var(--text);padding:0 4px}.posts-empty{color:var(--muted)}