:root{color-scheme:dark;--bg: #0b0e14;--panel: #131826;--panel-2: #1a2133;--border: #232c42;--text: #e7ecf5;--muted: #8b95ab;--accent: #6c8cff;--green: #3ecf8e;--amber: #f5b84d;--red: #f4647d;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shell{max-width:1200px;margin:0 auto;padding:0 20px 60px}.topbar{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);margin-bottom:18px}.topbar h1{font-size:16px;margin:0;letter-spacing:.3px}.topbar h1 span{color:var(--accent)}.topbar .spacer{flex:1}.topbar input{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 10px;width:220px;font-size:12px}.tabs{display:flex;gap:4px}.tabs button{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500}.tabs button:hover{color:var(--text);background:var(--panel)}.tabs button.active{color:var(--text);background:var(--panel-2)}.grid{display:grid;gap:14px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.grid.cols-4,.grid.cols-2{grid-template-columns:1fr 1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.card h3{margin:0 0 4px;font-size:12px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.6px}.card .big{font-size:26px;font-weight:650}.card .sub{color:var(--muted);font-size:12px}.section{margin-top:22px}.section>h2{font-size:14px;color:var(--muted);font-weight:600;margin:0 0 10px;text-transform:uppercase;letter-spacing:.6px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}td{font-size:13px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--panel-2)}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;background:var(--panel-2);color:var(--muted);white-space:nowrap}.badge.green{background:#3ecf8e24;color:var(--green)}.badge.amber{background:#f5b84d24;color:var(--amber)}.badge.red{background:#f4647d24;color:var(--red)}.badge.blue{background:#6c8cff29;color:var(--accent)}button.btn{background:var(--accent);border:none;color:#fff;cursor:pointer;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600}button.btn:disabled{opacity:.45;cursor:default}button.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.btn.danger{background:#f4647d29;color:var(--red)}button.btn.small{padding:5px 10px;font-size:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:12px}.error-banner{background:#f4647d1f;border:1px solid rgba(244,100,125,.4);color:var(--red);border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:13px}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:1000px){.board{grid-template-columns:repeat(2,1fr)}}.lane{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px}.lane h4{margin:2px 4px 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.lane .count{float:right;color:var(--text)}.cardlet{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:8px;cursor:pointer;font-size:13px}.cardlet:hover{border-color:var(--accent)}.cardlet .meta{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.topic-row{display:flex;gap:12px;align-items:flex-start;padding:12px;border-bottom:1px solid var(--border)}.topic-row:hover{background:var(--panel-2)}.topic-row input[type=checkbox]{margin-top:4px;accent-color:var(--accent);width:15px;height:15px}.topic-row .title{font-weight:600}.topic-row .why{color:var(--muted);font-size:12.5px;margin-top:2px}.topic-row .kw{margin-top:5px;display:flex;gap:5px;flex-wrap:wrap}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab3;z-index:50;display:flex;justify-content:flex-end}.detail-panel{width:min(720px,92vw);height:100%;overflow-y:auto;background:var(--panel);border-left:1px solid var(--border);padding:20px 24px}.detail-panel h2{margin-top:0;font-size:17px}.detail-panel pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto;font-size:12px;white-space:pre-wrap;word-break:break-word}.close-x{float:right;background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:220px 1fr;gap:10px 16px;align-items:center;max-width:700px}.settings-grid label{color:var(--muted);font-size:13px}.settings-grid input,.settings-grid select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 10px;font-size:13px;width:100%}