.async-view-state{--avs-edge:var(--cb-gray);border:1px solid var(--cb-line);background:linear-gradient(180deg,#ffffff0e,#fff0 40%),repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(160deg,var(--cb-panel-hi),var(--cb-panel) 70%);color:var(--cb-text);border-radius:14px;flex-direction:column;gap:8px;max-width:760px;padding:18px 20px 18px 22px;line-height:1.5;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000040,inset 0 1px #ffffff0d}.async-view-state:before{content:"";background:var(--avs-edge);width:2px;box-shadow:0 0 10px var(--avs-edge);border-radius:2px;position:absolute;top:12px;bottom:12px;left:0}.async-view-state--loading{--avs-edge:var(--cb-gray)}.async-view-state--stale{--avs-edge:var(--cb-amber)}.async-view-state--error{--avs-edge:var(--cb-red);border-color:#ff2a0c59}.async-view-state--empty{--avs-edge:var(--cb-line-strong)}.async-view-state--compact{gap:4px;max-width:none;padding:12px 16px 12px 18px}.async-view-state__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.async-view-state__badge{border:1px solid var(--cb-line);background:var(--cb-panel-low);letter-spacing:.14em;color:var(--cb-gray);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.async-view-state--stale .async-view-state__badge{color:var(--cb-amber);border-color:var(--cb-amber)}.async-view-state--error .async-view-state__badge{color:var(--cb-red);border-color:var(--cb-red);box-shadow:0 0 10px -3px #ff2a0ce6}.async-view-state__title{letter-spacing:.06em;text-transform:uppercase;font-family:Anton,Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400}.async-view-state__message{color:var(--cb-text);margin:0;font-size:14px}.async-view-state__meta{color:var(--cb-muted);margin:0;font-size:12px}.async-view-state__retry{min-height:40px;color:var(--cb-text);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffffff12,#fff0);border:1px solid #ff2a0ca6;border-radius:10px;align-self:flex-start;margin-top:4px;padding:8px 18px;font-size:12px;font-weight:800;box-shadow:0 0 12px -5px #ff2a0ce6}.async-view-state__retry:hover:not(:disabled){border-color:var(--cb-red);background:var(--cb-red-deep);box-shadow:0 0 16px -4px #ff2a0cf2}.async-view-state__retry:focus-visible{outline:2px solid var(--cb-red);outline-offset:2px}.async-view-state__retry:disabled{opacity:.55;cursor:default}.async-view-state__spinner{border:2px solid var(--cb-line);border-top-color:var(--cb-amber);border-radius:50%;width:9px;height:9px}@media (prefers-reduced-motion:no-preference){.async-view-state{animation:.32s cubic-bezier(.2,.8,.2,1) both avs-in}.async-view-state__spinner{animation:.9s linear infinite avs-spin}.async-view-state--loading:after{content:"";background:linear-gradient(90deg,transparent,var(--cb-red),transparent);opacity:.8;height:1px;animation:1.6s cubic-bezier(.4,0,.2,1) infinite avs-scan;position:absolute;bottom:0;left:0;right:0}.async-view-state__retry{transition:background .18s,border-color .18s,box-shadow .22s cubic-bezier(.2,.8,.2,1),transform .16s}.async-view-state__retry:active:not(:disabled){transform:scale(.97)}@keyframes avs-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes avs-spin{to{transform:rotate(360deg)}}@keyframes avs-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}}