:root{--bg: #0f1115;--panel: #161a22;--border: #262c38;--text: #e6e8ec;--muted: #8d96a8;--accent: #5ec8ff;--accent-hover: #7dd4ff;--danger: #ff6a6a;--success: #7be495}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}header.nav{display:flex;gap:1.5rem;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--panel)}header.nav .brand{font-weight:700;font-size:1.15rem}header.nav .spacer{flex:1}header.nav .user{color:var(--muted);font-size:.9rem}main.container{max-width:960px;margin:0 auto;padding:2rem 1.5rem}h1{margin-top:0}h2{margin-top:2rem}form.stack{display:flex;flex-direction:column;gap:.75rem;max-width:360px}form.stack label{display:flex;flex-direction:column;gap:.25rem;color:var(--muted);font-size:.85rem}form.stack input{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;font-size:.95rem}form.stack button{padding:.6rem 1rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-weight:600;cursor:pointer}form.stack button:disabled{opacity:.5;cursor:not-allowed}.err{color:var(--danger);font-size:.9rem}.ok{color:var(--success);font-size:.9rem}table.board{width:100%;border-collapse:collapse;margin-top:1rem}table.board th,table.board td{padding:.5rem .75rem;border-bottom:1px solid var(--border);text-align:left}table.board th{color:var(--muted);font-weight:500}ul.list{list-style:none;padding:0}ul.list li{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;gap:1rem;align-items:center}ul.list li.unread{background:#5ec8ff0a}.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:var(--border);color:var(--muted);font-size:.75rem}