:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#21302b;background:#faf8f3;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:600px;margin:auto;padding:18px 16px 28px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#a85a42}h1{font-size:27px;line-height:1.1;letter-spacing:-1px;margin:10px 0}p{margin:0}.intro p{color:#778079;font-size:12px;line-height:1.6}.search{display:flex;align-items:center;gap:8px;background:#eeece6;border-radius:12px;padding:8px 12px;margin:18px 0}.search span{font-size:24px;line-height:1;color:#778079}.search input{width:100%;border:0;outline:none;background:transparent;font:inherit;font-size:12px;color:inherit;min-height:24px}.search:focus-within{outline:2px solid #b9c7b6}.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}h2{font-size:17px;margin:0;letter-spacing:-.3px}#count{font-size:11px;color:#778079}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:#fff;border:1px solid #eeece5;border-radius:17px;padding:12px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 3px 12px #26392b04}.icon-slot{width:64px;height:64px;flex-shrink:0;border-radius:15px;background:#eeece6;align-self:center;position:relative;display:grid;place-items:center}.icon{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;opacity:0}.icon-slot[data-state=ready] .icon{opacity:1}.icon-spinner{width:19px;height:19px;border:2px solid #deded3;border-top-color:#6d8b65;border-radius:50%;animation:spin 1s linear infinite}.icon-retry{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;color:#628366;font-size:25px;cursor:pointer}.card h3{font-size:12px;font-weight:750;line-height:1.45;margin:10px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px;overflow-wrap:anywhere}.card .description{font-size:10px;line-height:1.5;color:#889089;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;margin-bottom:10px}.open{width:100%;min-height:34px;border:0;border-radius:9px;background:#e9f0e5;color:#315b3e;font:inherit;font-size:11px;font-weight:750;margin-top:auto;cursor:pointer}.open:active{background:#d9e5d3}.open:disabled{opacity:.65;cursor:default}.status{text-align:center;color:#778079;font-size:13px;line-height:1.6;padding:30px 12px}.status p{max-width:250px;margin:auto}.loader{display:block;width:22px;height:22px;margin:0 auto 12px;border:2px solid #deded3;border-top-color:#6d8b65;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retry{display:block;margin:0 auto 20px;padding:10px 18px;border:1px solid #cbd8c6;border-radius:10px;background:#edf2e9;color:#315b3e;font:inherit;font-size:12px}.preview{font-size:10px;color:#8b918b;text-align:center;line-height:1.6;margin-top:20px}button:focus-visible,input:focus-visible{outline:2px solid #6d8b65;outline-offset:3px}[hidden]{display:none!important}@media(max-width:260px){main{padding:12px 10px}.grid{gap:8px}.card{padding:9px;border-radius:12px}.icon-slot{width:52px;height:52px}h1{font-size:23px}.card h3{font-size:11px}}@media(prefers-reduced-motion:reduce){.loader,.icon-spinner{animation:none}}