*{box-sizing:border-box}body{background:#f5f7fb;margin:0;font-family:system-ui,-apple-system,sans-serif}.app{max-width:800px;margin:0 auto;padding:2rem 1rem}h1{text-align:center;color:#1e293b;margin-bottom:2rem}.items-list{flex-direction:column;gap:1rem;display:flex}.item-card{background:#fff;border-radius:12px;padding:1.25rem;transition:transform .1s;box-shadow:0 1px 3px #0000001a}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-card h3{color:#0f172a;margin:0 0 .5rem}.item-card p{color:#334155;margin:0;line-height:1.5}.sentinel{background:0 0;height:10px}.loading-spinner{text-align:center;background:#fff;border-radius:12px;margin-top:.5rem;padding:1.5rem}.spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.end-message,.empty-state{text-align:center;color:#475569;background:#f1f5f9;border-radius:12px;padding:1.5rem}.error-message{text-align:center;background:#fee2e2;border:1px solid #f87171;border-radius:12px;margin-top:1rem;padding:1rem}.error-message button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:.4rem 1rem;font-weight:700}.error-message button:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}