:root{--bg: #15181c;--panel: #1c2026;--panel-2: #232830;--border: #2d333b;--text: #e6e9ee;--muted: #8b95a3;--accent: #1d9bf0;--sev-none: #2d333b;--sev-low: #3a6ea5;--sev-medium: #c08a2d;--sev-high: #c0392b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}header h1{font-size:18px;margin:0}header .spacer{flex:1}header nav button,header>button{margin-left:4px}.conn{font-size:12px}.conn.on{color:#2ecc71}.conn.off{color:var(--muted)}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:13px}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent)}button.active{border-color:var(--accent);color:var(--accent)}button.danger:hover{border-color:var(--sev-high);color:var(--sev-high)}button.saved{color:#f1c40f}.board{flex:1;display:flex;gap:10px;padding:10px;overflow-x:auto;align-items:stretch}.empty-board{color:var(--muted);padding:40px}.column{flex:0 0 340px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.col-head{padding:8px 10px;background:var(--panel-2);border-bottom:1px solid var(--border)}.col-title{font-weight:600;margin-bottom:6px}.col-tools{display:flex;flex-wrap:wrap;gap:4px}.col-tools select,.col-tools button{font-size:12px;padding:3px 7px}.col-body{flex:1;overflow-y:auto;padding:8px}.empty{color:var(--muted);font-size:13px;padding:12px}.post{background:var(--panel-2);border:1px solid var(--border);border-left:4px solid var(--sev-none);border-radius:6px;padding:8px 10px;margin-bottom:8px}.post.unread{box-shadow:inset 2px 0 0 var(--accent)}.post.read{opacity:.72}.post.sev-low{border-left-color:var(--sev-low)}.post.sev-medium{border-left-color:var(--sev-medium)}.post.sev-high{border-left-color:var(--sev-high)}.post-head{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:4px;flex-wrap:wrap}.author{color:var(--accent)}.time{color:var(--muted);margin-left:auto}.category{color:var(--muted);text-transform:capitalize}.post-text{font-size:14px;line-height:1.35;white-space:pre-wrap}.rationale{font-size:12px;color:var(--muted);margin-top:5px;font-style:italic}.post-actions{display:flex;gap:8px;margin-top:7px;align-items:center}.post-actions a,.post-actions button{font-size:12px}.post-actions a{color:var(--accent);text-decoration:none}.badge{font-size:11px;padding:1px 7px;border-radius:10px;color:#fff;background:var(--sev-none)}.badge.sev-low{background:var(--sev-low)}.badge.sev-medium{background:var(--sev-medium)}.badge.sev-high{background:var(--sev-high)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;width:420px;max-width:92vw;display:flex;flex-direction:column;gap:10px}.modal h3{margin:0 0 6px}.modal label{display:flex;flex-direction:column;font-size:13px;gap:4px;color:var(--muted)}.modal label small{color:var(--muted)}.modal input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 9px;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.saved-view,.alerts-view{padding:16px;overflow-y:auto}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.alerts-view table{width:100%;border-collapse:collapse}.alerts-view th,.alerts-view td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border);font-size:13px}