:root{--page-inline:clamp(14px,4vw,24px)}
html,body{width:100%;max-width:100%;overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.app-shell{width:100%;height:100%;height:100dvh;max-width:100%;min-width:0}
.app-shell,.page,.content-page,.activity-list,.activity-card,.activity-head,.activity-head>div{min-width:0}
.page{max-width:100%;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.content-page{--page-left:max(var(--page-inline),env(safe-area-inset-left,0px));--page-right:max(var(--page-inline),env(safe-area-inset-right,0px));overflow-x:hidden;padding-left:var(--page-left);padding-right:var(--page-right)}
.content-page>*{min-width:0;max-width:100%}
.content-header{max-width:none;margin-left:calc(0px - var(--page-left));margin-right:calc(0px - var(--page-right));padding-left:max(16px,var(--page-left));padding-right:max(16px,var(--page-right));padding-top:max(24px,calc(env(safe-area-inset-top,0px) + 16px))}
.content-header h1{font-size:clamp(25px,7vw,32px);line-height:1.12}.content-header p{font-size:clamp(13px,3.8vw,16px);line-height:1.4}
.content-header h1,.content-header p,.profile-auth-heading h2,.profile-auth-heading p{overflow-wrap:anywhere}
.profile-auth-welcome,.profile-login-form,.profile-login-form>label,.profile-password-field,.profile-auth-actions{width:100%;min-width:0;max-width:100%}
.profile-login-form input[type="email"],.profile-password-field input{width:100%;min-width:0;max-width:100%;font-size:16px}
.profile-password-toggle{flex:0 0 auto;white-space:nowrap}
input,select,textarea{max-width:100%}
@supports (-webkit-touch-callout:none){input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important}}
.bottom-nav{padding-left:max(7px,env(safe-area-inset-left,0px));padding-right:max(7px,env(safe-area-inset-right,0px))}
.app-shell .bottom-sheet,.app-shell .charge-bottom,.app-shell .flow-dialog,.app-shell .rfid-add-sheet,.app-shell .pulse-settings-sheet,.app-shell .pulse-report-sheet,.app-shell .pulse-feature-sheet{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.page-map .active-charge-banner{left:clamp(10px,12vw,64px);right:clamp(10px,12vw,64px)}
.activity-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.activity-head h2,.activity-head small,.activity-card>p{overflow-wrap:anywhere}.activity-head time{max-width:112px;text-align:right;white-space:normal;line-height:1.35}
.activity-values{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-values div{min-width:0}.activity-values strong{display:block;overflow-wrap:anywhere}
.profile-card{min-width:0}.profile-card>div:last-child{min-width:0}.profile-card h2,.profile-card p{overflow-wrap:anywhere}
.menu-card button,.menu-link{gap:4px;min-width:0}.menu-card button small,.menu-link small{text-align:right}
.connector{grid-template-columns:minmax(0,1fr) auto}.connector>div{min-width:0}.connector strong,.connector small{overflow-wrap:anywhere}
.bottom-sheet{max-width:600px;margin:0 auto}

@media(max-width:390px){
  :root{--nav-h:72px;--page-inline:14px}.bottom-nav{grid-template-columns:1fr 1fr 76px 1fr 1fr;padding-left:max(2px,env(safe-area-inset-left,0px));padding-right:max(2px,env(safe-area-inset-right,0px))}.brand-bridge{width:72px;height:48px;padding:8px 6px;border-radius:15px;transform:translateY(-5px)}.nav-item{font-size:8px}.nav-icon svg{width:21px;height:21px}
  .content-header{margin-bottom:14px;padding-bottom:16px}.activity-card{padding:13px}.activity-head{grid-template-columns:1fr}.activity-head time{max-width:none;text-align:left;margin-top:5px}.activity-values{gap:5px}.activity-values div{padding:8px 5px}.activity-values strong{font-size:12px}.activity-values small{font-size:9px}
  .map-top{left:10px;right:10px}.search-card{height:52px;border-radius:17px}.search-card input{font-size:14px}.chip{padding:8px 14px}.chip.active{padding:7px 13px}.locate{width:46px;height:46px;right:12px}
}

@media(max-width:330px){
  :root{--page-inline:12px}.bottom-nav{grid-template-columns:1fr 1fr 64px 1fr 1fr}.brand-bridge{width:62px;padding:7px 4px}.nav-item{letter-spacing:0;font-size:7px}.activity-values{grid-template-columns:1fr 1fr}.activity-values div:last-child{grid-column:1/-1}.station-actions{grid-template-columns:1fr}.profile-auth-welcome{padding:18px 14px 15px}.profile-auth-heading h2{font-size:20px}.profile-password-toggle{padding-left:7px;padding-right:9px}
}

@media(min-width:601px){
  :root{--page-inline:28px}.app-shell{max-width:760px}.bottom-sheet{max-width:760px}.activity-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.login-card,.empty-card,.loading-card{max-width:560px;margin-left:auto;margin-right:auto}
}

@media(min-width:1024px){
  :root{--page-inline:32px}.app-shell{max-width:900px}.bottom-sheet{max-width:700px}.activity-list{grid-template-columns:repeat(2,minmax(0,1fr))}.map-top{max-width:680px;left:50%;right:auto;width:calc(100% - 40px);transform:translateX(-50%)}
}

@media(orientation:landscape) and (max-height:520px){
  :root{--nav-h:62px}.bottom-nav{padding-top:3px;grid-template-columns:1fr 1fr 78px 1fr 1fr}.nav-item{height:54px}.brand-bridge{height:46px;width:74px;transform:translateY(-3px)}.content-header{padding-top:max(15px,env(safe-area-inset-top));padding-bottom:13px;margin-bottom:12px}.content-header h1{font-size:24px}.map-top{top:max(8px,env(safe-area-inset-top));max-width:520px}.search-card{height:48px}.chips{padding-top:7px}.chip{padding-top:7px;padding-bottom:7px}.bottom-sheet{max-height:94%}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}