.install-app{margin:24px 30px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text)}
body:has(.sidebar) .install-app{margin-left:256px}
.install-summary{display:flex;gap:16px;align-items:center}
.install-summary img{border-radius:12px;flex-shrink:0}
.install-summary>div{flex:1;min-width:0}
.install-summary strong{font-size:14px}
.install-summary p{margin:3px 0 0;font-size:12px;color:var(--muted)}
.install-summary button{min-height:44px;flex-shrink:0}
.install-help{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:13px;max-width:700px}
.install-help h2{font-size:16px;margin:0 0 12px}
.install-help ol{padding-left:22px;margin:0}
.install-help li{margin:9px 0;padding-left:4px}
.install-note{color:var(--muted);font-size:12px;margin-top:18px}
@media(max-width:1000px) and (min-width:721px){body:has(.sidebar) .install-app{margin-left:226px}}
@media(max-width:720px){.install-app,body:has(.sidebar) .install-app{margin:20px 18px;padding:18px}.install-summary{flex-wrap:wrap;gap:12px}.install-summary>div{flex-basis:calc(100% - 60px)}.install-summary button{width:100%}.field input,.field select,.field textarea{font-size:16px}.topbar{min-height:67px;height:auto;padding-top:12px;padding-bottom:12px}.menu{min-width:44px;min-height:44px}.sidebar{overflow-y:auto;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.site-legal-footer{padding-bottom:max(25px,env(safe-area-inset-bottom))}.shell{min-height:100dvh}.toast{bottom:calc(24px + env(safe-area-inset-bottom))}}
@media print{.install-app{display:none}}
