body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9f9f9;color:#333}h1{text-align:center;margin:20px 0}ul{list-style:none;padding:0;margin:0}li{background:#fff;margin:10px auto;padding:15px;border:1px solid #ddd;border-radius:5px;max-width:600px;width:100%}a{text-decoration:none;color:#0366d6}a:hover{text-decoration:underline}@media(max-width:768px){h1{font-size:1.5rem}li{padding:10px;margin:10px;width:95%}}@media(max-width:480px){h1{font-size:1.2rem}li{padding:8px;margin:5px;width:100%}}.repo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:1200px;margin:20px auto}.repo-card{background:#1a2d21;border:1px solid #ffffff33;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;color:#fff}.repo-card h2{display:flex;align-items:center;font-size:1.5rem;margin:0 0 10px;color:#ffdd57}.repo-card p{font-size:1rem;margin:10px 0 20px;line-height:1.5}.repo-card a{text-decoration:none;color:#1abc9c;font-weight:700;border:2px solid #1abc9c;padding:5px 10px;border-radius:5px;transition:background-color .2s,color .2s}.repo-card a:hover{background-color:#1abc9c;color:#fff}.repo-card:hover{transform:scale(1.05);box-shadow:0 8px 12px #0003}.repo-card .icon{margin-right:8px;color:#1abc9c}.repo-card .repo-details{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.repo-card .repo-details .star-info{display:flex;align-items:center}.repo-card .repo-details .star-icon{margin-right:5px;color:#f39c12}.repo-card .clock-info{display:block;clear:both;margin-bottom:1rem}.repo-card .clock-icon{margin-right:5px;color:#3498db}.repo-card .repo-details .template-badge{background-color:#e74c3c;color:#fff;padding:5px 10px;border-radius:12px;font-size:.9rem;margin-top:10px;margin-right:10px;display:inline-block}@media(max-width:768px){.repo-grid{grid-template-columns:1fr;gap:15px}.repo-card{padding:15px}.repo-card h2{font-size:1.3rem}.repo-card p{font-size:.9rem;margin:10px 0}.repo-card .repo-details{gap:5px}.repo-card .repo-details .template-badge{font-size:.8rem;padding:3px 8px}}@media(max-width:480px){.repo-grid{grid-template-columns:1fr}.repo-card{padding:10px;margin:10px}.repo-card h2{font-size:1.2rem}.repo-card p{font-size:.85rem}.repo-card .repo-details{gap:3px}.repo-card .repo-details .template-badge{font-size:.7rem;padding:2px 6px}}.personal-links{position:fixed;left:20px;top:100px;width:250px;padding:20px;background:#ffffff1a;border:1px solid #ffffff33;border-radius:10px;color:#fff;box-shadow:0 4px 6px #0000001a;z-index:10}.personal-links h2{font-size:1.8rem;color:#ffdd57;margin-bottom:15px}.personal-links ul{list-style:none;padding:0}.personal-links li{margin:10px 0;width:calc(100% - 30px)}.personal-links a{text-decoration:none;font-size:1.2rem;color:#1abc9c;font-weight:700;border:2px solid #1abc9c;padding:5px 10px;border-radius:5px;transition:background-color .2s,color .2s;display:flex;align-items:center;outline:none}.personal-links a:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #1abc9c}.personal-links a:hover{background-color:#1abc9c;color:#fff}.personal-links .icon{margin-right:8px;color:#ffdd57}@media(max-width:768px){.personal-links{position:relative;top:0;left:0;width:100%;padding:15px;text-align:center;border-radius:0;box-shadow:none;background:#fffc}.personal-links ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.personal-links li{margin:0}.personal-links a{font-size:1rem;padding:8px 12px}.personal-links .icon{margin-right:5px}}@media(max-width:480px){.personal-links{width:calc(100% - 24px);padding:10px;border-radius:0}.personal-links ul{flex-direction:column}.personal-links ul li{width:90%}.personal-links a{font-size:.9rem;padding:6px 10px}.personal-links .icon{margin-right:3px}}footer{width:calc(100% - 80px);background-color:#1f4037;color:#fff;padding:20px 40px;text-align:center;font-size:1rem;position:relative;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}footer a{color:#ffdd57;text-decoration:none;font-weight:700}footer a:hover{color:#1abc9c}footer img{border-radius:50%;margin-right:10px;width:40px;height:40px}footer svg{margin-left:10px}@media(max-width:768px){footer{padding:15px 20px;flex-direction:column;gap:15px}footer img{margin-right:0}footer a{font-size:.9rem}}@media(max-width:480px){footer{padding:10px;width:calc(100% - 20px)}footer a{font-size:.8rem}footer img{width:30px;height:30px}}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.filter-icons{display:flex;gap:1rem}.filter-icon{font-size:1.5rem;cursor:pointer;color:#f8f9fa;transition:color .2s ease,transform .2s ease;outline:none}.filter-icon:focus-visible{outline:2px solid #ffc107;outline-offset:2px}.filter-icon.active,.filter-icon:hover{color:#ffc107;transform:scale(1.1)}.sort-controls{display:flex;align-items:center;gap:1rem}.sort-icon,.sort-order-toggle{font-size:1.5rem;cursor:pointer;color:#f8f9fa;transition:color .2s ease,transform .2s ease;outline:none}.sort-icon:focus-visible,.sort-order-toggle:focus-visible{outline:2px solid #ffc107;outline-offset:2px}.sort-icon.active,.sort-icon:hover,.sort-order-toggle:hover{color:#ffc107;transform:scale(1.1)}@media(max-width:768px){.filter-bar{flex-direction:column;align-items:flex-start}.filter-icons,.sort-controls{justify-content:center;width:100%}}@media(max-width:480px){.filter-icon,.sort-icon,.sort-order-toggle{font-size:1.2rem}.filter-bar{gap:2rem;padding:2rem}.filter-icons,.sort-controls{flex-wrap:wrap;justify-content:space-between}}body{font-family:Roboto,sans-serif;margin:0;background:linear-gradient(to bottom,#1f4037,#a2d9b7);color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 0 0 280px;transition:padding-left .3s ease}@media(max-width:768px){body{padding-left:0}}header{text-align:center;margin:20px 0}header h1{font-size:2rem;margin:0;color:#ffdd57}@media(max-width:480px){header h1{font-size:1.5rem}}.loading,.error{margin:20px;font-size:1.2rem;text-align:center}@media(max-width:480px){.loading,.error{font-size:1rem}}.repo-count-badge{display:inline-block;background-color:#2c3e50;color:#fff;padding:10px 20px;border-radius:20px;font-size:1.1rem;font-weight:700;margin-top:20px}@media(max-width:480px){.repo-count-badge{font-size:1rem;padding:8px 16px}}.search-bar-container{margin:20px 0;text-align:center}.search-bar-container input{width:60%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;outline:none;transition:border-color .3s ease}.search-bar-container input:focus{border-color:#4caf50}@media(max-width:768px){.search-bar-container input{width:80%}}@media(max-width:480px){.search-bar-container input{width:90%;font-size:.9rem;padding:8px}}