html.install-required body > :not(#installGate):not(script):not(noscript) { display:none!important; }
html.install-required body { margin:0; padding:0; overflow:auto; background:var(--canvas); }
html.account-locked.install-required body > #installGate { display:block!important; }
#installGate { min-height:100svh; padding:max(20px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom)); color:var(--ink); background:var(--canvas); }
.install-shell { max-width:510px; margin:auto; }
#installGate .welcome-header { padding-bottom:24px; }
.install-intro { text-align:center; }
.install-intro img { display:block; margin:0 auto 22px; border-radius:24px; box-shadow:0 10px 32px #0002; }
#installTitle { font:400 clamp(2rem,8vw,2.8rem)/1.08 Georgia,serif; letter-spacing:-.035em; margin:0 auto 16px; max-width:13ch; text-wrap:balance; }
.install-intro p { margin:0 auto 28px; font-size:1rem; line-height:1.55; max-width:34ch; color:var(--muted); }
.install-steps { list-style:none; padding:0; margin:0 0 22px; counter-reset:install; }
.install-steps li { display:flex; gap:16px; padding:18px 0; border-top:1px solid var(--line); counter-increment:install; align-items:flex-start; }
.install-steps li::before { content:counter(install); flex:none; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--blue-soft); color:var(--purple); font-size:.875rem; font-weight:700; }
.install-steps h2 { font:650 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin:0 0 4px; letter-spacing:0; }
.install-steps p,.install-recovery p { margin:0; color:var(--muted); font-size:.875rem; line-height:1.6; }
#installGate button { cursor:pointer; min-height:44px; }
#installGate .install-primary { display:block; width:100%; border:0; border-radius:16px; background:var(--purple); color:var(--on-accent); padding:16px; font:650 1rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin-bottom:12px; }
#installGate .install-primary[hidden] { display:none; }
.install-copy { display:block; width:100%; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); padding:14px; font:600 .9375rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#installStatus { min-height:2.8em; margin:14px 0 24px; text-align:center; color:var(--muted); font-size:.8125rem; line-height:1.5; }
.install-recovery { border-top:1px solid var(--line); padding-top:18px; }
.install-recovery summary { cursor:pointer; color:var(--ink); font-size:.875rem; min-height:44px; }
.install-recovery button { background:transparent; border:0; color:var(--purple); text-decoration:underline; padding:12px 0; font:600 .875rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-align:left; }
.install-help { display:inline-flex; align-items:center; min-height:44px; color:var(--muted); font-size:.8125rem; }
#installGate :focus-visible { outline:2px solid var(--purple); outline-offset:4px; }
@media(max-width:360px){ #installGate { padding-inline:18px; } #installGate .welcome-tools { gap:4px; } }