:root{color-scheme:light}.app{max-width:960px;margin:0 auto;padding:48px 24px 64px;display:flex;flex-direction:column;gap:32px;color:#111827}.app__header{display:flex;flex-direction:column;gap:12px}.app__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;color:#6b7280;margin:0}.app__subtitle{font-size:16px;color:#4b5563;margin:0}.search-form{display:flex;flex-direction:column;gap:12px}.search-form label{font-weight:600;color:#374151}.search-form__row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.search-form input{flex:1 1 320px;border-radius:10px;border:1px solid #d1d5db;padding:12px 14px;font-size:16px}.search-form__control{display:flex;flex-direction:column;gap:6px;min-width:120px}.search-form__control label{font-weight:600;color:#374151;font-size:14px}.search-form__control input{flex:0 0 auto;border-radius:10px;border:1px solid #d1d5db;padding:10px 12px;font-size:14px}.search-form button{border:none;background:#2563eb;color:#fff;font-weight:600;padding:12px 20px;border-radius:10px;cursor:pointer;min-width:140px}.search-form button:disabled{background:#93c5fd;cursor:not-allowed}.results{display:flex;flex-direction:column;gap:16px}.answer-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 12px 28px #0f172a14}.answer-card h2{margin:0 0 8px;font-size:18px;color:#111827}.answer-card p{margin:0;color:#4b5563;font-size:15px;line-height:1.6}.results__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.result-card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;box-shadow:0 10px 24px #0f172a14;display:flex;flex-direction:column;gap:8px}.result-card__header{display:flex;flex-direction:column;gap:4px}.result-card__meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.result-card h3{margin:0;font-size:18px;color:#111827}.result-card a{color:#2563eb;text-decoration:none;font-size:14px;word-break:break-word}.result-card p{margin:0;color:#4b5563;font-size:14px;line-height:1.5}.status{margin:0;font-size:14px;color:#6b7280}.status--error{color:#dc2626}.raw-response{border-radius:12px;background:#0f172a;color:#e2e8f0;padding:12px 16px}.raw-response summary{cursor:pointer;font-weight:600}.raw-response pre{white-space:pre-wrap;word-break:break-word;margin:12px 0 0;font-size:12px;line-height:1.5}@media (max-width: 640px){.app{padding:32px 16px 48px}.search-form__row{flex-direction:column}.search-form button{width:100%}}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:#f8fafc}h1{margin:0;font-size:32px}