body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.brand-icon{width:48px;height:48px;object-fit:contain;border-radius:12px;flex-shrink:0}.intro{gap:24px}.intro>div{min-width:0}.intro-art{width:184px;height:184px;object-fit:contain;border-radius:22px;box-shadow:0 8px 24px #064e6820;flex-shrink:0}
@media(max-width:700px){.intro{gap:16px}.intro-art{width:104px;height:104px;border-radius:16px}.brand-icon{width:42px;height:42px}.intro h1{font-size:23px}.intro p{font-size:12px;line-height:1.6}}
.brand{letter-spacing:-.7px;font-size:21px;line-height:1.2}.brand-name small{display:block;font:500 11px 'DM Sans',sans-serif;letter-spacing:1px;margin-top:3px;color:#718171}
.install-app{border:1px solid #286447;border-radius:9px;background:#edf3e8;padding:10px 13px;font-size:12px;font-weight:700;min-height:44px}
#install-dialog{max-width:440px;width:calc(100% - 32px);border:1px solid #e2e7df;border-radius:20px;padding:26px;color:#203d32;background:#f8f9f5;box-shadow:0 20px 80px #16372840}
#install-dialog::backdrop{background:#173e3070}#install-dialog h2{font-size:22px;padding-right:30px}#install-dialog p,#install-dialog li{font-size:14px;line-height:1.7}#install-dialog ol{padding-left:22px}#install-dialog a{color:#286447}#install-close{position:absolute;right:10px;top:10px;background:transparent;border:0;min-width:44px;min-height:44px;font-size:23px}#install-dialog .app-icon{width:64px;height:64px;border-radius:15px;margin-bottom:18px}
.connection-banner{background:#fff4cf;color:#5d4914;padding:12px 5%;font-size:13px;line-height:1.5}.connection-banner[hidden]{display:none}.mobile-dock{display:none}
@media(max-width:700px){header{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}header nav>a,header nav .avatar{display:none}header nav{gap:0}.brand{font-size:18px}.brand b{flex-shrink:0}.install-app{font-size:11px;padding:8px}input:not([type=checkbox]):not([type=range]),select{font-size:16px;min-height:46px}button.chip,summary{min-height:44px}.primary{min-height:50px}.network-grid label{min-height:44px}.network-grid input[type=checkbox]{min-width:20px;min-height:20px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:1100;display:flex;background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid #e2e7df;padding:8px max(5%,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(5%,env(safe-area-inset-left));gap:10px}.mobile-dock a{flex:1;text-align:center;text-decoration:none;color:#286447;padding:12px;border-radius:9px;background:#edf3e8;font-weight:700;font-size:13px;min-height:44px}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.maplegend{max-width:calc(100% - 24px);gap:8px;flex-wrap:wrap}.mapnote{bottom:62px}.tripheading{gap:10px;flex-wrap:wrap}.stoprow{flex-wrap:wrap}.food{flex-wrap:wrap}footer{gap:12px;flex-wrap:wrap}}
@media(display-mode:standalone){.install-app{display:none}}