body { margin:0; font-family: system-ui, Arial; background:#f6f7fb; }
.topbar{ position:sticky; top:0; background:white; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e9e9ef; }
.title{ font-weight:700; font-size:18px; }
.subtitle{ color:#666; font-size:12px; margin-top:2px; }
.actions button{ padding:8px 10px; border:1px solid #ddd; background:#fff; border-radius:10px; cursor:pointer; }
.actions button:disabled{ opacity:.5; cursor:not-allowed; }
.wall{ position:relative; height: calc(100vh - 72px); overflow:auto; padding:18px; }
.card{ position:absolute; width:240px; border-radius:14px; padding:12px 12px 10px; background:#fff8b5; box-shadow: 0 8px 24px rgba(0,0,0,.08); border:1px solid rgba(0,0,0,.05); user-select:none; }
.card h4{ margin:0 0 6px; font-size:14px; }
.card a{ color:#0b57d0; word-break:break-all; font-size:12px; }
.card p{ margin:8px 0 0; font-size:12px; color:#333; white-space:pre-wrap; }
.card .mini{ margin-top:10px; display:flex; gap:8px; }
.badge{ font-size:11px; color:#444; background:rgba(255,255,255,.6); padding:4px 8px; border-radius:999px; }
.dlg{ border:none; border-radius:14px; padding:0; width:min(520px, 92vw); }
.form{ padding:16px; }
.form input, .form textarea{ width:100%; padding:10px; border-radius:10px; border:1px solid #ddd; margin:6px 0 12px; }
.row{ display:flex; justify-content:flex-end; gap:10px; }