.system-screen{isolation:isolate;background:var(--app-bg,#1b1918);min-height:100svh;color:var(--app-text,#faf7f2);font-family:var(--font-sans,Inter), ui-sans-serif, system-ui, sans-serif;flex-direction:column;display:flex;position:relative}.system-screen__atmosphere{z-index:-1;pointer-events:none;opacity:.22;background:url(/brand/home-atmosphere.webp) bottom/cover no-repeat;position:absolute;inset:0}.light .system-screen__atmosphere{display:none}.system-screen__header{align-items:center;width:min(100% - 80px,1320px);min-height:80px;margin-inline:auto;display:flex}.system-screen__brand{min-height:44px;color:inherit;letter-spacing:-.05em;align-items:center;gap:9px;font-size:20px;font-weight:600;text-decoration:none;display:inline-flex}.system-screen__body{flex:1;place-items:center;padding:48px 24px 128px;display:grid}.system-screen__content{text-align:center;overflow-wrap:anywhere;width:min(100%,480px)}.system-screen__content h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(26px,4vw,36px);font-weight:550;line-height:1.2}.system-screen__content p{color:var(--app-muted,#bfb3aa);text-wrap:pretty;margin:18px 0 0;font-size:15px;line-height:1.65}.system-screen__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.system-screen__action{background:var(--app-accent,#f2a080);max-width:100%;min-height:44px;color:var(--app-on-accent,#2b160d);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.system-screen__action:hover{background:var(--app-accent-hover,#ffb89a)}.system-screen__action--secondary{border-color:var(--app-border-strong,#7d6c60);background:var(--app-panel,#24211f);color:var(--app-text,#faf7f2)}.system-screen__action--secondary:hover{background:var(--app-panel-raised,#302b28)}.system-screen :is(a,button):focus-visible{outline:2px solid var(--app-ring,#f7b196);outline-offset:4px}.system-screen__loading{flex-direction:column;align-items:center;gap:24px;display:flex}.system-screen__loading h1{font-size:clamp(24px,4vw,30px)}@media (max-width:800px){.system-screen__atmosphere{background-image:url(/brand/home-atmosphere-small.webp)}}@media (max-width:560px){.system-screen__header{width:calc(100% - 36px);min-height:72px}.system-screen__brand{font-size:18px}.system-screen__body{padding:36px 24px 108px}}@media (forced-colors:active){.system-screen__atmosphere{display:none}.system-screen__action{border-color:buttontext}}
