:root{--font-main:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif:"Newsreader", serif;--font-hand:"Caveat Portfolio", cursive;--color-accent:#0071e3;--color-text:#111;--color-heading:#171717;--color-text-secondary:#666;--color-body:#686868;--color-muted:#747474;--color-subtle:#929292;--color-success:#34c759;--color-highlight:#ffd54f;--layer-navigation:20000;--layer-decoration:15000;--layer-notice:19000;--layer-pointer:30000;--space-section:6rem;--radius-pill:999px;--motion-ease:cubic-bezier(.22, 1, .36, 1);--ui-bg-primary:#fff;--ui-bg-secondary:#f5f5f7;--ui-bg-tertiary:#fafafa;--ui-text-primary:#1d1d1f;--ui-text-secondary:#86868b;--ui-text-tertiary:#6e6e73;--ui-border:#d2d2d7;--ui-border-light:#e8e8ed;--ui-accent:#000;--ui-accent-hover:#333;--ui-card-bg:#fff;--ui-card-border:#e8e8ed;--ui-shadow:#0000001a;--ui-shadow-hover:#00000026;--figma-blue:#18a0fb;--figma-selection-bg:#18a0fb33}html{background-color:var(--fw-page-shade);scrollbar-width:thin;scrollbar-color:#80808073 transparent}
.system-state-page{background:var(--ui-bg-primary,#fff);min-height:100svh;color:var(--ui-text-primary,#1d1d1f);font-family:var(--font-main,"Helvetica Neue", Helvetica, Arial, sans-serif);place-items:center;padding:32px;display:grid}.system-state-card{text-align:center;border:1px solid var(--ui-border-light,#e8e8ed);background:var(--ui-card-bg,#fff);width:min(620px,100%);box-shadow:0 24px 80px var(--ui-shadow,#0000001a);border-radius:32px;padding:clamp(36px,7vw,72px)}.system-state-code{font-family:var(--font-serif,serif);letter-spacing:-.05em;color:var(--ui-text-tertiary,#6e6e73);margin-bottom:12px;font-size:clamp(3rem,10vw,6rem);font-style:italic;font-weight:400;line-height:.9;display:block}.system-state-title{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,5vw,3rem);line-height:1.05}.system-state-copy{max-width:42ch;color:var(--ui-text-secondary,#86868b);margin:18px auto 0;line-height:1.6}.system-state-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.system-state-action{appearance:none;border:1px solid var(--ui-border,#d2d2d7);background:var(--ui-text-primary,#1d1d1f);color:#fff;font:inherit;cursor:pointer;border-radius:999px;padding:11px 18px;font-size:.92rem;font-weight:600;text-decoration:none}.system-state-action-secondary{color:var(--ui-text-primary,#1d1d1f);background:0 0}.system-state-action:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent,#0071e3) 35%, transparent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.system-state-card{animation:.45s cubic-bezier(.22,1,.36,1) both system-state-in}}@keyframes system-state-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}