:root{--bg:#0d1117;--bg-secondary:#141419;--bg-tertiary:#1c1c24;--border:#2a2a35;--text:#c9d1d9;--text-secondary:#8b949e;--text-tertiary:#6e7681;--accent:#58a6ff;--accent-hover:#79c0ff;--green:#3fb950;--yellow:#d29922;--orange:#db6d28;--red:#f85149;--purple:#bc8cff;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Verdana,Geneva,sans-serif;font-size:12px;line-height:1.4}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}mark{color:var(--yellow);background:#d299224d;border-radius:2px;padding:0 2px}#root,.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:16px;padding:6px 16px;display:flex;position:sticky;top:0}.app-header h1{white-space:nowrap;color:var(--accent);letter-spacing:-.3px;font-size:14px;font-weight:700}.app-header nav{gap:2px;display:flex}.app-header nav a{color:var(--text-secondary);border-radius:3px;padding:3px 8px;font-size:11px}.app-header nav a:hover{background:var(--bg-tertiary);color:var(--text);text-decoration:none}.app-header nav a.active{background:var(--bg-tertiary);color:var(--text);font-weight:600}.search-box{margin-left:auto;position:relative}.search-box input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;width:220px;padding:3px 8px 3px 24px;font-family:inherit;font-size:11px}.search-box input:focus{border-color:var(--accent)}.search-box .search-icon{color:var(--text-tertiary);font-size:11px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.main-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:8px 16px}.stats-grid{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;align-items:baseline;gap:6px;padding:4px 10px;display:flex}.stat-card .label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary);font-size:10px}.stat-card .value{font-size:13px;font-weight:700;font-family:var(--font-mono)}.timeline-chart{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;margin-bottom:8px;padding:8px 12px}.timeline-chart h2{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px}.thread-list{flex-direction:column;display:flex}.thread-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:baseline;gap:8px;padding:3px 6px;display:flex}.thread-item:hover{background:var(--bg-secondary)}.thread-item .subject{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.thread-item .meta{color:var(--text-tertiary);white-space:nowrap;gap:8px;font-size:10px;display:flex}.thread-item .count{background:var(--bg-tertiary);font-family:var(--font-mono);color:var(--text-secondary);text-align:center;border-radius:2px;min-width:20px;padding:0 5px;font-size:10px}.thread-item .author-name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:10px;overflow:hidden}.author-list{flex-direction:column;display:flex}.author-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:2px 6px;font-size:12px;display:flex}.author-item:hover{background:var(--bg-secondary)}.author-item .rank{font-family:var(--font-mono);color:var(--text-tertiary);text-align:right;width:24px;font-size:10px}.author-item .name{flex:1}.author-item .wiki-link{opacity:.5;font-size:10px}.author-item .wiki-link:hover{opacity:1}.author-item .post-count{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:40px;font-size:11px}.author-item .date-range{color:var(--text-tertiary);text-align:right;min-width:130px;font-size:10px}.thread-view{flex-direction:column;display:flex}.thread-message{border-bottom:1px solid var(--border)}.thread-message .msg-header{cursor:pointer;align-items:center;gap:8px;padding:3px 6px;font-size:11px;display:flex}.thread-message .msg-header:hover{background:var(--bg-secondary)}.thread-message .msg-header .author{color:var(--accent);font-size:11px;font-weight:600}.thread-message .msg-header .date{color:var(--text-tertiary);margin-left:auto;font-size:10px}.thread-message .msg-body{font-family:var(--font-mono);word-wrap:break-word;color:var(--text);padding:4px 6px 8px 36px;font-size:11px;line-height:1.5}.quoted-text{border-left:2px solid var(--border);color:var(--text-tertiary);margin:2px 0;padding-left:8px;font-size:10px}.linked-url{display:inline}.wayback-link{opacity:.4;vertical-align:baseline;margin-left:2px;font-size:10px;text-decoration:none!important}.wayback-link:hover{opacity:1}.message-view{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;overflow:hidden}.message-header{border-bottom:1px solid var(--border);padding:8px 12px}.message-header .subject{margin-bottom:4px;font-size:14px;font-weight:600}.message-header .meta-row{color:var(--text-secondary);gap:12px;font-size:11px;display:flex}.message-body{font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;padding:8px 12px;font-size:11px;line-height:1.5}.search-results .result-item{padding:3px 6px}.search-results .result-item .snippet{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.author-profile{flex-direction:column;gap:8px;display:flex}.author-profile .profile-header{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;align-items:center;gap:16px;padding:10px 12px;display:flex}.author-profile .profile-header h2{font-size:16px}.author-profile .profile-stats{color:var(--text-secondary);gap:16px;font-size:11px;display:flex}.msg-tags{gap:3px;margin-left:4px;display:inline-flex}.tag{background:var(--bg-tertiary);color:var(--text-tertiary);border-radius:2px;padding:0 4px;font-size:9px;text-decoration:none!important}.tag:hover{color:var(--accent);background:#58a6ff1a}.glossary-term{border-bottom:1px dotted var(--text-tertiary);cursor:help}.glossary-term:hover{border-bottom-color:var(--accent);color:var(--accent)}.pagination{justify-content:center;gap:4px;margin-top:8px;padding:4px 0;display:flex}.pagination button{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:3px;padding:2px 10px;font-size:11px}.pagination button:hover{background:var(--bg-tertiary)}.pagination button:disabled{opacity:.3;cursor:default}.pagination .page-info{color:var(--text-secondary);padding:2px 10px;font-size:11px}.section-header{justify-content:space-between;align-items:center;margin-top:4px;margin-bottom:4px;display:flex}.section-header h2{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.loading{text-align:center;color:var(--text-tertiary);padding:24px;font-size:12px}.filter-bar{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.filter-bar select,.filter-bar input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;padding:2px 8px;font-family:inherit;font-size:11px}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--accent)}.filter-bar button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:2px 10px;font-size:11px}.filter-bar button:hover{background:var(--accent-hover)}.back-link{color:var(--text-secondary);margin-bottom:4px;font-size:11px;display:inline-block}.back-link:hover{color:var(--accent)}.vote-controls{align-items:center;gap:2px;font-size:11px;display:flex}.vote-controls button{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:0;font-size:10px;line-height:1}.vote-controls button:hover{color:var(--text)}.vote-controls button.upvoted{color:var(--green)}.vote-controls button.downvoted{color:var(--red)}.vote-controls .vote-score{font-family:var(--font-mono);text-align:center;min-width:12px;font-size:10px}
