:root{--bottom-nav-size:calc(68px + env(safe-area-inset-bottom,0px));--ski-teal:#007e87;--ski-ink:#173343}*,*::before,*::after{box-sizing:border-box}body{padding-top:env(safe-area-inset-top,0px)}.bottom-nav{display:none}.pwa-banner{max-width:1100px;margin:12px auto;padding:14px 18px;border:1px solid #c9e1e2;border-radius:13px;background:#e6f2f1;color:#173343;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:14px/1.5 system-ui;overflow-wrap:anywhere}.pwa-banner>span{flex:1 1 180px;min-width:0}.pwa-banner button,.pwa-dialog button,.offline-shell button{font:inherit;min-height:44px;border:0;border-radius:9px;padding:10px 14px;background:#007e87;color:white;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.pwa-banner .pwa-dismiss{background:transparent;color:#173343;padding:8px;min-width:44px}.pwa-banner[hidden],.bottom-nav[hidden],#offline-panel[hidden]{display:none!important}.pwa-dialog{width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:0;border-radius:18px;background:white;color:#173343;padding:24px;font:16px/1.7 system-ui;overflow-wrap:anywhere}.pwa-dialog::backdrop{background:#102a3bbd}.pwa-dialog h2{font-size:25px;line-height:1.3;padding-right:10px}.pwa-dialog li{margin:10px 0}.pwa-dialog ol{padding-left:23px}.pwa-dialog .pwa-close{float:right;background:#eaf2f3;color:#173343}.pwa-card button{white-space:normal}.offline-shell{font:16px/1.7 system-ui;background:#f1f5f5;color:#173343;min-height:100dvh;margin:0;overflow-wrap:anywhere}.offline-shell main,#offline-panel{width:min(620px,100%);margin:0 auto;padding:clamp(20px,6vw,45px);min-width:0}.offline-shell img,#offline-panel img{width:72px;height:72px;border-radius:16px}.offline-shell h1,#offline-panel h1{font-size:clamp(28px,6vw,42px);line-height:1.2}.offline-shell a,#offline-panel a{color:#007e87}.offline-shell .offline-box,#offline-panel .offline-box{background:white;border-radius:16px;padding:22px;margin:20px 0}.is-offline>main,.is-offline>header,.is-offline>#area-page,.is-offline>#account-page,.is-offline>#map-page,.is-offline>.account-topbar{display:none!important}.is-offline>.pwa-banner:not(.connection-banner){display:none}.connection-banner{border-color:#efc899;background:#fff0e3}.keyboard-open .bottom-nav{display:none!important}
@media(max-width:767px),(max-width:1024px) and (max-height:500px){
 body{padding-bottom:var(--bottom-nav-size)}html{scroll-padding-bottom:calc(var(--bottom-nav-size) + 16px)}
 .bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:40;left:0;right:0;bottom:0;padding:5px max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));min-height:var(--bottom-nav-size);background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid #d9e5e6;box-shadow:0 -3px 18px #1733430c;gap:2px;font-family:system-ui}
 .bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;border-radius:11px;color:#60737e;text-decoration:none;font-size:10.5px;font-weight:650;line-height:1.2;padding:5px 1px;white-space:nowrap}.bottom-nav a svg{width:23px;height:23px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav a[aria-current=page]{color:#007e87;background:#e6f2f1}.bottom-nav a:focus-visible{outline:3px solid #ef873b;outline-offset:-3px}.pwa-banner{margin:10px 12px;padding:12px;gap:8px}.account-toast{bottom:calc(var(--bottom-nav-size) + 12px)!important}.keyboard-open{padding-bottom:12px}.pwa-dialog{padding:20px}.offline-shell main,#offline-panel{padding:24px 18px}
}