.app-error-state{--feedback-accent:#993d37;background:color-mix(in srgb, var(--feedback-accent) 8%, var(--surface,#fff));min-width:0;color:var(--ink,#213b43);border:0;border-radius:10px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 12px;padding:12px;font-size:13px;line-height:1.45;display:grid;container-type:inline-size}.app-error-state:not(:has(.app-error-actions)){grid-template-columns:20px minmax(0,1fr)}.app-error-state[data-tone=warning]{--feedback-accent:#8a5708}[data-theme=night] .app-error-state,[data-theme=dark] .app-error-state{--feedback-accent:#f0a59b}:is([data-theme=night],[data-theme=dark]) .app-error-state[data-tone=warning]{--feedback-accent:#edc371}.app-error-state .app-error-icon{width:20px;height:20px;color:var(--feedback-accent)}.app-error-state .app-error-copy{overflow-wrap:anywhere;min-width:0}.app-error-state .app-error-copy>strong{font-size:13px;font-weight:650;display:block}.app-error-state .app-error-copy>p{color:var(--muted,#526a73);margin:3px 0 0;font-size:13px;line-height:1.45}.app-error-state .app-error-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.app-error-state .app-error-actions>button{border:1px solid var(--line,#dbe5e7);background:var(--surface,#fff);max-width:100%;min-height:44px;color:var(--ink,#213b43);font:inherit;cursor:pointer;border-radius:8px;place-items:center;padding:8px 12px;font-weight:600;display:grid}.app-error-actions>button>span{grid-area:1/1}.app-error-button-size{visibility:hidden}.app-error-state button[aria-disabled=true]{cursor:wait}.app-error-state button:focus-visible{outline:2px solid var(--accent,#166d62);outline-offset:3px}@media (hover:hover){.app-error-state button:not([aria-disabled=true]):not(:disabled):hover{background:var(--soft,#edf3f3)}}@container (max-width:330px){.app-error-state .app-error-actions{grid-column:2/-1}}.app-error-state[data-variant=unavailable]{text-align:center;background:0 0;flex-direction:column;justify-content:center;gap:14px;min-height:280px;padding:36px 20px;display:flex}.app-error-state[data-variant=unavailable] .app-error-icon{box-sizing:content-box;background:color-mix(in srgb, var(--feedback-accent) 10%, var(--surface,#fff));border-radius:50%;padding:12px}.app-error-state[data-variant=unavailable] .app-error-copy>strong{font-size:16px}.app-error-state[data-variant=unavailable] .app-error-copy{max-width:420px}.app-error-state[data-variant=unavailable] .app-error-actions{justify-content:center}.fantasyzer-account-control>.app-error-state{flex-basis:100%}