html[data-remote=true]:not([data-remote-ready=true]) #app{visibility:hidden}.remote-gate{position:fixed;inset:0;z-index:100;background:var(--surface,#fff);display:flex;align-items:center;justify-content:center;padding:28px 24px;color:var(--text,#202b3d)}.remote-gate[hidden]{display:none}.remote-gate-box{max-width:440px;width:100%;line-height:1.8}.remote-brand{font-weight:600;font-size:16px;color:var(--muted,#7a89a3);margin:0 0 32px}.remote-gate h1{font-size:25px;line-height:1.5;margin:0 0 18px}.remote-state{font-size:15px;margin:0 0 10px}.remote-detail{font-size:13px;color:var(--muted,#7a89a3);margin:0 0 22px}.remote-code{font:600 28px/1.5 ui-monospace,monospace;letter-spacing:5px;color:var(--blue,#0965ff);padding:12px 0}.remote-primary,.remote-secondary{display:block;width:100%;min-height:46px;border-radius:9px;margin:10px 0;padding:10px 14px;font:inherit;cursor:pointer}.remote-primary{background:var(--blue,#0965ff);color:white}.remote-secondary{background:var(--soft,#f4f6fa);color:inherit}.remote-foot{font-size:11px;color:var(--muted,#7a89a3);margin:32px 0 0}.remote-gate button[hidden]{display:none}@media(prefers-color-scheme:dark){.remote-gate{color:#e1e8f4;background:#171d27}}