body { color: #e2e8f0; }
a { color: #60a5fa; text-decoration: none; }
a:hover { color: #93c5fd; text-decoration: underline; }

.category-row, .thread-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 1rem 1.1rem; border-bottom: 1px solid rgba(255,255,255,0.06);
    text-decoration: none !important; transition: background 0.15s;
}
.category-row:last-child, .thread-row:last-child { border-bottom: none; }
.category-row:hover, .thread-row:hover { background: rgba(59,130,246,0.05); }
.row-icon {
    width: 38px; height: 38px; border-radius: 0.6rem; flex: 0 0 38px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, rgba(59,130,246,0.16), rgba(167,139,250,0.12));
    border: 1px solid rgba(99,179,255,0.22); color: #93c5fd; margin-right: 0.9rem;
}
.row-icon svg { width: 18px; height: 18px; }
.pinned-badge { background: linear-gradient(135deg,#92400e,#b45309); color: #fde68a; font-size: 0.68rem; font-weight: 700; padding: 0.18rem 0.5rem; border-radius: 999px; margin-right: 0.5rem; text-transform: uppercase; letter-spacing: .02em; }

.post-card { border-radius: 0.85rem; padding: 1.1rem 1.35rem; margin-bottom: 1rem; }
.post-author-row { display: flex; align-items: center; gap: 0.6rem; }
.post-avatar {
    width: 30px; height: 30px; border-radius: 50%; flex: 0 0 30px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #3b82f6, #a78bfa);
    color: #fff; font-weight: 700; font-size: 0.8rem; text-transform: uppercase;
}
.post-author { font-weight: 600; color: #e2e8f0; }
.post-body { white-space: pre-wrap; line-height: 1.65; margin-top: 0.6rem; color: #cbd5e1; }

#login-modal { display: none; position: fixed; inset: 0; background: rgba(2,8,24,0.75);
    backdrop-filter: blur(4px); align-items: center; justify-content: center; z-index: 1000; }
#login-modal .card { max-width: 420px; width: 90%; }