:root{--bg: #f7f9f9;--col-bg: #ffffff;--border: #e1e8ed;--text: #14171a;--muted: #657786;--accent: #1da1f2;--accent-hover: #1a91da;--accent-soft: #e8f5fe;--hover: #eff3f4;--col-width: 600px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.btn{border:none;background:var(--accent);color:#fff;border-radius:9999px;padding:8px 16px;font-weight:700;font-size:14px}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.muted{color:var(--muted)}textarea{font-family:inherit;font-size:15px}.center{text-align:center;padding:32px 16px}.live-toggle{padding:8px 16px}.btn-outline.active{background:var(--accent);color:#fff}.more{display:block;margin:16px auto}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;border:none;background:none;padding:14px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;text-align:center}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}a.tab:hover{text-decoration:none}.page-head{padding:14px 16px;font-weight:800;font-size:18px;border-bottom:1px solid var(--border)}.list-row{display:block;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;color:var(--text)}.list-row:hover{background:var(--bg);text-decoration:none}