.sys-header{height:64px;padding-inline:var(--landing-inset);border-bottom:1px solid var(--line-alternative);background:var(--background-elevated);align-items:center;display:flex}.sys-state{align-items:center;gap:var(--spacing-12);max-width:480px;padding:120px var(--spacing-20) 120px;text-align:center;word-break:keep-all;flex-direction:column;margin:0 auto;display:flex}.sys-state__code{color:var(--primary-light);letter-spacing:-.02em;margin:0;font-size:80px;font-weight:800;line-height:1}.sys-state__icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--status-cautionary) 18%, var(--background-elevated));width:56px;height:56px;color:var(--status-cautionary);justify-content:center;align-items:center;font-size:28px;font-weight:800;display:flex}.sys-state__title{margin:var(--spacing-8) 0 0;color:var(--label-strong)}.sys-state__body{color:var(--label-neutral);margin:0}.sys-state__actions{justify-content:center;gap:var(--spacing-8);margin-top:var(--spacing-16);flex-wrap:wrap;display:flex}.sys-state__foot{margin:var(--spacing-8) 0 0;color:var(--label-alternative)}.sys-banner:not([data-open]){display:none}.sys-banner{z-index:50;align-items:center;gap:var(--spacing-8);margin:var(--spacing-12) var(--landing-inset);padding:var(--spacing-12) var(--spacing-16);border-radius:var(--radius-12);background:color-mix(in srgb, var(--status-destructive) 10%, var(--background-elevated));color:var(--status-destructive-text);display:flex;position:sticky;top:0}.sys-banner__dot{border-radius:var(--radius-full);background:var(--status-destructive);flex:none;width:6px;height:6px}.sys-banner__text{flex:1;min-width:0}.sys-banner__retry{padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-8);color:var(--status-destructive-text);cursor:pointer;background:0 0;border:0;flex:none}.sys-banner__retry:focus-visible{outline:2px solid var(--status-destructive);outline-offset:2px}@media (max-width:600px){.sys-state{padding-block:72px}.sys-state__code{font-size:64px}}