.system-page{background:var(--color-background);min-height:100vh;color:var(--color-text);justify-content:center;align-items:center;padding:1.5rem;display:flex}.system-page__panel{text-align:center;flex-direction:column;gap:1.5rem;width:100%;max-width:28rem;display:flex}.system-page__intro{flex-direction:column;gap:.5rem;display:flex}.system-page__code{color:color-mix(in srgb,var(--color-accent) 85%,#93c5fd);margin:0;font-size:3.75rem;font-weight:700;line-height:1}.system-page__title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}.system-page__title--error{color:#f87171}.system-page__message{color:color-mix(in srgb,var(--color-text) 55%,transparent);margin:0}.system-page__box{border-radius:.5rem;padding:1rem}.system-page__box--error{background:#ef44441a;border:1px solid #ef444433}.system-page__box--muted{background:#ffffff0d}.system-page__error-text{color:#fca5a5;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.system-page__error-id{color:#f87171;margin:.5rem 0 0;font-size:.75rem}.system-page__hint{color:color-mix(in srgb,var(--color-text) 75%,transparent);margin:0;font-size:.875rem}.system-page__actions{flex-direction:column;justify-content:center;gap:.75rem;display:flex}@media (min-width:640px){.system-page__actions{flex-direction:row}}.system-page__btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;height:2.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.system-page__btn--primary{color:#fff;background:var(--color-accent)}.system-page__btn--primary:hover{background:color-mix(in srgb,var(--color-accent) 85%,#000)}.system-page__btn--outline{color:color-mix(in srgb,var(--color-text) 75%,transparent);border-color:color-mix(in srgb,var(--color-text) 35%,transparent);background:0 0}.system-page__btn--outline:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}
