:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-content:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem}.timeline-container{position:relative;width:100%;padding:40px 0}.timeline-line{position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,#238636,#1f6feb);border-radius:1px}.repo-card-container{position:relative;width:100%;margin-bottom:60px;display:flex;justify-content:center;align-items:center}.repo-card{width:45%;padding:24px;background:#161b22b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.repo-card:hover{transform:scale(1.02);border-color:#1f6feb80;box-shadow:0 12px 48px #00000080}.repo-card.left{margin-right:calc(50% + 30px)}.repo-card.right{margin-left:calc(50% + 30px)}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:16px;height:16px;background:#238636;border-radius:50%;border:4px solid #0d1117;z-index:2;box-shadow:0 0 10px #23863680}.repo-name{font-size:1.5rem;font-weight:700;margin:0 0 8px;color:#58a6ff;text-decoration:none}.repo-name:hover{text-decoration:underline}.repo-desc{color:#8b949e;font-size:.95rem;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-meta{display:flex;gap:16px;color:#c9d1d9;font-size:.85rem;align-items:center}.repo-date{font-size:.8rem;color:#7d8590;margin-bottom:4px}.tag{padding:2px 8px;background:#1f6feb1a;color:#58a6ff;border-radius:999px;border:1px solid rgba(31,111,235,.3)}header{text-align:center;margin-bottom:80px}header h1{font-size:3rem;background:linear-gradient(90deg,#58a6ff,#1f6feb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}header p{color:#8b949e;font-size:1.2rem}@media(max-width:768px){.timeline-line{left:20px}.repo-card-container{justify-content:flex-start}.repo-card{width:calc(100% - 60px)}.repo-card.left,.repo-card.right{margin-left:60px;margin-right:0}.timeline-dot{left:20px}}