:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--text-primary:#f0f6fc;--text-secondary:#c9d1d9;--text-tertiary:#8b949e;--border-color:#30363d;--accent-blue:#58a6ff;--accent-blue-light:#79c0ff;--accent-green:#238636;--accent-green-hover:#2ea043;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 24px #00000040;--shadow-lg:0 12px 32px #00000059;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.6}#root{min-height:100vh}.user-card{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border-radius:14px;padding:1.875rem;position:sticky;top:2rem}.user-card:hover{border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:0 15px 40px #58a6ff40}.user-avatar{object-fit:cover;border:4px solid var(--accent-blue);cursor:pointer;width:140px;height:140px;transition:all var(--transition-normal);border-radius:50%;margin:0 auto 1.5rem;display:block;box-shadow:0 4px 16px #58a6ff33}.user-avatar:hover{border-color:var(--accent-blue-light);transform:scale(1.12)rotate(-3deg);box-shadow:0 8px 28px #58a6ff66}.user-name{color:var(--text-primary);text-align:center;transition:color var(--transition-normal);margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.3;text-decoration:none;display:block}.user-name:hover{color:var(--accent-blue);text-shadow:0 0 20px #58a6ff4d}.user-bio{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;min-height:50px;margin:1.5rem 0;font-size:.95rem;line-height:1.6;display:flex}.user-location,.user-company,.user-blog,.user-twitter,.user-created-at{color:var(--text-tertiary);word-break:break-word;text-align:center;transition:color var(--transition-fast);margin:.75rem 0;font-size:.9rem}.user-location:before{content:"📍 ";color:var(--accent-blue);margin-right:.5rem}.user-company:before{content:"🏢 ";color:var(--accent-blue);margin-right:.5rem}.user-blog:before{content:"🔗 ";color:var(--accent-blue);margin-right:.5rem}.user-twitter:before{content:"𝕏 ";color:var(--accent-blue);margin-right:.5rem}.user-location:hover,.user-company:hover,.user-blog:hover,.user-twitter:hover{color:var(--accent-blue-light);letter-spacing:.5px}.user-stats{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);text-align:center;cursor:pointer;transition:all var(--transition-normal);border-radius:10px;margin:.875rem 0;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;display:block;position:relative;overflow:hidden}.user-stats:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#58a6ff1a,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.user-stats:hover:before{left:100%}.user-stats:hover{background:linear-gradient(135deg, var(--accent-blue) 0%, #4184f3 100%);border-color:var(--accent-blue-light);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #58a6ff59}.user-stats.active{background:linear-gradient(135deg, var(--accent-blue) 0%, #4184f3 100%);border-color:var(--accent-blue-light);color:#fff;font-weight:700;box-shadow:0 8px 24px #58a6ff66}.user-stats.active:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-blue-light), transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.user-stats:active{transform:translateY(-1px)}.user-created-at{color:var(--text-tertiary);margin-top:1.5rem;margin-bottom:0;font-size:.85rem;font-style:italic}@media (width<=768px){.user-card{border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:static}.user-avatar{width:120px;height:120px;margin-bottom:1.25rem}.user-name{margin-bottom:.75rem;font-size:1.5rem}.user-bio{margin:1rem 0;font-size:.9rem}.user-stats{margin:.75rem 0;padding:.875rem 1rem;font-size:.9rem}}@media (width<=480px){.user-card{border-radius:10px;margin-bottom:1.25rem;padding:1.25rem}.user-avatar{width:100px;height:100px;margin-bottom:1rem}.user-name{margin-bottom:.5rem;font-size:1.3rem}.user-bio{margin:.875rem 0;font-size:.85rem}.user-location,.user-company,.user-blog,.user-twitter,.user-created-at{margin:.5rem 0;font-size:.8rem}.user-stats{margin:.625rem 0;padding:.75rem 1rem;font-size:.85rem}}@media (width<=992px){.dashboard{grid-template-columns:1fr}.user-card{position:static}.result-section{min-height:auto}}@media (width<=576px){.user-card{border-radius:15px;padding:20px}.user-avatar{width:100px;height:100px}.user-name{font-size:1.5rem}.user-bio,.user-location,.user-company,.user-blog,.user-twitter,.user-created-at,.user-stats{font-size:.9rem}.user-stats{padding:14px}.result-section{padding:1rem}}.search-bar{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);min-height:100vh;padding:2rem 1rem}.search-input-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:600px;margin:0 auto 3rem;display:flex}.search-input{background:var(--bg-secondary);border:2px solid var(--border-color);min-width:250px;color:var(--text-primary);transition:all var(--transition-normal);border-radius:10px;flex:1;padding:.875rem 1.25rem;font-size:1rem;font-weight:500}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--accent-blue);background:#0d1117;outline:none;box-shadow:0 0 0 3px #58a6ff1a}.search-input:hover:not(:focus){border-color:var(--accent-blue-light)}.search-button{background:var(--accent-green);color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:10px;padding:.875rem 2rem;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #2386364d}.search-button:hover{background:var(--accent-green-hover);transform:translateY(-2px);box-shadow:0 4px 12px #23863666}.search-button:active{transform:translateY(0)}.dashboard{grid-template-columns:320px 1fr;gap:2rem;width:95%;max-width:1600px;margin:0 auto;padding:0 1rem;display:grid}.result-section{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);min-height:600px;box-shadow:var(--shadow-md);transition:all var(--transition-normal);border-radius:16px;padding:2rem}.result-section:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-lg)}.result-section h2{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.75rem;font-weight:600}@media (width<=768px){.search-bar{padding:1.5rem 1rem}.search-input-container{margin:0 auto 2rem}.dashboard{grid-template-columns:1fr;gap:1.5rem;width:100%;margin:0 auto;padding:0}.result-section{border-radius:12px;min-height:auto;padding:1.5rem}}@media (width<=480px){.search-bar{padding:1rem .75rem}.search-input-container{flex-direction:column;gap:.75rem;max-width:100%;margin:0 auto 2rem}.search-input{width:100%;min-width:auto;padding:.75rem 1rem;font-size:.95rem}.search-button{width:100%;padding:.75rem 1.5rem;font-size:.95rem}.dashboard{grid-template-columns:1fr;gap:1rem;width:100%;padding:0}.result-section{border-radius:10px;padding:1rem}.result-section h2{margin-bottom:1rem;font-size:1.5rem}}.followers-container{box-sizing:border-box;width:100%;padding:0}.followers-title{text-align:center;color:var(--text-primary);letter-spacing:.5px;margin:0 0 2rem;font-size:1.75rem;font-weight:600}.followers-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.followers-item{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.75rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.followers-item:before{content:"";z-index:1;background:linear-gradient(135deg,#0000,#58a6ff26,#0000);width:100%;height:100%;transition:top .4s;position:absolute;top:-100%;left:0}.followers-item:hover:before{top:100%}.followers-item:hover{border-color:var(--accent-blue);background:var(--bg-tertiary);border-top:3px solid var(--accent-blue);transform:translateY(-8px);box-shadow:0 12px 32px #58a6ff4d}.followers-item:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 12px 32px #58a6ff4d}.followers-avatar{object-fit:cover;border:3px solid var(--accent-blue);width:80px;height:80px;transition:all var(--transition-normal);z-index:2;border-radius:50%;box-shadow:0 4px 12px #58a6ff33}.followers-item:hover .followers-avatar{border-color:var(--accent-blue-light);transform:scale(1.15)rotate(5deg);box-shadow:0 6px 20px #58a6ff66}.followers-login{color:var(--text-primary);word-break:break-word;text-align:center;transition:color var(--transition-fast);z-index:2;max-width:100%;font-size:1rem;font-weight:600}.followers-item:hover .followers-login{color:var(--accent-blue)}@media (width<=768px){.followers-title{margin-bottom:1.5rem;font-size:1.5rem}.followers-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.followers-item{border-radius:10px;padding:1rem}.followers-avatar{width:70px;height:70px}.followers-login{font-size:.9rem}}@media (width<=480px){.followers-title{margin-bottom:1.25rem;font-size:1.3rem}.followers-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.875rem}.followers-item{border-radius:8px;padding:.875rem}.followers-avatar{width:60px;height:60px}.followers-login{font-size:.8rem}}.following-container{box-sizing:border-box;width:100%;padding:0}.following-title{text-align:center;color:var(--text-primary);letter-spacing:.5px;margin:0 0 2rem;font-size:1.75rem;font-weight:600}.no-data-message{text-align:center;color:var(--text-tertiary);border:2px dashed var(--border-color);border-radius:10px;margin-top:2rem;padding:2rem;font-size:1.05rem}.following-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.following-item{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.875rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.following-item:before{content:"";z-index:1;background:linear-gradient(135deg,#0000,#58a6ff26,#0000);width:100%;height:100%;transition:top .4s;position:absolute;top:-100%;left:0}.following-item:hover:before{top:100%}.following-item:hover{border-color:var(--accent-blue);background:var(--bg-tertiary);border-top:3px solid var(--accent-blue);transform:translateY(-8px);box-shadow:0 12px 32px #58a6ff4d}.following-item:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 12px 32px #58a6ff4d}.following-avatar{object-fit:cover;border:3px solid var(--accent-blue);width:80px;height:80px;transition:all var(--transition-normal);z-index:2;border-radius:50%;box-shadow:0 4px 12px #58a6ff33}.following-item:hover .following-avatar{border-color:var(--accent-blue-light);transform:scale(1.15)rotate(-5deg);box-shadow:0 6px 20px #58a6ff66}.following-login{color:var(--text-primary);word-break:break-word;text-align:center;transition:color var(--transition-fast);z-index:2;max-width:100%;font-size:1rem;font-weight:600}.following-item:hover .following-login{color:var(--accent-blue)}@media (width<=768px){.following-container{padding:0}.following-title{margin-bottom:1.5rem;font-size:1.5rem}.following-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.following-item{border-radius:10px;padding:1rem}.following-avatar{width:70px;height:70px}.following-login{font-size:.9rem}}@media (width<=480px){.following-container{padding:0}.following-title{margin-bottom:1.25rem;font-size:1.3rem}.following-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.875rem}.following-item{border-radius:8px;padding:.875rem}.following-avatar{width:60px;height:60px}.following-login{font-size:.8rem}}.repo-container{box-sizing:border-box;width:100%;padding:0}.repo-title{text-align:center;color:var(--text-primary);letter-spacing:.5px;margin:0 0 2rem;font-size:1.75rem;font-weight:600}.repo-empty{text-align:center;color:var(--text-tertiary);margin-top:2rem;padding:2rem;font-size:1.05rem}.repo-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.repo-item{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);border:2px solid var(--border-color);transition:all var(--transition-normal);cursor:pointer;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden}.repo-item:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-blue), var(--accent-blue-light), transparent);width:100%;height:4px;transition:left .6s;position:absolute;top:0;left:-100%}.repo-item:hover:before{left:100%}.repo-item:hover{border-color:var(--accent-blue);background:linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);transform:translateY(-8px);box-shadow:0 15px 35px #58a6ff4d}.repo-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.repo-name{color:var(--accent-blue);transition:all var(--transition-fast);word-break:break-word;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.repo-link:hover .repo-name{color:var(--accent-blue-light);text-shadow:0 0 12px #79c0ff80}.repo-description{color:var(--text-secondary);flex-grow:1;min-height:45px;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.repo-info{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.repo-language,.repo-stars,.repo-forks{background:linear-gradient(135deg, var(--bg-primary), var(--bg-secondary));border:1.5px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-fast);cursor:default;border-radius:20px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.85rem;font-weight:500;display:inline-flex}.repo-language:hover,.repo-stars:hover,.repo-forks:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:linear-gradient(135deg,#58a6ff0d,#58a6ff1a);transform:translateY(-3px);box-shadow:0 6px 16px #58a6ff33}@media (width<=768px){.repo-title{margin-bottom:1.5rem;font-size:1.5rem}.repo-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.repo-item{border-radius:10px;padding:1.25rem}.repo-name{font-size:1.1rem}.repo-description{font-size:.9rem}.repo-language,.repo-stars,.repo-forks{padding:.45rem .75rem;font-size:.8rem}}@media (width<=480px){.repo-title{margin-bottom:1.25rem;font-size:1.3rem}.repo-list{grid-template-columns:1fr;gap:1rem}.repo-item{border-radius:8px;padding:1rem}.repo-name{margin-bottom:.5rem;font-size:1rem}.repo-description{min-height:35px;margin-bottom:1rem;font-size:.85rem}.repo-info{gap:.5rem;padding-top:.75rem}.repo-language,.repo-stars,.repo-forks{padding:.375rem .625rem;font-size:.75rem}}