/* Material colors and typography from Android shared/theme, at 1 CSS px per dp. */
#gpsScreen{height:calc(100dvh - var(--topbar-height) - var(--safe-top));min-height:0;overflow:hidden}
@font-face{font-family:Roboto;src:url('./fonts/roboto-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url('./fonts/roboto-medium.ttf') format('truetype');font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url('./fonts/roboto-bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}
html[data-theme=dark].warm-dark{--bg:#15110D;--surface:#201913;--surface2:#2C241D;--text:#F3E8D8;--muted:#CBB7A0;--line:#5C4A3A;--brand:#E1B067;--brand2:#E1B067;--danger:#FF8A80;--android-pale:#15110D}
.gps-vehicle-card{width:max-content;max-width:min(360px,calc(100% - 24px));left:50%;right:auto;transform:translateX(-50%);border-radius:22px;padding:8px 38px 8px 10px;display:flex;align-items:center;gap:7px;background:#F8FBFFee;border:1px solid #D8E7FF;box-shadow:0 8px 12px #00000020}.gps-info-chip{border-radius:14px;padding:6px 10px;font-size:calc(12px * var(--app-font-scale,1));line-height:calc(16px * var(--app-font-scale,1));font-weight:500;background:color-mix(in srgb,var(--surface2) 88%,transparent);color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gps-info-chip.emphasized{max-width:124px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-weight:700}.gps-vehicle-card [data-gps-vehicle-close]{position:absolute;right:10px;width:24px;height:24px;border:0;border-radius:12px;background:#FDE8E8;color:#D9342B;display:grid;place-items:center;padding:0}.gps-vehicle-card [data-gps-vehicle-close] svg{width:15px;height:15px}html[data-theme=dark] .gps-vehicle-card{background:#172033ea;border-color:#ffffff14}
.android-gps-preview{position:relative;overflow:hidden}.android-gps-preview>canvas{width:100%;height:100%;display:block;touch-action:none}
.native-setup-header{min-height:calc(60px + env(safe-area-inset-top,0px))!important;padding-left:16px!important;padding-right:16px!important;gap:10px!important}.native-setup-header img{width:36px!important;height:36px!important;object-fit:cover!important;border-radius:8px}.native-setup-header strong{font-size:calc(22px * var(--app-font-scale,1))!important;line-height:calc(28px * var(--app-font-scale,1))!important}
:root{--bg:#F3F6FB;--surface:#fff;--surface2:#F3F6FB;--text:#17263F;--muted:#64748B;--line:#DCE3EF;--brand:#0D2957;--brand2:#0077FF;--danger:#D83B3B;--android-blue:#0D2957;--android-pale:#F3F6FB;--android-section:#0D2957}
html[data-theme=dark]{--bg:#101214;--surface:#171A1F;--surface2:#22262D;--text:#F4F6F8;--muted:#B4BCC8;--line:#363C46;--brand:#4A9AFF;--brand2:#4A9AFF;--android-pale:#101214}
html[data-theme=warm],html[data-dark-variant=warm][data-theme=dark]{--bg:#15110D;--surface:#201913;--surface2:#2C241D;--text:#F3E8D8;--muted:#CBB7A0;--line:#5C4A3A;--brand:#E1B067;--brand2:#E1B067;--danger:#FF8A80;--android-pale:#15110D}
html,body,button,input,select,textarea{font-family:Roboto,Arial,sans-serif}body{letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.initial-city-screen{display:block;padding:0;background:var(--bg);width:min(768px,100%)}.native-setup-shell{height:100%;max-width:620px;margin:auto;display:flex;flex-direction:column;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.native-setup-header{background:#0D2957;color:#fff;display:flex;align-items:center;gap:12px;min-height:calc(80px + env(safe-area-inset-top,0px));padding:calc(12px + env(safe-area-inset-top,0px)) 18px 12px}.native-setup-header img{width:48px;height:48px;object-fit:contain}.native-setup-header strong{font-size:calc(24px * var(--app-font-scale,1));line-height:calc(28px * var(--app-font-scale,1));font-weight:700}.native-city-content{flex:1;min-height:0;padding:18px 18px 0;display:flex;flex-direction:column}.initial-cities-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding-bottom:24px}.initial-cities-list .native-city-option{min-height:102px;flex:none;border:1px solid color-mix(in srgb,var(--line) 18%,transparent);border-radius:22px;padding:14px 16px;background:var(--surface);box-shadow:0 2px 3px #00000015;display:flex;align-items:center;gap:14px;cursor:pointer}.initial-cities-list .native-city-option.selected{border:1.5px solid var(--brand);padding:13.5px 15.5px}.native-city-logo{width:72px;height:72px;background:color-mix(in srgb,var(--surface2) 45%,transparent);border-radius:18px;display:grid!important;place-items:center;flex:none}.native-city-logo img{width:60px;height:60px;object-fit:contain}.native-city-label{flex:1;min-width:0}.native-city-label b{display:block;font-size:calc(22px * var(--app-font-scale,1));line-height:calc(28px * var(--app-font-scale,1));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-city-label small{display:block;font-size:calc(14px * var(--app-font-scale,1));line-height:calc(20px * var(--app-font-scale,1));color:var(--muted);font-weight:400;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-city-check{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--surface2) 65%,transparent);flex:none;display:grid!important;place-items:center}.selected .native-city-check{background:var(--brand);color:#fff}.initial-cities-list .native-city-check svg{width:22px;height:22px;fill:#fff}.native-city-confirm{height:56px;border:0;border-radius:16px;background:#0077FF;color:#fff;font-weight:700;font-size:calc(14px * var(--app-font-scale,1));margin-top:8px;flex:none}.native-city-confirm:disabled{opacity:.5}
#infoScreen{padding:16px 16px calc(16px + var(--navigation-content-inset,0px));display:flex;flex-direction:column;gap:20px}.native-info-section{display:flex;flex-direction:column;gap:8px}.native-info-section h2{font-size:calc(14px * var(--app-font-scale,1));line-height:calc(20px * var(--app-font-scale,1));font-weight:600;color:var(--muted);margin:0;padding:0 4px}.native-info-card{background:var(--surface);border-radius:18px;overflow:hidden}.native-info-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 12px;border:0;background:transparent;color:var(--text);text-decoration:none;text-align:left;position:relative;cursor:pointer}.native-info-row+.native-info-row:before{content:"";height:1px;position:absolute;top:0;left:64px;right:12px;background:var(--line)}.native-info-leading{width:40px;height:40px;background:var(--surface2);border-radius:12px;display:grid;place-items:center;flex:none;color:var(--brand)}.native-info-leading img{width:28px;height:28px;object-fit:contain}.native-info-leading svg{width:24px;height:24px}.native-info-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.native-info-label b{font-size:calc(16px * var(--app-font-scale,1));line-height:calc(24px * var(--app-font-scale,1));font-weight:500}.native-info-label small{font-size:calc(12px * var(--app-font-scale,1));line-height:calc(16px * var(--app-font-scale,1));color:var(--muted);font-weight:400}.native-info-row>.ui-icon{width:18px;height:18px;color:var(--muted)}.native-info-preamble{margin:0;padding:16px 16px 8px;color:var(--muted);font-size:calc(14px * var(--app-font-scale,1));line-height:calc(20px * var(--app-font-scale,1))}
.native-info-reader{position:fixed;inset:0;width:min(768px,100%);height:100dvh;max-width:100%;max-height:100dvh;margin:auto;padding:0;border:0;border-radius:0;background:var(--bg);color:var(--text)}.native-info-reader[open]{display:flex;flex-direction:column}.native-info-reader>header{padding:env(safe-area-inset-top,0px) 8px 0 16px;min-height:calc(64px + env(safe-area-inset-top,0px));display:flex;align-items:center;border-bottom:1px solid var(--line);flex:none}.native-info-reader h1{margin:0;flex:1;min-width:0;font-size:calc(22px * var(--app-font-scale,1));line-height:calc(28px * var(--app-font-scale,1));font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.native-info-reader header button{width:48px;height:48px;display:grid;place-items:center;flex:none;border:0;background:transparent;color:var(--text)}.native-info-reader-scroll{flex:1;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));font-size:calc(14px * var(--app-font-scale,1));line-height:calc(20px * var(--app-font-scale,1))}.native-info-reader-scroll>*{margin:0;flex:none}.native-info-reader-scroll h2{font-size:calc(18px * var(--app-font-scale,1));line-height:calc(24px * var(--app-font-scale,1));font-weight:600}.native-info-reader-scroll h3{font-size:calc(16px * var(--app-font-scale,1));line-height:calc(24px * var(--app-font-scale,1))}.native-info-reader-scroll p:nth-child(2){font-weight:500}
#loadingScreen{position:fixed;inset:0;z-index:90;background:var(--bg);width:min(768px,100%);margin:auto;display:flex;flex-direction:column}.native-loading-header{background:#0D2957;color:#fff;padding:calc(14px + env(safe-area-inset-top,0px)) 10px 14px;min-height:calc(66px + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:center;position:relative;flex:none}.native-loading-header strong{font-size:calc(28px * var(--app-font-scale,1));line-height:calc(32px * var(--app-font-scale,1))}.native-loading-header>span{position:absolute;right:10px;width:38px;height:38px;border-radius:50%;border:1.5px solid #fff;display:grid;place-items:center}.native-loading-body{overflow:auto;flex:1;display:flex;flex-direction:column;align-items:center;padding:88px 28px 24px}.native-loading-body>img{width:132px;height:132px;border-radius:28px;object-fit:contain;flex:none}.native-loading-body h1{margin:32px 0 0;font-size:calc(36px * var(--app-font-scale,1));line-height:calc(40px * var(--app-font-scale,1));color:#0D2957;text-align:center}.native-loading-body h2{margin:0;font-size:calc(28px * var(--app-font-scale,1));line-height:calc(32px * var(--app-font-scale,1));color:var(--muted);text-align:center}.native-loading-transport{display:flex;gap:14px;margin-top:34px;margin-bottom:96px;flex:none}.native-loading-transport span{background:#22C55E;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff}.native-loading-progress{height:4px;background:#F8BBD0;width:calc(100% - 16px);margin-top:18px;overflow:hidden;flex:none}.native-loading-progress:after{content:"";display:block;background:#E91E63;width:40%;height:100%;animation:native-load 1.3s ease-in-out infinite}.native-loading-body #loadingText{font-size:calc(14px * var(--app-font-scale,1));color:var(--muted);text-align:center;margin-top:16px}@keyframes native-load{from{transform:translateX(-100%)}to{transform:translateX(350%)}}@media(prefers-reduced-motion:reduce){.native-loading-progress:after{animation:none}}

/* Native titleMedium=0.15sp; bodyMedium=0.2sp. */
.native-main-title{letter-spacing:.15px}.native-info-row,.native-info-reader-scroll{letter-spacing:.2px}.native-info-reader h1,.native-loading-body h1,.native-loading-body h2,.native-city-label b{letter-spacing:0}