.install-entry{white-space:nowrap}
.pwa-network-note{margin:0;padding:10px 20px;background:#fff2d7;color:#6f5019;text-align:center;font-size:12px}
.app-standalone body{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.app-nav{display:none}
.install-page{max-width:1020px;margin:auto;padding:50px 32px 70px}
.install-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:44px}
.install-hero{display:grid;grid-template-columns:1fr 150px;gap:30px;align-items:center;margin-bottom:30px}
.install-hero h1{font-size:42px;line-height:1.2;letter-spacing:-1.6px;margin:14px 0}
.install-hero p{font-size:16px;color:var(--muted);max-width:610px}
.install-icon{width:140px;height:140px;border-radius:30px;box-shadow:0 16px 45px #174e3b21}
.install-card{padding:30px;margin:20px 0}
.install-card h2{font-size:24px;margin:0 0 18px}
.install-status{color:var(--muted);line-height:1.7;margin:14px 0}
.install-tabs{height:auto;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.install-tabs button{border:1px solid var(--border);background:var(--bg);padding:12px 18px;border-radius:10px;min-height:46px}
.install-tabs button[aria-selected=true]{background:var(--deep);color:white;border-color:var(--deep)}
.install-steps{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;gap:20px}
.install-steps li{counter-increment:step;display:grid;grid-template-columns:36px 1fr;align-items:start;column-gap:14px}
.install-steps li:before{content:counter(step);display:grid;place-items:center;width:36px;height:36px;background:#edf3e7;border-radius:50%;color:var(--green);font-weight:700}
.install-steps p{margin:0;line-height:1.8}
.install-steps strong{font-weight:700}
.install-footnote{color:var(--muted);font-size:12px;line-height:1.8;margin-top:25px}
.install-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.install-features article{padding:22px}
.install-features h3{font-size:15px;margin:0 0 10px}
.install-features p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}
@media(max-width:800px){
 .app-standalone body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .app-standalone .app-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:fixed;bottom:0;left:0;right:0;height:auto;padding:8px max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:#fffffff5;border-top:1px solid var(--border);z-index:1000;backdrop-filter:blur(12px)}
 .app-standalone .app-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:46px;font-size:10px;color:var(--deep)}
 .app-nav svg{width:20px;height:20px}
 .app-standalone .app-nav a.nav-active{background:#edf3e7;border-radius:10px}
 .app-standalone .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px){
 .install-page{padding:26px 18px 45px}
 .install-top{margin-bottom:30px}
 .install-hero{grid-template-columns:1fr 76px;gap:14px}
 .install-hero h1{font-size:30px;letter-spacing:-1px}
 .install-hero p{font-size:14px;grid-column:1/-1}
 .install-icon{width:76px;height:76px;border-radius:18px}
 .install-card{padding:22px 18px}
 .install-card h2{font-size:21px}
 .install-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .install-tabs button{padding:12px 5px;font-size:12px}
 .install-features{grid-template-columns:1fr;gap:10px}
 .install-steps{font-size:14px}
}