.loading-state{background:#eff6ff;border-color:#bfdbfe}.loading-state h2{color:#1e3a8a;margin:0;font-size:19px}.loading-state p{color:#3b82f6;margin:7px 0 0;line-height:1.5}.loading-state__spinner{border:3px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state{background:#fef2f2;border-color:#fecaca}.error-state__icon{color:#b91c1c;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.error-state h2{color:#991b1b;margin:0;font-size:19px}.error-state p{color:#b91c1c;margin:7px 0 0;line-height:1.5}.error-state__help{color:#7f1d1d!important}.error-state__button{color:#fff;background:#111827;border:0;border-radius:8px;margin-top:16px;padding:10px 16px;font-weight:700}.empty-state{background:#f9fafb;border-color:#e5e7eb}.empty-state__icon{color:#374151;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.empty-state h2{color:#374151;margin:0;font-size:19px}.empty-state p{color:#4b5563;margin:7px 0 0;line-height:1.5}.empty-state__help{color:#6b7280!important}.repository-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;min-height:260px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.repository-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000012}.repository-card__header{align-items:center;gap:12px;display:flex}.repository-card__header h3{color:#111827;word-break:break-word;margin:0;font-size:17px}.repository-card__header p{color:#6b7280;margin:3px 0 0;font-size:13px}.repository-card__avatar{border-radius:50%;width:42px;height:42px}.repository-card__description{color:#4b5563;flex:1;margin:18px 0;font-size:14px;line-height:1.6}.repository-card__meta{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.repository-card__meta span{color:#4b5563;background:#f3f4f6;border-radius:6px;padding:5px 8px;font-size:12px}.repository-card__link{color:#111827;font-size:14px;font-weight:700;text-decoration:none}.repository-card__link:hover{text-decoration:underline}.repository-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.repository-list__header{margin-bottom:16px}.repository-list__header h2{color:#111827;margin:0;font-size:22px}.repository-list__header p{color:#6b7280;margin:5px 0 0;font-size:14px}@media (width<=700px){.repository-list{grid-template-columns:1fr}}.repository-search{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0000000a}.repository-search__form label{color:#111827;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.repository-search__row{gap:10px;display:flex}.repository-search__row input{border:1px solid #d1d5db;border-radius:9px;outline:none;flex:1;min-width:0;height:46px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.repository-search__row input:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.repository-search__row input[aria-invalid=true]{border-color:#dc2626}.repository-search__row button{color:#fff;background:#111827;border:0;border-radius:9px;height:46px;padding:0 22px;font-weight:700}.repository-search__field-error{color:#dc2626;margin:7px 0 0;font-size:13px}.repository-search__demo{background:#fafafa;border:1px dashed #d1d5db;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:16px;display:flex}.repository-search__demo strong{color:#111827;font-size:14px;display:block}.repository-search__demo p{color:#6b7280;margin:4px 0 0;font-size:13px;line-height:1.5}.repository-search__demo button{color:#991b1b;background:#fee2e2;border:0;border-radius:9px;flex-shrink:0;padding:10px 14px;font-weight:700}.repository-search__results{margin-top:28px}.repository-search__initial{text-align:center;border:1px dashed #d1d5db;border-radius:14px;padding:48px 20px}.repository-search__initial h2{color:#111827;margin:0;font-size:20px}.repository-search__initial p{color:#6b7280;margin:8px 0 0}.state-card{border:1px solid;border-radius:14px;align-items:flex-start;gap:18px;padding:24px;display:flex}@media (width<=700px){.repository-search{padding:18px}.repository-search__row{flex-direction:column}.repository-search__row button{width:100%}.repository-search__demo{flex-direction:column;align-items:stretch}.repository-search__demo button{width:100%}.state-card{flex-direction:column}}.app{min-height:100vh;padding:64px 24px}.app__container{width:100%;max-width:1000px;margin:0 auto}.app__header{margin-bottom:32px}.app__eyebrow{color:#6b7280;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-block}.app h1{color:#111827;letter-spacing:-.04em;margin:0;font-size:clamp(32px,5vw,48px);line-height:1.1}.app__header p{color:#6b7280;max-width:650px;margin:16px 0 0;font-size:17px;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#171717;background:#f6f7f9;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}