:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #f0f6fc;--text-secondary: #8b949e;--border-color: #30363d;--accent-push: #238636;--accent-pr: #58a6ff;--accent-merge: #a371f7;--accent-push-bg: rgba(35, 134, 54, .15);--accent-pr-bg: rgba(88, 166, 255, .15);--accent-merge-bg: rgba(163, 113, 247, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app{max-width:900px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:40px}.header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#58a6ff,#a371f7,#238636);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.header p{color:var(--text-secondary);font-size:1.1rem}.status-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.status-indicator{width:10px;height:10px;border-radius:50%;background:var(--accent-push);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:var(--text-secondary);font-size:.9rem}.countdown{font-weight:600;color:var(--text-primary)}.events-container{display:flex;flex-direction:column;gap:16px}.event-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:transform .2s,border-color .2s;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.event-card:hover{transform:translateY(-2px);border-color:var(--text-secondary)}.event-card.push{border-left:4px solid var(--accent-push)}.event-card.pull_request{border-left:4px solid var(--accent-pr)}.event-card.merge{border-left:4px solid var(--accent-merge)}.event-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.event-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-badge.push{background:var(--accent-push-bg);color:var(--accent-push)}.event-badge.pull_request{background:var(--accent-pr-bg);color:var(--accent-pr)}.event-badge.merge{background:var(--accent-merge-bg);color:var(--accent-merge)}.event-id{color:var(--text-secondary);font-size:.85rem;font-family:SF Mono,Monaco,Courier New,monospace}.event-message{font-size:1rem;line-height:1.6;color:var(--text-primary)}.event-message .author{color:var(--accent-pr);font-weight:600}.event-message .branch{color:var(--accent-merge);font-weight:500;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9em}.event-message .timestamp{color:var(--text-secondary)}.empty-state{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.empty-state-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{font-size:1.3rem;margin-bottom:10px;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-secondary)}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--accent-pr);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#f851491a;border:1px solid rgba(248,81,73,.4);color:#f85149;padding:16px;border-radius:12px;text-align:center}