:root {
    --bg-color: #050505;
    --border-color: #1a1a1a;
    --text-main: #e5e7eb;
    --text-muted: #6b7280;
    --accent-orange: #f59e0b;
    --accent-green: #10b981;
    --accent-blue: #3b82f6;
    --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

body { margin: 0; background-color: var(--bg-color); color: var(--text-main); font-family: var(--font-sans); }

.terminal-container { max-width: 1200px; margin: 0 auto; min-height: 100vh; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); }

.status-bar { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; background-color: #0a0a0a; border-bottom: 1px solid var(--border-color); font-family: var(--font-mono); font-size: 0.75rem; color: var(--text-muted); }

.feed-header, .feed-row {
    display: grid;
    grid-template-columns: 100px 90px 100px 1fr;
    gap: 1.5rem;
    padding: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.feed-row { cursor: pointer; transition: background-color 0.15s ease; }
.feed-row:hover { background-color: #0f0f0f; }

.summary-toggle { font-family: var(--font-mono); font-size: 0.7rem; color: var(--accent-blue); margin-top: 0.8rem; cursor: pointer; }
.summary-content { font-size: 0.9rem; color: #aaa; margin-top: 0.5rem; padding: 0.5rem; border-left: 2px solid var(--accent-blue); background: #0a0a0a; }

.col-time, .col-elapsed { font-family: var(--font-mono); font-size: 0.85rem; color: var(--text-muted); }
.col-source .badge { color: var(--accent-orange); font-size: 0.7rem; font-weight: 600; }
.col-text { font-size: 0.95rem; line-height: 1.5; color: #ffffff; }
.col-text b { color: var(--accent-orange); font-weight: normal; }