.system-state-root{--state-bg:#f5f5f1;--state-surface:#fff;--state-surface-alt:#f7f7f2;--state-ink:#101410;--state-ink-soft:#1b201a;--state-muted:#60685d;--state-subtle:#8f958b;--state-border:#dad9d1;--state-border-soft:#e9e8e0;--state-accent:#e7ff55;--state-accent-hover:#d8ef47;--state-danger:#f5384e;--state-danger-soft:#ffe9ec;--state-font:var(--font-body), "Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;min-height:100dvh;color:var(--state-ink);background:var(--state-bg);font-family:var(--state-font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;grid-template-rows:auto 1fr auto;padding:clamp(20px,3vw,42px);display:grid;position:relative;overflow-x:hidden}.system-state-root *,.system-state-root :before,.system-state-root :after{box-sizing:border-box}.system-state-grid{opacity:.48;pointer-events:none;background-image:linear-gradient(90deg,#1014100b 1px,#0000 1px),linear-gradient(#1014100b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.system-state-brand,.system-state-frame,.system-state-footer{z-index:1;position:relative}.system-state-brand{align-items:center;gap:11px;width:min(100%,1040px);margin:0 auto;display:flex}.system-state-brand__mark{width:34px;height:34px;color:var(--state-ink);background:var(--state-accent);border-radius:4px;place-items:center;font-size:14px;font-weight:800;line-height:1;display:grid}.system-state-brand__name{letter-spacing:-.02em;font-size:15.5px;font-weight:800}.system-state-brand__context{color:var(--state-muted);letter-spacing:.04em;align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.system-state-brand__context:before{background:var(--state-border);content:"";width:1px;height:16px}.system-state-frame{border:1px solid var(--state-border-soft);background:var(--state-surface);border-radius:12px;grid-template-columns:minmax(240px,.78fr) minmax(0,1.45fr);align-self:center;width:min(100%,1040px);min-height:min(620px,100dvh - 180px);margin:clamp(34px,6vh,74px) auto;display:grid;overflow:hidden;box-shadow:0 18px 56px #10141014}.system-state-rail{color:#fff;background:var(--state-ink);flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(28px,4vw,48px);display:flex;position:relative;overflow:hidden}.system-state-rail:before{content:"";border:46px solid #e7ff5517;border-radius:50%;width:260px;height:260px;position:absolute;top:-84px;right:-92px}.system-state-rail:after{content:"";background:#e7ff5573;width:150px;height:1px;position:absolute;bottom:80px;right:-48px;transform:rotate(-38deg)}.system-state-rail__eyebrow,.system-state-content__eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:10.5px;font-weight:800;line-height:1.2}.system-state-rail__eyebrow{z-index:1;color:#ffffff85;position:relative}.system-state-rail__code{z-index:1;color:var(--state-accent);font-variant-numeric:tabular-nums;letter-spacing:-.075em;margin-top:22px;font-size:clamp(76px,11vw,150px);font-weight:800;line-height:.86;position:relative}.system-state-rail__symbol{z-index:1;width:92px;height:92px;color:var(--state-accent);background:#e7ff5514;border:1px solid #e7ff5559;border-radius:50%;place-items:center;margin-top:30px;font-size:42px;display:grid;position:relative}.system-state-root--danger .system-state-rail__symbol{color:#ff697a;background:#f5384e1a;border-color:#f5384e6b}.system-state-rail__symbol svg,.system-state-content__icon svg{width:1em;height:1em}.system-state-rail__status{z-index:1;color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex;position:relative}.system-state-rail__status span{background:var(--state-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e7ff551a}.system-state-root--danger .system-state-rail__status span{background:var(--state-danger);box-shadow:0 0 0 4px #f5384e21}.system-state-root--progress .system-state-rail__status span{animation:1.4s ease-in-out infinite systemStatePulse}.system-state-content{flex-direction:column;align-self:center;width:min(100%,650px);padding:clamp(38px,6vw,76px);display:flex}.system-state-content__icon{border:1px solid var(--state-border-soft);width:52px;height:52px;color:var(--state-ink);background:var(--state-surface-alt);border-radius:10px;place-items:center;margin-bottom:28px;font-size:25px;display:grid}.system-state-root--success .system-state-content__icon,.system-state-root--progress .system-state-content__icon{background:var(--state-accent);border-color:#dfe8a8}.system-state-root--danger .system-state-content__icon{color:var(--state-danger);background:var(--state-danger-soft);border-color:#ffc9cf}.system-state-root--progress .system-state-content__icon svg{animation:.9s linear infinite systemStateSpin}.system-state-content__eyebrow{color:var(--state-muted)}.system-state-content h1{max-width:13ch;color:var(--state-ink);letter-spacing:-.045em;text-wrap:balance;margin:12px 0 0;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:.98}.system-state-content__description{max-width:58ch;color:var(--state-muted);text-wrap:pretty;margin-top:22px;font-size:15px;line-height:1.65}.system-state-content__description p{margin:0}.system-state-content__description p+p{margin-top:8px}.system-state-detail{border-left:3px solid var(--state-accent);max-width:58ch;color:var(--state-muted);background:var(--state-surface-alt);margin-top:22px;padding:14px 16px;font-size:12.5px;line-height:1.55}.system-state-root--danger .system-state-detail{border-left-color:var(--state-danger);color:#a52031;background:var(--state-danger-soft)}.system-state-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.system-state-button{min-height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:13.5px;font-weight:700;line-height:1;text-decoration:none;transition:transform .12s cubic-bezier(.2,.8,.2,1),color .16s,border-color .16s,background .16s;display:inline-flex}.system-state-button:focus-visible,.system-state-icon-button:focus-visible,.system-state-input:focus-visible{outline-offset:2px;outline:3px solid #6f7f1240}.system-state-button:active{transform:scale(.975)}.system-state-button:disabled{opacity:.55;cursor:not-allowed}.system-state-button:disabled:active{transform:none}.system-state-button svg{flex:none;width:17px;height:17px}.system-state-button:disabled svg{animation:.9s linear infinite systemStateSpin}.system-state-button--primary{color:var(--state-ink);background:var(--state-accent)}.system-state-button--primary:hover{background:var(--state-accent-hover)}.system-state-button--secondary{border-color:var(--state-border);color:var(--state-ink);background:var(--state-surface)}.system-state-button--secondary:hover{border-color:var(--state-ink);background:var(--state-surface-alt)}.system-state-button--dark{border-color:var(--state-ink);color:#fff;background:var(--state-ink)}.system-state-button--dark:hover{background:#2a3028}.system-state-button--block{width:100%}.system-state-footer{width:min(100%,1040px);color:var(--state-subtle);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;font-size:10.5px;font-weight:700;display:flex}.system-state-form{gap:17px;margin-top:28px;display:grid}.system-state-content--form h1{max-width:16ch;font-size:clamp(32px,4vw,48px)}.system-state-field{gap:8px;display:grid}.system-state-field label{color:var(--state-ink);font-size:12px;font-weight:700}.system-state-input-wrap{position:relative}.system-state-input,.system-state-form .input{border:1px solid var(--state-border);width:100%;height:46px;color:var(--state-ink);background:var(--state-surface);font:inherit;border-radius:8px;outline:none;padding:0 46px 0 14px;font-size:14px;transition:border-color .16s,box-shadow .16s}.system-state-input::placeholder,.system-state-form .input::placeholder{color:var(--state-subtle)}.system-state-input:focus,.system-state-form .input:focus{border-color:#6f7f12;box-shadow:0 0 0 3px #6f7f1221}.system-state-form .input-invalid{border-color:var(--state-danger)}.system-state-icon-button{width:34px;height:34px;color:var(--state-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.system-state-icon-button:hover{color:var(--state-ink);background:var(--state-surface-alt)}.system-state-field-error{color:var(--state-danger);margin:0;font-size:11.5px;line-height:1.4}.system-state-form-error{border-left:3px solid var(--state-danger);color:#a52031;background:var(--state-danger-soft);margin:0;padding:11px 12px;font-size:12px;line-height:1.5}.system-state-code-block{border:1px solid var(--state-border-soft);background:var(--state-surface-alt);border-radius:8px;gap:8px;margin-top:28px;padding:18px;display:grid}.system-state-code-block span{color:var(--state-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.system-state-code-block code{color:var(--state-ink);letter-spacing:.12em;font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:clamp(24px,5vw,36px);font-weight:700}.system-state-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.system-state-deep-link{border-top:1px solid var(--state-border-soft);margin-top:26px;padding-top:24px}.system-state-deep-link>p{color:var(--state-muted);margin:0 0 12px;font-size:11.5px;line-height:1.5}.system-state-deep-link__hint{text-align:center;color:var(--state-subtle)!important;margin-top:9px!important}.system-state-deep-link__warning{border-left:3px solid var(--state-accent);color:var(--state-muted);background:var(--state-surface-alt);margin-top:14px;padding:11px 12px;font-size:11.5px;line-height:1.5}@keyframes systemStateSpin{to{transform:rotate(360deg)}}@keyframes systemStatePulse{50%{opacity:.45;transform:scale(.76)}}@media (max-width:760px){.system-state-root{padding:18px}.system-state-brand__context{display:none}.system-state-frame{grid-template-columns:1fr;min-height:auto;margin:30px auto}.system-state-rail{flex-direction:row;align-items:flex-end;min-height:148px;padding:24px}.system-state-rail__code{margin-top:14px;font-size:68px}.system-state-rail__symbol{width:58px;height:58px;margin-top:16px;font-size:28px}.system-state-content{padding:34px 24px 38px}.system-state-content__icon{display:none}.system-state-content h1{font-size:clamp(32px,10vw,44px)}.system-state-actions,.system-state-store-grid{grid-template-columns:1fr}.system-state-actions{display:grid}.system-state-button{width:100%}.system-state-footer{justify-content:center}.system-state-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.system-state-root *,.system-state-root :before,.system-state-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}