*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}html{background:#f6f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#1f2328;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;padding:56px 20px}.search-container{width:min(900px,100%);margin:0 auto}.hero{margin-bottom:34px}.eyebrow{letter-spacing:.14em;color:#656d76;margin:0 0 10px;font-size:.75rem;font-weight:800}h1{letter-spacing:-.04em;max-width:760px;margin:0;font-size:clamp(2.2rem,6vw,3.7rem);line-height:1.05}.intro{color:#656d76;max-width:650px;margin:18px 0 0;font-size:1.08rem;line-height:1.6}.search-form{background:#fff;border:1px solid #d0d7de;border-radius:12px;margin-bottom:42px;padding:20px}.search-form label{margin-bottom:9px;font-weight:700;display:block}.search-row{gap:10px;display:flex}.search-row input{color:#1f2328;background:#fff;border:1px solid #8c959f;border-radius:8px;flex:1;min-width:0;padding:13px 14px}.search-row input::placeholder{color:#656d76}.search-row button{color:#fff;background:#1f2328;border:0;border-radius:8px;flex-shrink:0;padding:13px 22px;font-weight:700}.search-row button:hover{background:#32383f}.search-row input:focus-visible,.search-row button:focus-visible,.repository-card a:focus-visible,.retry-button:focus-visible{outline-offset:3px;outline:3px solid #0969da}.results-section{border-top:1px solid #d0d7de;padding-top:26px}.results-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.results-header h2{margin:0;font-size:1.4rem}.result-label{color:#656d76;font-size:.9rem}.empty-state,.loading-state,.error-state{text-align:center;background:#fff;border-radius:10px;padding:34px 24px}.empty-state{color:#656d76;border:1px dashed #8c959f}.loading-state{border:1px solid #d0d7de}.loading-state p{color:#656d76;margin:8px 0 0}.error-state{color:#82071e;border:1px solid #cf222e}.error-state p{margin:8px 0 0}.retry-button{color:#82071e;background:#fff;border:1px solid #82071e;border-radius:7px;margin-top:20px;padding:10px 16px;font-weight:700}.retry-button:hover{background:#fff1f0}.results-list{gap:14px;display:grid}.repository-card{overflow-wrap:anywhere;background:#fff;border:1px solid #d0d7de;border-radius:10px;min-width:0;padding:22px}.repository-card:hover{border-color:#8c959f}.repository-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.repository-type,.repository-language{color:#656d76;font-size:.8rem;font-weight:600}.repository-language{border:1px solid #d0d7de;border-radius:999px;padding:4px 8px}.repository-card h3{overflow-wrap:anywhere;min-width:0;margin:0;font-size:1.25rem}.repository-card h3 a{color:#0969da;text-decoration:none}.repository-card h3 a:hover{text-decoration:underline}.repository-description{color:#656d76;overflow-wrap:anywhere;min-width:0;margin:12px 0 18px;line-height:1.55}.repository-meta{color:#656d76;flex-wrap:wrap;gap:18px;font-size:.9rem;display:flex}.footer{color:#656d76;text-align:center;border-top:1px solid #d0d7de;margin-top:48px;padding-top:20px;font-size:.85rem}@media (width<=520px){.app{padding:32px 16px}.search-form{padding:16px}.search-row{flex-direction:column}.search-row button{width:100%}.results-header,.repository-top{flex-direction:column;align-items:flex-start}.repository-meta{flex-direction:column;gap:7px}}