.system-state-document{margin:0;background:#f6f8fd;color:#17263e;font:15px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100svh;color-scheme:light dark}
.system-state-document>main{padding:32px 24px}
.system-state-page{--state-blue:#315cf5;--state-soft:#eaf0ff;--state-line:#dfe6f3;--state-surface:#fff;--state-ink:#17263e;--state-muted:#64748b;max-width:1180px;margin:0 auto;color:var(--state-ink);font:15px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
.system-state-page *{box-sizing:border-box}.system-state-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:46px;align-items:center;min-height:550px;padding:28px 16px 42px}
.system-state-eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--state-blue);margin:0 0 20px}.system-state-badge{display:inline-flex;padding:5px 12px;border:1px solid var(--state-line);border-radius:99px;background:var(--state-surface);font-size:12px}
.system-state-code{font-size:clamp(78px,12vw,166px);font-weight:750;line-height:1.12;letter-spacing:-6px;color:var(--state-soft);-webkit-text-stroke:1px var(--state-blue);margin:10px 0;overflow-wrap:anywhere}.system-state-page[data-system-state="0"] .system-state-code{font-size:clamp(50px,6vw,90px);letter-spacing:-3px}
.system-state-page h1{font-size:clamp(25px,3vw,38px);line-height:1.3;margin:16px 0;font-weight:750;letter-spacing:-1px}.system-state-intro,.system-state-message{color:var(--state-muted);margin:12px 0;overflow-wrap:anywhere}.system-state-message{font-size:13px}
.system-state-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:26px 0 22px}.system-state-actions a,.system-state-actions button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:9px 16px;border:1px solid var(--state-line);border-radius:12px;background:var(--state-surface);color:var(--state-ink);font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer}.system-state-actions>:first-child{background:var(--state-blue);border-color:var(--state-blue);color:white}.system-state-actions>:disabled{opacity:.65;cursor:wait}.system-state-actions>:focus-visible{outline:3px solid var(--state-blue);outline-offset:3px}
.system-state-facts{display:grid;gap:8px;margin:18px 0;font-size:12px}.system-state-facts>div{display:flex;gap:14px}.system-state-facts dt{flex-shrink:0;color:var(--state-muted)}.system-state-facts dd{margin:0;overflow-wrap:anywhere}.system-state-recovery{font-size:13px;color:var(--state-muted)}
.system-state-orbit{aspect-ratio:1;max-height:380px;display:grid;place-items:center;position:relative;color:var(--state-blue);background:radial-gradient(circle,var(--state-soft),transparent 67%)}.system-state-orbit::before,.system-state-orbit::after{content:"";position:absolute;width:70%;height:70%;border:1px dashed var(--state-blue);border-radius:50%;opacity:.25;animation:system-state-breathe 5s ease-in-out infinite}.system-state-orbit::after{width:95%;height:95%;border-style:solid;animation-delay:-2s;opacity:.12}.system-state-orbit svg{width:90px;height:90px;filter:drop-shadow(0 10px 18px #315cf51a)}
.system-state-safety{border:1px solid var(--state-line);border-radius:20px;padding:24px 28px;background:var(--state-surface);box-shadow:0 8px 32px #182b4d04;margin-bottom:28px}.system-state-safety h2{font-size:16px;margin:0 0 20px}.system-state-safety ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.system-state-safety li{display:flex;gap:12px}.system-state-safety li>span{font-size:12px;color:var(--state-blue);font-weight:700;padding-top:2px}.system-state-safety h3{font-size:14px;margin:0 0 6px}.system-state-safety p{font-size:12px;margin:0;color:var(--state-muted)}
@keyframes system-state-breathe{50%{transform:scale(.95);opacity:.12}}
[data-theme="dark"] .system-state-page,.dark .system-state-page{--state-blue:#88a6ff;--state-soft:#18284b;--state-line:#29394f;--state-surface:#142033;--state-ink:#ecf2ff;--state-muted:#a8b6ca}
@media(prefers-color-scheme:dark){.system-state-document{background:#0e1726;color:#ecf2ff}.system-state-document .system-state-page{--state-blue:#88a6ff;--state-soft:#18284b;--state-line:#29394f;--state-surface:#142033;--state-ink:#ecf2ff;--state-muted:#a8b6ca}}
@media(max-width:760px){.system-state-document>main{padding:24px 18px}.system-state-shell{grid-template-columns:1fr;gap:8px;min-height:0;padding:12px 0 24px}.system-state-code{font-size:95px;letter-spacing:-4px}.system-state-orbit{max-height:180px;aspect-ratio:2}.system-state-orbit svg{width:65px;height:65px}.system-state-orbit::before{width:140px;height:140px}.system-state-orbit::after{width:180px;height:180px}.system-state-safety{padding:20px}.system-state-safety ol{grid-template-columns:1fr;gap:18px}.system-state-actions{gap:8px}.system-state-actions a,.system-state-actions button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.system-state-orbit::before,.system-state-orbit::after{animation:none}}
#app>.loading{font:14px/1.65 Inter,"Segoe UI Variable","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;text-rendering:optimizeLegibility}
/* Reserve the root scrollbar before async content arrives. Otherwise a
   centred modal moves 7.5px when a long page first acquires its scrollbar. */
html{scrollbar-gutter:stable}