/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--bg:#050713;--panel:#0b1022;--text:#f2f7ff;--muted:#8ca0bf;--cyan:#39e8ff;--line:#69b9ff38}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,Noto Sans TC,system-ui,sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{background:radial-gradient(circle at 78% 0,#6636cb59,transparent 34%),radial-gradient(circle at 8% 70%,#14a2ce2e,transparent 32%),var(--bg);grid-template-rows:auto auto 1fr auto;min-height:100vh;display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.25;background-image:radial-gradient(circle,#bcecff 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.app-header,.stepper,.app-content,.flow-footer{z-index:1;position:relative}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050713bd;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,4vw,64px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-orbit{border:1px solid var(--cyan);border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 0 18px #39e8ff40,0 0 18px #39e8ff40}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.12em}.brand small{color:var(--muted)}.navo-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.system-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.live-dot{background:#63f8b0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #63f8b0}.stepper{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);align-items:center;height:66px;padding:0 clamp(20px,8vw,150px);display:grid}.stepper span{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.stepper i{background:#222c46;border-radius:50%;width:9px;height:9px}.stepper .active{color:var(--text)}.stepper .active i{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.app-content{align-items:center;padding:clamp(28px,5vw,72px);display:grid}.kicker{color:var(--cyan);letter-spacing:.16em;margin:0 0 8px;font-size:13px}h1{letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(38px,6vw,78px);line-height:1.03}p{color:var(--muted);line-height:1.7}.home-grid,.form-layout,.route-layout,.invite-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(35px,7vw,110px);width:100%;max-width:1500px;margin:auto;display:grid}.home-copy>p{max-width:650px;font-size:18px}.action-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;display:grid}.action-grid button{text-align:left;border:1px solid var(--line);background:#0b1022d1;border-radius:18px;align-items:flex-start;gap:12px;min-height:118px;padding:18px;display:flex}.action-grid button:hover,.primary-action{box-shadow:0 0 20px #39e8ff29;border-color:var(--cyan)!important}.action-grid b,.action-grid small{display:block}.action-grid small{color:var(--muted);margin-top:7px}.avatar-stage{border:1px solid var(--line);background:radial-gradient(circle,#39e8ff2b,#0000 36%),#0a0f2299;border-radius:32px;place-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.avatar-stage:before{content:"";border:1px solid #39e8ff59;border-radius:50%;width:520px;height:220px;position:absolute;transform:rotate(-18deg)}.avatar-stage img{filter:drop-shadow(0 0 28px #39e8ff73);border-radius:24px;width:min(430px,80%)}.stage-status{position:absolute;bottom:24px;left:26px}.stage-status b,.stage-status span{display:block}.stage-status span{color:var(--muted)}.glass-form,.invite-card{border:1px solid var(--line);background:#0b1022d1;border-radius:26px;padding:30px}label{color:var(--muted);margin-bottom:18px;font-size:13px;display:block}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#080c1b;border-radius:12px;margin-top:8px;padding:14px}.switch{align-items:center;gap:10px;margin:0;padding:11px 0;display:flex}.switch input{width:18px;margin:0}.route-copy label{max-width:520px}.route-map{border:1px solid var(--line);background:#070b19;border-radius:30px;height:440px;position:relative;overflow:hidden}.map-grid{background-image:linear-gradient(#39e8ff14 1px,#0000 1px),linear-gradient(90deg,#39e8ff14 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.route-map svg{width:100%;height:100%;position:absolute;inset:0}.road{fill:none;stroke:#17223b;stroke-width:22px;stroke-linecap:round}.route{fill:none;stroke:var(--cyan);stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--cyan))}.route-info{border:1px solid var(--line);background:#070b19e0;border-radius:16px;padding:18px;position:absolute;bottom:20px;left:22px;right:22px}.route-info span,.route-info b,.route-info small{display:block}.route-info span{color:var(--cyan);font-size:12px}.route-info b{font-size:22px}.route-info small{color:var(--muted)}.invite-card{text-align:center}.invite-card>strong{letter-spacing:.18em;margin:10px;font-size:36px;display:block}.qr{background:#eefaff;border-radius:18px;grid-template-columns:repeat(7,1fr);gap:4px;width:190px;height:190px;margin:20px auto;padding:14px;display:grid}.qr i{background:#071021}.qr i:nth-child(3n),.qr i:nth-child(5n){opacity:.12}.invite-card button,.launch button,.ptt{border:1px solid var(--line);background:#101831e6;border-radius:12px;margin:5px;padding:12px 18px}.lobby-layout{width:100%;max-width:1500px;margin:auto}.lobby-head{justify-content:space-between;align-items:end;display:flex}.all-ready{border:1px solid #63f8b059;border-radius:15px;align-items:center;gap:12px;padding:15px 18px;display:flex}.all-ready b,.all-ready small{display:block}.all-ready small{color:var(--muted)}.rider-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.rider-grid article{border:1px solid var(--line);background:#0b1022d1;border-radius:22px;padding:18px;position:relative}.rider-grid img{object-fit:cover;border-radius:14px;width:100%;height:120px}.rider-grid h2{margin:3px 0}.rider-grid small{color:var(--muted)}dl{grid-template-columns:1fr 1fr;display:grid}dt{color:var(--muted);font-size:11px}dd{margin:3px 0}.ready-badge{color:#04120c;background:#63f8b0;border-radius:999px;padding:5px 8px;font-size:11px;position:absolute;top:14px;right:14px}.ptt{border-color:var(--cyan);align-items:center;gap:8px;margin:20px auto 0;display:flex}.ptt.talking{background:var(--cyan);color:#031116}.launch{text-align:center;max-width:760px;margin:auto}.launch-orbit{border:1px solid var(--cyan);border-radius:50%;place-items:center;width:240px;height:240px;margin:0 auto 30px;display:grid;box-shadow:0 0 40px #39e8ff40}.launch-orbit img{border-radius:20px;width:200px}.flow-footer{border-top:1px solid var(--line);background:#050713d1;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 clamp(20px,4vw,64px);display:grid}.flow-footer>button{border:1px solid var(--line);background:0 0;border-radius:12px;justify-self:start;padding:12px 20px}.flow-footer .next{background:var(--cyan);color:#031116;justify-self:end}.flow-footer div{text-align:center}.flow-footer span,.flow-footer b{display:block}.flow-footer span{color:var(--muted);font-size:12px}@media (width<=900px){.system-status{display:none}.stepper{padding:0 18px}.stepper span{font-size:0}.home-grid,.form-layout,.route-layout,.invite-layout{grid-template-columns:1fr}.avatar-stage{order:-1;min-height:300px}.action-grid{grid-template-columns:1fr}.rider-grid{grid-template-columns:1fr 1fr}.lobby-head{flex-direction:column;align-items:start}.flow-footer{position:sticky;bottom:0}}@media (width<=560px){.app-content{padding:24px 18px}.avatar-stage{min-height:230px}.action-grid button{min-height:84px}.rider-grid{grid-template-columns:1fr}.route-map{height:320px}.flow-footer div{display:none}.flow-footer{grid-template-columns:1fr 1fr}}.navigation-content{z-index:1;min-height:calc(100vh - 82px);position:relative}.nav-console{grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 82px);display:grid}.nav-map{background:#070b19;position:relative;overflow:hidden}.nav-map>.map-grid{opacity:.85}.nav-map>svg{width:100%;height:100%;position:absolute;inset:0}.turn-banner{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050a18e6;border:1px solid #39e8ff73;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 18px;display:grid;position:absolute;top:22px;left:22px;right:22px;box-shadow:0 0 24px #39e8ff26}.turn-banner b,.turn-banner small{display:block}.turn-banner small{color:var(--muted);margin-top:3px}.turn-arrow{background:var(--cyan);color:#031116;border-radius:12px;place-items:center;width:44px;height:44px;font-size:28px;display:grid}.map-rider{z-index:2;border:1px solid var(--cyan);white-space:nowrap;background:#070c1ced;border-radius:999px;align-items:center;gap:7px;padding:5px 9px 5px 5px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 17px #39e8ff40}.map-rider img{object-fit:cover;border-radius:50%;width:40px;height:40px}.map-rider b,.map-rider small{display:block}.map-rider small{color:var(--muted)}.map-rider.warning{border-color:var(--danger);box-shadow:0 0 17px #ff657f4d}.rider-0{top:28%;left:69%}.rider-1{top:43%;left:60%}.rider-2{top:58%;left:43%}.rider-3{top:76%;left:24%}.map-alert{z-index:3;color:#ffd6de;background:#1e0711e0;border:1px solid #ff657f73;border-radius:12px;padding:11px 14px;position:absolute;bottom:20px;left:22px}.nav-sidebar{border-left:1px solid var(--line);background:#070b19f0;flex-direction:column;gap:17px;padding:24px;display:flex}.nav-mode{justify-content:space-between;align-items:center;gap:12px;display:flex}.nav-mode h2{margin:3px 0;font-size:30px}.nav-mode button,.end-ride{border:1px solid var(--line);background:0 0;border-radius:10px;padding:9px 12px}.live-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.live-stats div{text-align:center;border:1px solid var(--line);background:#0f172ed9;border-radius:12px;padding:13px 6px}.live-stats b,.live-stats small{display:block}.live-stats small{color:var(--muted);margin-top:4px}.crew-list{display:grid}.crew-list>div{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:10px 0;display:grid}.crew-list img{object-fit:cover;border-radius:50%;width:44px;height:44px}.crew-list b,.crew-list small{display:block}.crew-list small{color:var(--muted)}.crew-list strong{text-align:right}.crew-list em{text-align:right;min-width:58px;color:var(--cyan);font-style:normal}.nav-ptt{border:1px solid var(--cyan);background:#39e8ff14;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:15px;display:flex}.nav-ptt.talking{background:var(--cyan);color:#031116}.end-ride{color:var(--muted)}@media (width<=900px){.navigation-content{min-height:calc(100vh - 72px)}.nav-console{grid-template-columns:1fr;min-height:calc(100vh - 72px)}.nav-map{min-height:62vh}.nav-sidebar{border-left:0;border-top:1px solid var(--line)}.crew-list{grid-template-columns:1fr 1fr;column-gap:18px}.nav-ptt{margin-top:6px}}@media (width<=560px){.turn-banner{padding:10px;top:10px;left:10px;right:10px}.turn-banner strong{display:none}.turn-arrow{width:38px;height:38px}.map-rider{padding:3px}.map-rider img{width:36px;height:36px}.map-rider span{display:none}.nav-map{min-height:55vh}.map-alert{bottom:10px;left:10px}.nav-sidebar{padding:18px}.crew-list{grid-template-columns:1fr}.live-stats b{font-size:14px}}.member-center{text-align:center;width:min(680px,100%);margin:auto}.member-center h1{margin-left:auto;margin-right:auto}.join-code{grid-template-columns:1fr auto;gap:10px;margin:30px 0 12px;display:grid}.join-code input{letter-spacing:.15em;text-align:center;margin:0;font-size:25px}.join-code button,.scan-button{border:1px solid var(--cyan);background:var(--cyan);color:#031116;border-radius:12px;padding:13px 20px}.scan-button{width:100%;color:var(--text);border-color:var(--line);background:0 0}.member-route-facts{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;display:grid}.member-route-facts span{border:1px solid var(--line);text-align:center;background:#0b1022b3;border-radius:13px;padding:14px}.member-route-facts b,.member-route-facts small{display:block}.member-route-facts small{color:var(--muted);margin-top:4px}.avatar-select{grid-template-columns:.7fr 1.3fr;align-items:center;gap:60px;max-width:1400px;margin:auto;display:grid}.avatar-options{grid-template-columns:1fr 1fr;gap:13px;display:grid}.avatar-options button{border:1px solid var(--line);text-align:left;background:#0b1022c7;border-radius:20px;padding:13px}.avatar-options button.selected{border-color:var(--cyan);box-shadow:0 0 22px #39e8ff33}.avatar-options img{object-fit:cover;border-radius:13px;width:100%;height:120px}.avatar-options b,.avatar-options small{margin-top:6px;display:block}.avatar-options small{color:var(--muted)}.device-check{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;max-width:1300px;margin:auto;display:grid}.check-list{gap:10px;display:grid}.check-list>div{border:1px solid var(--line);background:#0b1022c7;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px;display:grid}.check-list b,.check-list small{display:block}.check-list small{color:var(--muted);margin-top:3px}.check-list strong{color:#63f8b0}@media (width<=800px){.avatar-select,.device-check{grid-template-columns:1fr;gap:25px}.avatar-options img{height:90px}.join-code{grid-template-columns:1fr}.member-route-facts{grid-template-columns:1fr 1fr 1fr}}@media (width<=480px){.member-route-facts{gap:5px}.member-route-facts span{padding:9px 3px}.avatar-options{gap:8px}.avatar-options button{padding:8px}.check-list>div{padding:12px}}.brand-button{color:inherit;text-align:left;background:0 0;border:0;padding:0}.header-actions{align-items:center;gap:10px;display:flex}.login-button,.register-button{border:1px solid var(--line);background:0 0;border-radius:11px;padding:10px 15px}.register-button{border-color:var(--cyan);background:var(--cyan);color:#031116}.register-page{z-index:1;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);align-items:center;gap:clamp(40px,7vw,110px);width:100%;max-width:1550px;min-height:calc(100vh - 82px);margin:auto;padding:clamp(30px,5vw,72px);display:grid;position:relative}.register-intro{align-self:start;padding-top:30px}.register-intro h1{font-size:clamp(44px,6vw,80px)}.register-intro>p:last-of-type{max-width:570px;font-size:17px}.register-benefits{gap:10px;margin-top:28px;display:grid}.register-benefits span{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:13px 0;display:flex}.register-form{border:1px solid var(--line);background:#090e1fe6;border-radius:28px;padding:clamp(22px,3vw,38px);box-shadow:0 25px 80px #00000047}.form-title{align-items:center;gap:12px;margin-bottom:24px;display:flex}.form-title>span{border:1px solid var(--cyan);width:43px;height:43px;color:var(--cyan);border-radius:50%;place-items:center;display:grid}.form-title b,.form-title small{display:block}.form-title small{color:var(--muted);margin-top:3px}.register-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.register-avatar>b{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.register-avatar>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.register-avatar button{border:1px solid var(--line);background:#080c1b;border-radius:12px;padding:7px}.register-avatar button.selected{border-color:var(--cyan);box-shadow:0 0 14px #39e8ff2e}.register-avatar img{object-fit:cover;border-radius:8px;width:100%;height:62px}.register-avatar span{margin-top:4px;font-size:12px;display:block}.terms{align-items:flex-start;gap:9px;margin:20px 0 14px;display:flex}.terms input{width:17px;margin:2px 0 0}.create-account{border:1px solid var(--cyan);background:var(--cyan);color:#031116;border-radius:12px;width:100%;padding:14px;font-weight:700}.signin-copy{text-align:center;margin:12px 0 0;font-size:13px}.signin-copy button{color:var(--cyan);background:0 0;border:0}.register-success{text-align:center;grid-column:1/-1;max-width:750px;margin:auto}.success-orbit{border:1px solid var(--cyan);border-radius:50%;place-items:center;width:240px;height:240px;margin:0 auto 28px;display:grid;box-shadow:inset 0 0 45px #39e8ff33,0 0 35px #39e8ff40}.success-orbit img{border-radius:20px;width:195px}.register-success h1{margin-left:auto;margin-right:auto}.register-success button{border:1px solid var(--cyan);background:var(--cyan);color:#031116;border-radius:12px;padding:13px 22px}@media (width<=920px){.register-page{grid-template-columns:1fr;align-items:start}.register-intro{padding-top:0}.register-intro h1{font-size:48px}.register-benefits{grid-template-columns:repeat(3,1fr)}.register-benefits span{align-items:flex-start}.header-actions .system-status{display:none}}@media (width<=620px){.app-header{padding:0 14px}.brand small,.login-button{display:none}.register-button{padding:9px 11px}.register-page{gap:24px;min-height:calc(100vh - 72px);padding:26px 16px}.register-intro h1{font-size:40px}.register-benefits{grid-template-columns:1fr}.register-form{padding:20px 15px}.register-grid{grid-template-columns:1fr}.register-avatar>div{grid-template-columns:1fr 1fr}.register-avatar img{height:72px}.success-orbit{width:190px;height:190px}.success-orbit img{width:155px}}.home-dashboard{width:100%;max-width:1500px;margin:auto}.home-dashboard .home-grid{margin:0}.my-crews{border-top:1px solid var(--line);margin-top:38px;padding-top:28px}.section-title{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.section-title h2{margin:0;font-size:28px}.section-title small{color:var(--muted)}.saved-crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.saved-crew-grid article{background:#0b1022d1;border:1px solid #39e8ff47;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;display:grid}.saved-crew-icon{width:46px;height:46px;color:var(--cyan);background:#39e8ff1a;border-radius:14px;place-items:center;display:grid}.saved-crew-grid h3,.saved-crew-grid p{margin:0}.saved-crew-grid p{font-size:13px}.saved-crew-grid small{color:var(--muted)}.saved-crew-grid button{border:1px solid var(--cyan);color:var(--cyan);background:0 0;border-radius:10px;padding:10px 14px}.crew-save-notice{color:#9fffc9;background:#103b2f6b;border:1px solid #63f8b066;border-radius:14px;align-items:center;gap:12px;width:max-content;max-width:100%;margin:0 0 20px auto;padding:12px 15px;display:flex}.crew-save-notice b,.crew-save-notice small{display:block}.crew-save-notice small{color:var(--muted);margin-top:2px}@media (width<=800px){.saved-crew-grid{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:start}.crew-save-notice{margin-left:0}}@media (width<=520px){.saved-crew-grid article{grid-template-columns:auto 1fr}.saved-crew-grid button{grid-column:1/-1;width:100%}}.auth-tabs{border:1px solid var(--line);background:#080c1b;border-radius:14px;grid-template-columns:1fr 1fr;gap:5px;margin:-8px 0 24px;padding:5px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:11px}.auth-tabs button.active{color:var(--cyan);background:#39e8ff24;box-shadow:inset 0 0 0 1px #39e8ff47}.login-form{justify-self:start;width:100%;max-width:560px}.login-options{justify-content:space-between;align-items:center;margin-top:-8px;display:flex}.login-options .terms{margin:0}.login-options>button{color:var(--cyan);background:0 0;border:0;font-size:13px}.demo-access{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.demo-access .live-dot{flex:none}.deep-space{z-index:0;pointer-events:none;background:radial-gradient(at 50% 115%,#252b7e80,#0000 50%),radial-gradient(at 82% 12%,#5a22a44d,#0000 38%),linear-gradient(145deg,#02030c 0%,#06091d 46%,#09051a 100%);position:fixed;inset:0;overflow:hidden}.nebula{filter:blur(70px);opacity:.46;mix-blend-mode:screen;border-radius:50%;position:absolute}.nebula-one{background:radial-gradient(#16ace047,#432fb91f 52%,#0000 72%);width:54vw;height:30vw;animation:24s ease-in-out infinite alternate nebula-float;top:22vh;left:-12vw}.nebula-two{background:radial-gradient(#8235d347,#1956c221 55%,#0000 74%);width:48vw;height:38vw;animation:30s ease-in-out -8s infinite alternate-reverse nebula-float;bottom:-8vh;right:-9vw}.star-field{background-repeat:repeat;position:absolute;inset:-12%;transform:rotate(.01deg)}.star-field-far{opacity:.56;background-image:radial-gradient(circle at 18px 22px,#fff 0 1px,#0000 1.4px),radial-gradient(circle at 73px 68px,#75dfff 0 .8px,#0000 1.4px),radial-gradient(circle at 131px 31px,#cbb8ff 0 1px,#0000 1.5px);background-size:150px 110px,190px 160px,230px 175px;animation:75s linear infinite star-drift}.star-field-near{opacity:.82;background-image:radial-gradient(circle at 35px 42px,#fff 0 1.4px,#0000 2px),radial-gradient(circle at 112px 97px,#63efff 0 1.1px,#0000 2px),radial-gradient(circle at 188px 14px,#e9ddff 0 1.3px,#0000 2.1px);background-size:260px 210px,310px 250px,370px 290px;animation:5s ease-in-out infinite alternate star-twinkle}.shooting-star{filter:drop-shadow(0 0 6px #54dfff);opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000,#75e7ff2e 22%,#fff 82%,#9bf5ff);border-radius:999px;width:150px;height:1.5px;position:absolute;transform:rotate(-25deg)}.shooting-star:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 9px #69e8ff}.shooting-star-one{animation:7.8s linear 1.3s infinite meteor;top:18%;left:-190px}.shooting-star-two{animation:10.5s linear 5.5s infinite meteor;top:43%;left:-220px}.shooting-star-three{animation:12s linear 8.2s infinite meteor-short;top:10%;left:34%}.shooting-star-four{animation:14s linear 11s infinite meteor;top:70%;left:-180px}.register-page{background:linear-gradient(90deg,#02051029,#0407150d)}.register-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#080d1fe6,#080c1cb8);box-shadow:0 28px 90px #0006,inset 0 1px #ffffff0a}@keyframes star-drift{to{transform:translate(-70px,45px)}}@keyframes star-twinkle{0%{opacity:.4;filter:brightness(.8)}55%{opacity:.9;filter:brightness(1.35)}to{opacity:.58;filter:brightness()}}@keyframes nebula-float{to{transform:translate(7vw,-4vh)scale(1.08)}}@keyframes meteor{0%,72%{opacity:0;transform:translate(0)rotate(-25deg)}74%{opacity:1}82%{opacity:0;transform:translate(125vw,54vh)rotate(-25deg)}to{opacity:0;transform:translate(125vw,54vh)rotate(-25deg)}}@keyframes meteor-short{0%,80%{opacity:0;transform:translate(0)rotate(-25deg)}82%{opacity:1}90%{opacity:0;transform:translate(70vw,32vh)rotate(-25deg)}to{opacity:0;transform:translate(70vw,32vh)rotate(-25deg)}}@media (prefers-reduced-motion:reduce){.star-field,.nebula,.shooting-star{animation:none}.shooting-star{display:none}}.osm-map{filter:saturate(.72)contrast(1.08)brightness(.62)hue-rotate(172deg);border:0;width:100%;height:100%;position:absolute;inset:0}.map-shade{pointer-events:none;background:linear-gradient(#02051042,#03081614 48%,#03081666),radial-gradient(circle,#0000 35%,#02040e4d);position:absolute;inset:0;box-shadow:inset 0 0 90px #010410b3}.route-glow{stroke-width:6px;opacity:.9;pointer-events:none}.gps-control{z-index:4;border:1px solid var(--cyan);max-width:310px;color:var(--text);text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040a19eb;border-radius:13px;align-items:center;gap:10px;padding:11px 14px;display:flex;position:absolute;bottom:20px;right:22px;box-shadow:0 0 22px #39e8ff29}.gps-control b,.gps-control small{display:block}.gps-control small{color:var(--muted);margin-top:2px;font-size:11px}.gps-control.live{border-color:#63f8b0}.gps-control.live .navo-icon{color:#63f8b0}.gps-control.locating .navo-icon{animation:.9s ease-in-out infinite alternate gps-pulse}.gps-control.denied{border-color:#ff657f}.map-alert{max-width:300px;right:auto}@keyframes gps-pulse{to{filter:drop-shadow(0 0 8px var(--cyan));transform:scale(1.12)}}@media (width<=560px){.gps-control{max-width:calc(100% - 20px);bottom:58px;right:10px}.map-alert{max-width:calc(100% - 20px)}}.live-map-wrap,.leaflet-map{position:absolute;inset:0}.leaflet-map{z-index:0;background:#08101d}.leaflet-map .leaflet-tile-pane{filter:saturate(.65)brightness(.66)contrast(1.18)hue-rotate(175deg)}.leaflet-map .leaflet-control-attribution{color:#9ba7c4;background:#030814d1}.leaflet-map .leaflet-control-attribution a{color:#61eaff}.leaflet-map .leaflet-control-zoom a{color:#dffaff;background:#081127;border-color:#39e8ff40}.map-planner{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a18ed;border:1px solid #39e8ff57;border-radius:17px;width:min(380px,100% - 44px);padding:15px;position:absolute;top:106px;left:22px;box-shadow:0 18px 50px #00000057}.map-planner-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.map-planner-title span{letter-spacing:.12em;color:var(--cyan);font-size:10px}.map-planner label{grid-template-columns:54px 1fr;align-items:center;gap:7px;margin:7px 0;display:grid}.map-planner label small{color:var(--muted)}.map-planner input{margin:0;padding:10px 11px}.map-plan-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.map-plan-actions button{border:1px solid var(--line);background:#0d172fe6;border-radius:10px;padding:10px}.map-plan-actions button:last-child{border-color:var(--cyan);background:var(--cyan);color:#031116;font-weight:700}.map-plan-actions button:disabled{opacity:.45}.route-live-status{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040d18eb;border:1px solid #63f8b059;border-radius:13px;align-items:center;gap:10px;max-width:420px;padding:11px 14px;display:flex;position:absolute;bottom:68px;left:22px}.route-live-status b,.route-live-status small{display:block}.route-live-status small{color:var(--muted);margin-top:2px}.nav-map>.map-shade{z-index:1;pointer-events:none}.nav-map>.turn-banner,.nav-map>.map-rider,.nav-map>.gps-control,.nav-map>.map-alert{z-index:6}@media (width<=560px){.map-planner{width:calc(100% - 20px);padding:11px;top:78px;left:10px}.map-planner-title span{display:none}.map-planner label{grid-template-columns:42px 1fr}.map-plan-actions{grid-template-columns:1fr 1fr}.route-live-status{max-width:none;bottom:108px;left:10px;right:10px}.route-live-status small{font-size:10px}}.nav-map>.turn-banner{display:none}.route-options{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.route-options button{border:1px solid var(--line);text-align:center;background:#0c1429e6;border-radius:10px;padding:9px 5px}.route-options button.selected{border-color:var(--cyan);background:#39e8ff1f}.route-options b,.route-options span,.route-options small{display:block}.route-options b{font-size:11px}.route-options span{color:var(--cyan);margin-top:3px;font-weight:700}.route-options small{color:var(--muted)}.route-start-row{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:10px;display:grid}.route-start-row .start-navigation{color:#04120c;background:#63f8b0;border:1px solid #63f8b0;border-radius:11px;padding:12px;font-weight:800}.route-start-row small{color:var(--muted);font-size:10px}.active-guidance{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040a19f0;border:1px solid #39e8ff73;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 17px;display:grid;position:absolute;top:18px;left:18px;right:18px;box-shadow:0 16px 45px #00000059}.guidance-arrow{background:var(--cyan);color:#031116;border-radius:13px;place-items:center;width:48px;height:48px;font-size:30px;display:grid}.active-guidance b,.active-guidance small,.active-guidance em{display:block}.active-guidance b{font-size:19px}.active-guidance small,.active-guidance em{color:var(--muted);font-style:normal}.active-guidance button{color:#ff9bad;background:0 0;border:1px solid #ff657f80;border-radius:10px;padding:10px 13px}.follow-map{z-index:7;border:1px solid var(--line);background:#050a18eb;border-radius:999px;padding:10px 13px;position:absolute;top:94px;right:22px}.follow-map.active{color:#63f8b0;border-color:#63f8b0}@media (width<=560px){.map-planner{top:12px}.route-live-status{bottom:68px}.active-guidance{padding:10px;top:10px;left:10px;right:10px}.active-guidance b{font-size:14px}.active-guidance em{font-size:10px}.guidance-arrow{width:40px;height:40px}.follow-map{top:82px;right:10px}.route-start-row{grid-template-columns:1fr}.route-start-row small{text-align:center}.map-rider{display:none}}.demo-quick-entry{z-index:8;color:#8fffc2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#051819eb;border:1px solid #63f8b0;border-radius:999px;padding:13px 18px;font-weight:800;position:fixed;bottom:24px;right:clamp(18px,4vw,60px);box-shadow:0 0 24px #63f8b02e}@media (width<=620px){.demo-quick-entry{padding:11px 14px;bottom:14px;right:16px}}.demo-quick-entry,.demo-access,.map-rider,.map-alert,.crew-list,.live-stats,.nav-ptt,.ptt,.system-status,.header-actions>.login-button,.header-actions>.register-button{display:none!important}.action-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.legal-result{border:1px solid var(--line);background:#080d1ce0;border-radius:11px;margin-top:9px;padding:10px 11px}.legal-result>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.legal-result>div span{color:var(--muted);font-size:10px}.legal-result small{color:var(--muted);margin-top:5px;line-height:1.35;display:block}.legal-result.pass{border-color:#63f8b080}.legal-result.pass b{color:#63f8b0}.legal-result.review{border-color:#ffcb658c}.legal-result.review b{color:#ffcb65}.legal-result.blocked{border-color:#ff657f8c}.legal-result.blocked b{color:#ff657f}.legal-result button{color:#ffe0a0;background:#ffcb651a;border:1px solid #ffcb65;border-radius:9px;width:100%;margin-top:8px;padding:9px}.route-options .legal-pass small{color:#63f8b0}.route-options .legal-review small{color:#ffcb65}.route-options .legal-blocked small{color:#ff7c92}.route-start-row .start-navigation:disabled{color:#ff9bad;cursor:not-allowed;background:#ff657f21;border-color:#ff657f}.map-planner select{margin:0;padding:10px 11px}@media (width<=560px){.map-planner{max-height:calc(100vh - 170px);overflow:auto}.legal-result small{font-size:10px}.route-options{grid-template-columns:repeat(2,1fr)}}.rule-data-actions{z-index:7;gap:8px;display:flex;position:absolute;bottom:74px;right:22px}.rule-data-actions button{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050a18ed;border-radius:11px;padding:10px 12px}.rule-data-actions button:first-child{color:#ffe0a0;border-color:#ffcb65}.rule-data-actions span{background:var(--cyan);color:#031116;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:4px;font-size:11px;font-weight:800;display:inline-grid}.report-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01030cc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.road-report-modal,.review-queue{background:linear-gradient(145deg,#0b1228,#070b19);border:1px solid #39e8ff59;border-radius:22px;width:min(560px,100%);max-height:88vh;padding:22px;overflow:auto;box-shadow:0 30px 90px #0000008c}.road-report-modal header,.review-queue header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:17px;display:flex}.road-report-modal header small,.review-queue header small{color:var(--cyan);letter-spacing:.13em}.road-report-modal h3,.review-queue h3{margin:3px 0;font-size:25px}.road-report-modal header>button,.review-queue header>button{border:1px solid var(--line);background:0 0;border-radius:50%;width:36px;height:36px;font-size:22px}.report-location{border:1px solid var(--line);background:#080d1d;border-radius:12px;padding:12px}.report-location b,.report-location small{display:block}.report-location small{color:var(--muted);margin-top:4px}.road-report-modal label{margin:14px 0}.road-report-modal textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:90px;color:var(--text);font:inherit;background:#080c1b;border-radius:11px;margin-top:8px;padding:12px}.road-report-modal p{font-size:12px}.submit-road-report{border:1px solid var(--cyan);background:var(--cyan);color:#031116;border-radius:11px;width:100%;padding:13px;font-weight:800}.report-submit-status{text-align:center;color:#63f8b0;margin-top:11px;display:block}.queue-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.queue-summary span{text-align:center;border:1px solid var(--line);background:#080d1d;border-radius:12px;padding:12px}.queue-summary b,.queue-summary small{display:block}.queue-summary b{color:var(--cyan);font-size:22px}.queue-summary small{color:var(--muted)}.report-list{gap:8px;margin-top:14px;display:grid}.report-list article{border:1px solid var(--line);background:#080d1de6;border-radius:12px;padding:12px}.report-list article>div{justify-content:space-between;gap:10px;display:flex}.report-list p{color:var(--text);margin:5px 0;font-size:13px}.report-list small,.report-list time{color:var(--muted);font-size:11px;display:block}.report-list time{margin-top:7px}.report-list em{color:#ffcb65;background:#ffcb651f;border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal}.report-list em.approved{color:#63f8b0}.review-queue footer{color:var(--muted);margin-top:14px;font-size:11px}.empty-queue{text-align:center;padding:24px}.review-queue{width:min(650px,100%)}.review-action-status{color:var(--cyan);background:#31e7ff14;border:1px solid #31e7ff4d;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px;display:block}.review-actions{gap:8px;margin-top:11px;display:flex}.review-actions button{border-radius:9px;flex:1;padding:9px 10px;font-weight:800}.review-actions .approve{color:#63f8b0;background:#63f8b01f;border:1px solid #63f8b0}.review-actions .reject{color:#ff9bad;background:#ff657f1a;border:1px solid #ff657f}.admin-session{background:#63f8b012;border:1px solid #63f8b052;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:11px 12px;display:flex}.admin-session b,.admin-session small{display:block}.admin-session b{color:#63f8b0}.admin-session small{color:var(--muted);margin-top:3px}.admin-session a{color:var(--cyan);font-size:12px}.admin-gate{text-align:center;border:1px solid var(--line);background:#080d1de6;border-radius:16px;padding:30px 20px}.admin-gate>span{border:1px solid var(--cyan);width:52px;height:52px;color:var(--cyan);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:22px;display:grid}.admin-gate h4{margin:0;font-size:20px}.admin-gate p{max-width:430px;color:var(--muted);margin:10px auto 18px;line-height:1.55}.admin-gate a{background:var(--cyan);color:#031116;border-radius:10px;padding:11px 15px;font-weight:800;display:inline-block}.rule-import{background:#9f74ff12;border:1px solid #9f74ff59;border-radius:12px;margin:0 0 12px;padding:12px}.rule-import summary{cursor:pointer;color:#d7c3ff;font-weight:800}.rule-import p{color:var(--muted);margin:10px 0 7px;font-size:12px}.rule-import code{color:#9eeeff;white-space:nowrap;background:#060a17;border-radius:8px;padding:8px;font-size:10px;display:block;overflow:auto}.rule-import textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:112px;color:var(--text);background:#060a17;border-radius:9px;margin:9px 0;padding:10px;font:11px/1.45 monospace}.rule-import button{color:#090516;background:#9f74ff;border:1px solid #9f74ff;border-radius:9px;width:100%;padding:10px;font-weight:800}.rule-import button:disabled{opacity:.45}.rule-import>small{color:var(--cyan);margin-top:8px;display:block}.data-versions-modal{width:min(720px,100%)}.tdx-sync{background:linear-gradient(135deg,#31e7ff14,#9f74ff0f);border:1px solid #31e7ff47;border-radius:14px;padding:14px}.tdx-sync>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.tdx-sync small{color:var(--muted);letter-spacing:.08em}.tdx-sync b{margin-right:auto}.tdx-sync em{border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal}.tdx-sync em.ready{color:#63f8b0;background:#63f8b01f}.tdx-sync em.waiting{color:#ffcb65;background:#ffcb651f}.tdx-sync>button{border:1px solid var(--cyan);background:var(--cyan);color:#031116;border-radius:9px;width:100%;margin-top:11px;padding:10px;font-weight:800}.tdx-sync>button:disabled{border-color:var(--line);color:var(--muted);background:#11172a}.tdx-sync p{color:var(--cyan);margin:9px 0 0;font-size:12px}.version-list{gap:9px;margin-top:14px;display:grid}.version-list article{border:1px solid var(--line);background:#080d1de6;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid}.version-list article b,.version-list article small,.version-list article time{display:block}.version-list article small,.version-list article time{color:var(--muted);margin-top:3px;font-size:11px}.version-list article>em{color:#ffcb65;background:#ffcb651f;border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal}.version-list article>em.active{color:#63f8b0;background:#63f8b01f}.version-list article>button{color:#d7c3ff;background:#9f74ff1a;border:1px solid #9f74ff;border-radius:8px;padding:8px 10px}.data-versions-modal footer{color:var(--muted);margin-top:13px;font-size:11px}@media (width<=560px){.rule-data-actions{flex-direction:column;bottom:110px;right:10px}.rule-data-actions button{padding:8px 10px}.road-report-modal,.review-queue{border-radius:17px;padding:16px}.queue-summary b{font-size:18px}}.nav-console{grid-template-columns:minmax(0,1fr)!important}.nav-sidebar{display:none!important}.map-tool-sidebar{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a18f0;border:1px solid #39e8ff47;border-radius:18px;flex-direction:column;gap:7px;width:62px;padding:8px;display:flex;position:absolute;top:22px;left:18px;box-shadow:0 18px 50px #00000059}.map-tool-sidebar button{color:#aab7d0;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;gap:2px;min-height:54px;padding:7px 3px;display:grid;position:relative}.map-tool-sidebar button:hover,.map-tool-sidebar button.active{color:#75efff;background:#39e8ff1f;border-color:#39e8ff7a}.map-tool-sidebar button span{font-size:20px}.map-tool-sidebar button small{font-size:10px}.map-tool-sidebar button em{color:#fff;background:#ff657f;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-style:normal;display:grid;position:absolute;top:2px;right:2px}.map-planner{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#39e8ff73 transparent;max-height:calc(100vh - 130px);overflow-y:auto;width:min(380px,100% - 116px)!important;top:22px!important;left:94px!important}.map-planner .route-start-row{z-index:3;background:linear-gradient(#050a1800,#050a18fa 24%);margin:10px -15px -15px;padding:12px 15px 15px;position:sticky;bottom:-15px}.map-planner .start-navigation{min-height:46px;font-size:14px;box-shadow:0 0 22px #63f8b033}.vehicle-mode-switch{border:1px solid var(--line);background:#070c1b;border-radius:14px;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px;padding:5px;display:grid}.vehicle-mode-switch button{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:9px 10px;display:grid}.vehicle-mode-switch button span{grid-row:1/3;font-size:22px}.vehicle-mode-switch button b,.vehicle-mode-switch button small{display:block}.vehicle-mode-switch button small{color:var(--muted);font-size:9px}.vehicle-mode-switch button.active{color:var(--cyan);background:#39e8ff1f;border-color:#39e8ff73}.mode-car{border-color:#63f8b061}@media (width<=560px){.map-tool-sidebar{gap:4px;width:54px;padding:6px;top:8px;left:8px}.map-tool-sidebar button{min-height:47px}.map-tool-sidebar button span{font-size:17px}.map-planner{width:calc(100% - 78px)!important;max-height:calc(100vh - 90px)!important;top:8px!important;left:70px!important}.vehicle-mode-switch button{column-gap:4px;padding:7px 5px}.vehicle-mode-switch button span{font-size:18px}}@media (width<=900px){.nav-map{min-height:calc(100vh - 72px)!important}.map-planner{max-height:calc(100vh - 112px)}.map-tool-sidebar{max-height:calc(100vh - 110px);overflow-y:auto}}@media (width<=700px){.map-tool-sidebar{border-radius:15px;grid-template-columns:repeat(7,1fr);gap:3px;width:auto;max-height:none;padding:6px;display:grid;position:fixed;inset:auto 8px 8px}.map-tool-sidebar button{min-width:0;min-height:48px;padding:5px 2px}.map-tool-sidebar button span{font-size:17px}.map-tool-sidebar button small{font-size:9px}.map-planner{width:calc(100% - 16px)!important;max-height:calc(100vh - 150px)!important;top:8px!important;left:8px!important}.map-planner .route-start-row{margin-bottom:-11px;margin-left:-11px;margin-right:-11px;padding-bottom:12px;padding-left:11px;padding-right:11px;bottom:-11px}.route-live-status{max-width:none;bottom:74px;left:8px;right:8px}.gps-control{bottom:138px!important;right:10px!important}.follow-map{top:auto;bottom:138px;right:10px}.vehicle-mode-switch button{column-gap:4px;padding:7px 5px}.vehicle-mode-switch button span{font-size:18px}}@media (width<=420px){.map-tool-sidebar button small{font-size:8px}.map-planner{padding:11px}.map-planner-title b{font-size:12px}.map-planner .route-start-row{grid-template-columns:1fr}.route-options{grid-template-columns:repeat(2,1fr)}}@media (height<=520px) and (orientation:landscape){.nav-map{min-height:calc(100vh - 58px)!important}.map-tool-sidebar{grid-template-columns:none;gap:2px;width:54px;max-height:calc(100vh - 72px);padding:5px;display:flex;position:absolute;inset:7px auto auto 7px;overflow-y:auto}.map-tool-sidebar button{min-height:40px;padding:3px 2px}.map-tool-sidebar button span{font-size:15px}.map-tool-sidebar button small{font-size:8px}.map-planner{padding:10px;width:min(360px,100% - 78px)!important;max-height:calc(100vh - 72px)!important;top:7px!important;left:70px!important}.map-planner .vehicle-mode-switch{margin-bottom:6px}.map-planner label{margin:4px 0}.map-planner input,.map-planner select{padding:7px 9px}.map-plan-actions{margin-top:6px}.map-plan-actions button{padding:8px}.map-planner .route-start-row{margin:7px -10px -10px;padding:9px 10px 10px;bottom:-10px}.route-live-status{max-width:300px;bottom:8px;left:auto;right:8px}.gps-control,.follow-map{top:8px!important;bottom:auto!important;right:8px!important}.active-guidance{top:7px;left:70px;right:8px}}@media (width<=700px){.map-tool-sidebar{grid-template-columns:repeat(9,1fr)}}.map-tool-sidebar.guiding{gap:3px;width:52px;padding:6px}.map-tool-sidebar.guiding button{min-height:45px}.map-tool-sidebar.guiding button small{display:none}.active-guidance{background:#040a19eb;border-radius:20px;flex-direction:column;gap:0;width:min(720px,100% - 100px);padding:0;display:flex;top:14px;left:82px;right:auto;overflow:hidden}.active-guidance .next-turn{grid-template-columns:68px 1fr;align-items:center;gap:15px;padding:16px 18px;display:grid}.active-guidance .guidance-arrow{border-radius:17px;width:68px;height:68px;font-size:43px}.active-guidance .next-turn small{color:#7deeff;font-size:16px;font-weight:800;display:block}.active-guidance .next-turn b{text-overflow:ellipsis;white-space:nowrap;max-width:560px;margin-top:3px;font-size:clamp(18px,2vw,28px);display:block;overflow:hidden}.drive-metrics{align-items:center;gap:10px;padding:0 18px 14px;display:flex}.speed-gauge,.speed-limit{border:1px solid var(--line);background:#0a1227e0;border-radius:13px;place-items:center;min-width:72px;height:58px;display:grid}.speed-gauge strong{color:#fff;font-size:25px;line-height:1}.speed-gauge small,.speed-limit small{color:var(--muted);font-size:9px}.speed-limit strong{font-size:12px}.end-guidance{color:#ff9bad;background:#ff657f17;border:1px solid #ff657f8c;border-radius:11px;margin-left:auto;padding:11px 16px;font-weight:800}.active-guidance footer{border-top:1px solid var(--line);background:#020712f0;grid-template-columns:repeat(3,minmax(82px,1fr)) auto;align-items:center;gap:8px;padding:12px 18px;display:grid}.active-guidance footer span small,.active-guidance footer span b{display:block}.active-guidance footer span small{color:var(--muted);font-size:10px}.active-guidance footer span b{margin-top:2px;font-size:16px}.active-guidance footer em{color:var(--cyan);background:#31e7ff1f;border-radius:999px;padding:6px 9px;font-size:10px;font-style:normal}.follow-map{top:auto;bottom:84px;right:18px}.route-live-status{max-width:360px;padding:9px 12px}.route-live-status small{font-size:10px}@media (width<=900px){.active-guidance{width:min(650px,100% - 92px);left:78px}.active-guidance .next-turn{padding:13px 15px}.active-guidance .guidance-arrow{width:58px;height:58px;font-size:36px}.active-guidance .next-turn b{font-size:20px}}@media (width<=700px) and (orientation:portrait){.map-tool-sidebar.guiding{width:auto}.map-tool-sidebar.guiding button small{display:block}.active-guidance{border-radius:16px;width:auto;top:8px;left:8px;right:8px}.active-guidance .next-turn{grid-template-columns:52px 1fr;gap:10px;padding:11px}.active-guidance .guidance-arrow{width:52px;height:52px;font-size:32px}.active-guidance .next-turn small{font-size:12px}.active-guidance .next-turn b{font-size:16px}.drive-metrics{padding:0 11px 9px}.speed-gauge,.speed-limit{min-width:62px;height:50px}.speed-gauge strong{font-size:21px}.end-guidance{padding:9px 11px;font-size:11px}.active-guidance footer{padding:9px 11px}.active-guidance footer span b{font-size:13px}.route-live-status{display:none}.follow-map{bottom:76px}}@media (height<=520px) and (orientation:landscape){.map-tool-sidebar.guiding{width:48px}.active-guidance{width:min(560px,100% - 76px);top:7px;left:68px;right:auto}.active-guidance .next-turn{grid-template-columns:48px 1fr;gap:9px;padding:8px 10px}.active-guidance .guidance-arrow{width:48px;height:48px;font-size:29px}.active-guidance .next-turn small{font-size:11px}.active-guidance .next-turn b{font-size:16px}.drive-metrics{padding:0;position:absolute;top:8px;right:8px}.speed-gauge,.speed-limit{min-width:55px;height:48px}.end-guidance{padding:8px 9px;font-size:10px}.active-guidance footer{padding:7px 10px}.active-guidance footer span b{font-size:12px}.active-guidance footer em,.route-live-status{display:none}}.speed-limit.overspeed{background:#ff657f29;border-color:#ff657f;box-shadow:0 0 18px #ff657f47}.speed-limit.overspeed strong{color:#ff9bad}.lane-guidance{background:#39e8ff14;border:1px solid #39e8ff47;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:0 18px 12px;padding:9px 11px;display:grid}.lane-guidance>span{color:var(--cyan);font-size:24px}.lane-guidance b{font-size:14px}.lane-guidance small{font-size:9px}.traffic-event{background:#ffa6321a;border:1px solid #ffbe5c6b;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:9px;margin:0 18px 12px;padding:9px 11px;display:grid}.traffic-event>span{color:#241300;background:#ffb457;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.traffic-event b,.traffic-event small,.traffic-event em{display:block}.traffic-event b{font-size:13px}.traffic-event small,.traffic-event em{font-size:9px}.traffic-event.blocked{background:#ff657f1a;border-color:#ff657f8c}.rest-stop-alert{background:#63f8b01a;border:1px solid #63f8b06b;border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;margin:0 18px 12px;padding:9px 11px;display:grid}.rest-stop-alert>span{background:#63f8b02e;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.rest-stop-alert small,.rest-stop-alert b{display:block}.rest-stop-alert small{color:#63f8b0;font-size:9px}.rest-stop-alert b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}@media (width<=700px){.lane-guidance,.traffic-event,.rest-stop-alert{margin:0 11px 8px;padding:7px 9px}.lane-guidance{grid-template-columns:28px 1fr}.lane-guidance small,.traffic-event em{display:none}}@media (height<=520px) and (orientation:landscape){.lane-guidance,.traffic-event,.rest-stop-alert{display:none}}.map-tool-sidebar.driving button:first-child,.map-tool-sidebar.driving button:nth-child(n+5){display:none}.map-tool-sidebar.driving button:nth-child(7){display:grid}.poi-modal,.diagnostic-modal{background:#050a18fa;border:1px solid #39e8ff57;border-radius:22px;width:min(620px,100vw - 24px);max-height:min(760px,100vh - 24px);padding:22px;overflow:auto;box-shadow:0 24px 80px #0009}.poi-modal header,.diagnostic-modal header{justify-content:space-between;align-items:center;display:flex}.poi-modal header h3,.diagnostic-modal header h3{margin:3px 0}.poi-modal header>button,.diagnostic-modal header>button{border:1px solid var(--line);background:0 0;border-radius:10px;width:38px;height:38px}.poi-categories{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.poi-categories button{border:1px solid var(--line);background:#0a1227;border-radius:11px;padding:12px 8px}.poi-results{gap:7px;display:grid}.poi-results button{border:1px solid var(--line);text-align:left;background:#080f21;border-radius:11px;grid-template-columns:1fr auto;gap:3px;padding:11px;display:grid}.poi-results button small{color:var(--muted);grid-column:1}.poi-results button em{color:#ffcb69;grid-area:1/2/3;font-style:normal}.poi-modal footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:14px;font-size:11px;display:flex}.poi-modal footer button,.export-diagnostics{border:1px solid var(--cyan);background:#39e8ff1a;border-radius:10px;padding:10px 13px}.diagnostic-layer{z-index:30}.diagnostic-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0;display:grid}.diagnostic-grid span{border:1px solid var(--line);background:#081022;border-radius:12px;padding:13px}.diagnostic-grid small,.diagnostic-grid b{display:block}.diagnostic-grid small{color:var(--muted)}.diagnostic-grid b{margin-top:5px}.diagnostic-modal p{font-size:12px}.export-diagnostics{width:100%;color:var(--cyan)}@media (width<=520px){.poi-categories,.diagnostic-grid{grid-template-columns:repeat(2,1fr)}.poi-modal,.diagnostic-modal{padding:15px}.poi-modal footer{flex-direction:column;align-items:stretch}}.nav-console.solo-navigation{grid-template-columns:1fr}.empty-crew{text-align:center;border:1px dashed var(--line);background:#080e1fb3;border-radius:22px;align-content:center;place-items:center;gap:8px;min-height:260px;display:grid}.empty-crew .navo-icon{width:42px;height:42px;color:var(--cyan)}.empty-crew h2,.empty-crew p{margin:0}.empty-crew p{max-width:420px}@media (width<=700px) and (orientation:portrait){html,body{max-width:100%;overflow-x:hidden}.navigation-content,.nav-console,.nav-map,.live-map-wrap{width:100%;min-width:0;max-width:100%}.navigation-content,.nav-console{min-height:calc(100dvh - 72px)}.nav-map{min-height:calc(100dvh - 72px)!important}.active-guidance{box-sizing:border-box;top:max(8px,env(safe-area-inset-top));border-radius:15px;width:auto;max-width:calc(100vw - 16px);left:8px;right:8px}.active-guidance .next-turn{grid-template-columns:46px minmax(0,1fr);gap:9px;min-width:0;padding:10px}.active-guidance .guidance-arrow{border-radius:12px;width:46px;height:46px;font-size:29px}.active-guidance .next-turn>div{min-width:0;overflow:hidden}.active-guidance .next-turn small{font-size:11px}.active-guidance .next-turn b{-webkit-line-clamp:2;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;min-width:0;max-width:100%;margin-top:2px;font-size:15px;line-height:1.25;display:-webkit-box;overflow:hidden}.drive-metrics{grid-template-columns:minmax(58px,72px) minmax(58px,72px) minmax(92px,1fr);gap:7px;min-width:0;padding:0 10px 9px;display:grid}.speed-gauge,.speed-limit{box-sizing:border-box;width:100%;min-width:0;height:48px}.speed-gauge strong{font-size:20px}.end-guidance{box-sizing:border-box;white-space:nowrap;width:100%;min-width:0;margin-left:0;padding:8px 6px;font-size:11px}.active-guidance footer{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;padding:8px 10px 9px}.active-guidance footer span{min-width:0}.active-guidance footer span b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.active-guidance footer em{display:none}.lane-guidance,.traffic-event{min-width:0;margin:0 10px 8px}.lane-guidance b,.traffic-event b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.map-tool-sidebar{box-sizing:border-box;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 16px)}.map-tool-sidebar.guiding{width:auto}.map-tool-sidebar.guiding button{min-width:0}.follow-map{right:10px;bottom:calc(72px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}}@media (width<=380px) and (orientation:portrait){.active-guidance{max-width:calc(100vw - 12px);left:6px;right:6px}.active-guidance .next-turn{grid-template-columns:42px minmax(0,1fr);padding:8px}.active-guidance .guidance-arrow{width:42px;height:42px;font-size:26px}.drive-metrics{grid-template-columns:58px 58px minmax(82px,1fr);padding:0 8px 8px}.active-guidance footer{padding-inline:8px}}@media (width<=700px) and (orientation:portrait){:is(.app-shell:has(.navigation-content) .app-header,.app-shell:has(.navigation-content) .stepper){display:none}:is(.app-shell:has(.navigation-content) .navigation-content,.app-shell:has(.navigation-content) .nav-console,.app-shell:has(.navigation-content) .nav-map){height:100dvh;min-height:100dvh!important}.active-guidance{top:max(10px,env(safe-area-inset-top));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;overflow:visible}.active-guidance .next-turn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#031920f0;border:1px solid #39e8ff8c;border-radius:18px;box-shadow:0 12px 34px #00000057}.active-guidance .next-turn b{-webkit-line-clamp:1;font-size:17px}.active-guidance .next-turn small{font-size:13px}.active-guidance .lane-guidance,.active-guidance .rest-stop-alert,.active-guidance .traffic-event{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:0 0 14px 14px;width:max-content;max-width:calc(100vw - 28px);margin:7px 0 0;box-shadow:0 8px 24px #00000040}.active-guidance .drive-metrics{padding:0;display:block}.active-guidance .speed-gauge{z-index:11;left:16px;bottom:calc(116px + env(safe-area-inset-bottom));pointer-events:auto;background:#050a18eb;border:2px solid #ffffffeb;border-radius:50%;width:72px;height:72px;display:grid;position:fixed;box-shadow:0 8px 24px #00000061}.active-guidance .speed-gauge strong{font-size:26px}.active-guidance .speed-limit{display:none}.active-guidance .end-guidance{z-index:12;right:18px;bottom:calc(20px + env(safe-area-inset-bottom));color:#fff;pointer-events:auto;background:#df3d47;border:0;border-radius:999px;width:92px;height:62px;padding:0;font-size:17px;position:fixed;box-shadow:0 8px 24px #0000004d}.active-guidance footer{z-index:10;box-sizing:border-box;min-height:100px;padding:17px 122px calc(16px + env(safe-area-inset-bottom)) 18px;text-align:left;background:#040915f7;border:0;border-radius:24px 24px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 35px #00000057}.active-guidance footer span small{font-size:10px}.active-guidance footer span b{font-size:14px}.map-tool-sidebar.guiding{z-index:9;background:#050a18c7;border:0;border-radius:999px;flex-direction:column;width:54px;max-width:54px;padding:5px;display:flex;position:fixed;inset:42% 14px auto auto}.map-tool-sidebar.guiding button{background:#ffffff14;border-radius:50%;width:44px;min-height:44px}.map-tool-sidebar.guiding button small{display:none}.map-tool-sidebar.guiding button:first-child,.map-tool-sidebar.guiding button:nth-child(n+5){display:none!important}.map-tool-sidebar.guiding button:nth-child(2),.map-tool-sidebar.guiding button:nth-child(3),.map-tool-sidebar.guiding button:nth-child(4){display:grid!important}.follow-map{right:18px;bottom:calc(116px + env(safe-area-inset-bottom));border-radius:50%;padding:13px;font-size:0}.follow-map:before{content:"◎";font-size:24px}.active-guidance .next-turn{grid-template-columns:50px minmax(0,1fr);padding:10px 12px}.active-guidance .guidance-arrow{width:50px;height:50px;font-size:31px}.active-guidance .next-turn b{-webkit-line-clamp:2;line-height:1.2}.active-guidance .rest-stop-alert{animation:.28s ease-out astravia-alert-in}.map-tool-sidebar.guiding button:nth-child(3){display:none!important}.map-tool-sidebar.guiding{gap:7px;top:47%}.active-guidance footer{grid-template-columns:1fr 1fr;padding-right:108px}.active-guidance footer span:first-child{display:none}.active-guidance .end-guidance{right:16px;bottom:calc(23px + env(safe-area-inset-bottom));width:80px;height:54px;font-size:15px}.follow-map.active{display:none}.follow-map:not(.active){right:18px;bottom:calc(112px + env(safe-area-inset-bottom))}}@keyframes astravia-alert-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-entry{color:#31e7ff;border:1px solid #31e7ff55;border-radius:9px;padding:9px 12px;font-size:12px;text-decoration:none}.management{color:#eef3ff;background:radial-gradient(circle at 80% 0,#6945dc33,#0000 30%),#050816;min-height:100vh;padding:24px}.management>header{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1180px;margin:0 auto 24px;display:grid}.management>header a{color:#77eaff;text-decoration:none}.management>header>a:last-of-type{text-align:right}.management>header div{text-align:center}.management small,.mg-title small{color:#7b8aaa}.management h1{margin:5px 0 0;font-size:24px}.mg-card,.mg-hero,.mg-message{background:#0a0f22db;border:1px solid #6e84bc38;border-radius:18px;max-width:1180px;margin:0 auto 18px}.mg-card{padding:20px}.center{text-align:center;margin-top:80px;padding:45px}.lock{color:#77eaff;font-size:32px}.mg-primary{color:#031116;background:#39e7ff;border-radius:10px;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-block}.mg-hero{background:linear-gradient(135deg,#31e7ff17,#9f74ff1a);justify-content:space-between;gap:24px;padding:26px;display:flex}.mg-hero>div>span,.ok{color:#63f8b0}.warn{color:#ffcb65}.mg-hero h2{margin:10px 0 7px}.mg-hero p,.safe{color:#93a2bf}.mg-hero dl{gap:10px;margin:0;display:flex}.mg-hero dl div{background:#0307128c;border:1px solid #6e84bc2e;border-radius:12px;min-width:130px;padding:14px}.mg-hero dt{color:#7b8aaa;font-size:11px}.mg-hero dd{margin:7px 0 0;font-weight:700}.mg-message{color:#77eaff;justify-content:space-between;padding:13px 16px;display:flex}.mg-message button{color:#fff;background:0 0;border:0}.mg-grid{grid-template-columns:1.35fr .65fr;gap:18px;max-width:1180px;margin:0 auto 18px;display:grid}.mg-grid .mg-card{margin:0}.mg-title,.provider{justify-content:space-between;align-items:center;gap:12px;display:flex}.mg-title{margin-bottom:16px}.mg-title h3{margin:5px 0 0}.mg-title em{font-size:10px;font-style:normal}.provider{border-top:1px solid #6e84bc26;padding:14px 0}.provider b,.provider small,.quick b,.quick small{display:block}.provider small,.quick small{color:#7b8aaa;margin-top:4px}.provider button,.versions button,.importer>button{color:#031116;background:#39e7ff;border:0;border-radius:9px;padding:9px 12px;font-weight:800}.provider button:disabled,.importer>button:disabled{color:#61708e;background:#192139}.provider.disabled{opacity:.6}.safe{font-size:11px}.quick{box-sizing:border-box;color:#eef3ff;text-align:left;background:#04081499;border:1px solid #6e84bc2e;border-radius:11px;width:100%;margin-top:9px;padding:13px;text-decoration:none;display:block}.versions article{border-top:1px solid #6e84bc29;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:13px;display:grid}.versions article b,.versions article small,.versions article time{display:block}.versions article small,.versions article time{color:#7b8aaa;margin-top:4px;font-size:11px}.versions article em{color:#ffcb65;font-size:11px;font-style:normal}.versions article em.active{color:#63f8b0}.importer code{color:#91a2c4;background:#030611;border-radius:8px;padding:10px;display:block;overflow:auto}.importer textarea{box-sizing:border-box;color:#eef3ff;background:#05091a;border:1px solid #6e84bc3d;border-radius:10px;width:100%;min-height:150px;margin:12px 0;padding:12px}@media (width<=820px){.management{padding:14px}.management>header{grid-template-columns:1fr auto}.management>header div{text-align:left;grid-area:1/1/auto/-1;margin-bottom:18px}.mg-hero{display:block}.mg-hero dl{margin-top:18px;overflow:auto}.mg-grid{grid-template-columns:1fr}.versions article{grid-template-columns:1fr auto}.versions article button{grid-column:1/-1}}.settings-link{border:1px solid var(--line);color:var(--text);background:#0b1022ad;border-radius:11px;align-items:center;gap:7px;padding:9px 12px;text-decoration:none;display:flex}.settings-link:hover{border-color:var(--cyan);color:var(--cyan)}.settings-link .navo-icon{width:19px;height:19px}.crew-direct-action{border:1px solid var(--cyan);background:var(--cyan);color:#031116;border-radius:12px;width:100%;margin-top:8px;padding:15px;font-weight:900;box-shadow:0 0 20px #39e8ff29}.crew-direct-action:disabled{opacity:.5;cursor:wait}.crew-inline-notice{color:#ffcb65;margin:8px 0 14px;font-size:13px}.app-header,.stepper,.app-content,.navigation-content,.flow-footer{pointer-events:auto}.deep-space,.app-shell:before,.avatar-stage:before,.map-shade{pointer-events:none!important}.action-grid button,.glass-form button,.route-copy button,.flow-footer button,.header-actions a,.header-actions button{z-index:20;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:#39e8ff38;position:relative}.crew-settings-modal{background:#050a18fa;border:1px solid #39e8ff57;border-radius:22px;width:min(560px,100vw - 24px);padding:22px;box-shadow:0 24px 80px #0009}.crew-settings-modal header{justify-content:space-between;align-items:center;display:flex}.crew-settings-modal header small{color:var(--cyan);letter-spacing:.12em}.crew-settings-modal h3{margin:4px 0}.crew-settings-modal header button{border:1px solid var(--line);background:0 0;border-radius:10px;width:38px;height:38px}.crew-setting-actions{gap:9px;margin-top:16px;display:grid}.crew-setting-actions a{border:1px solid var(--line);color:var(--text);background:#081022;border-radius:13px;padding:15px;text-decoration:none;display:block}.crew-setting-actions a:hover{border-color:var(--cyan);background:#39e8ff14}.crew-setting-actions b,.crew-setting-actions small{display:block}.crew-setting-actions small{color:var(--muted);margin-top:4px}.pwa-update{z-index:100;border:1px solid var(--cyan);background:#071126;border-radius:13px;align-items:center;gap:14px;padding:11px 14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000073}.pwa-update button{background:var(--cyan);color:#031116;border:0;border-radius:8px;padding:8px 11px;font-weight:800}.crew-qr{background:#fff;border-radius:16px;width:200px;height:200px;margin:14px auto;padding:8px;display:block}.live-crew-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.live-crew-list article{border:1px solid var(--line);background:#080e1fd1;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.live-crew-list img{object-fit:cover;border-radius:13px;width:54px;height:54px}.live-crew-list b,.live-crew-list small{display:block}.live-crew-list small{color:var(--muted);margin-top:4px}.live-crew-list em{color:#63f8b0;font-size:11px;font-style:normal}.crew-member-actions{grid-column:1/-1;gap:8px;display:flex}.crew-member-actions button{border:1px solid var(--line);background:0 0;border-radius:9px;flex:1;padding:8px}.crew-member-actions button:last-child{color:#ff9bad}.disband-crew{color:#ff9bad;background:#ff657f14;border:1px solid #ff657f;border-radius:10px;margin:20px 0 0 auto;padding:10px 14px;display:block}.active-crew-pill{z-index:12;background:#050a18f0;border:1px solid #39e8ff66;border-radius:13px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:absolute;top:18px;right:18px}.active-crew-pill b,.active-crew-pill small{display:block}.active-crew-pill small{color:var(--muted);margin-top:3px}.active-crew-pill button{color:#ff9bad;background:0 0;border:1px solid #ff657f;border-radius:8px;padding:8px}.settings-page{background:radial-gradient(circle at 78% 0,#6636cb57,transparent 34%),radial-gradient(circle at 8% 70%,#14a2ce29,transparent 32%),var(--bg);min-height:100vh;padding:24px}.settings-page>header{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1080px;margin:0 auto 24px;display:grid}.settings-page>header>a{color:var(--cyan);text-decoration:none}.settings-page>header>div{text-align:center}.settings-page>header small{color:var(--muted);letter-spacing:.14em}.settings-page>header h1{letter-spacing:-.02em;margin:4px 0 0;font-size:28px}.settings-card,.settings-form{border:1px solid var(--line);background:#080d1de8;border-radius:28px;max-width:1080px;margin:auto;padding:clamp(20px,4vw,42px);box-shadow:0 28px 90px #00000052}.settings-login{text-align:center}.settings-login .navo-icon{width:52px;height:52px;color:var(--cyan)}.settings-login h2{margin-bottom:5px}.settings-login a{background:var(--cyan);color:#031116;border-radius:11px;margin-top:12px;padding:12px 17px;font-weight:800;text-decoration:none;display:inline-block}.settings-title{border-top:1px solid var(--line);align-items:center;gap:13px;margin:8px 0 18px;padding-top:24px;display:flex}.settings-title:first-child{border-top:0;padding-top:0}.settings-title>.navo-icon{width:38px;height:38px;color:var(--cyan);background:#39e8ff14;border:1px solid #39e8ff59;border-radius:12px;padding:8px}.settings-title h2,.settings-title small{margin:0;display:block}.settings-title h2{font-size:19px}.settings-title small{color:var(--muted);margin-top:4px}.account-security{grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;display:grid}.account-security>div{border:1px solid var(--line);background:#080d1e;border-radius:13px;padding:14px}.account-security small,.account-security b{display:block}.account-security small{color:var(--muted);margin-bottom:5px}.account-security a{border:1px solid var(--cyan);background:var(--cyan);color:#031116;white-space:nowrap;border-radius:11px;padding:13px 16px;font-weight:800;text-decoration:none}.security-note{margin:10px 0 0;font-size:12px}.settings-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.settings-grid label{margin:0}.profile-avatars{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.profile-avatars button{border:1px solid var(--line);text-align:left;background:#080d1e;border-radius:18px;padding:10px}.profile-avatars button.selected{border-color:var(--cyan);box-shadow:0 0 22px #39e8ff2e}.profile-avatars img{aspect-ratio:1.25;object-fit:cover;border-radius:12px;width:100%;display:block}.profile-avatars b{margin-top:9px;font-size:12px;display:block}.save-profile{border:1px solid var(--cyan);background:var(--cyan);color:#031116;border-radius:12px;width:100%;margin-top:28px;padding:14px;font-weight:900}.profile-status{text-align:center;color:var(--cyan);margin:12px 0 0}@media (width<=760px){.settings-link span{display:none}.settings-grid,.account-security{grid-template-columns:1fr 1fr}.account-security a{text-align:center;grid-column:1/-1}.profile-avatars{grid-template-columns:1fr 1fr}.settings-page>header{grid-template-columns:1fr auto}.settings-page>header>div{text-align:left;grid-area:1/1/auto/-1;margin-bottom:18px}.settings-page>header>span{display:none}}@media (width<=900px){.action-grid{grid-template-columns:1fr}}@media (width<=700px){.live-crew-list{grid-template-columns:1fr}.pwa-update{justify-content:space-between;width:calc(100% - 16px);top:8px}}@media (width<=480px){.settings-page{padding:14px}.settings-grid,.account-security{grid-template-columns:1fr}.settings-card,.settings-form{border-radius:20px;padding:18px}.header-actions{gap:6px}.settings-link,.login-button,.register-button{padding:9px}.brand small{display:none}}.live-map-wrap{--nav-safe-top:max(10px,env(safe-area-inset-top));--nav-safe-bottom:max(10px,env(safe-area-inset-bottom));isolation:isolate;overflow:hidden}.live-map-wrap *{box-sizing:border-box}.live-map-wrap button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.live-map-wrap .active-guidance,.live-map-wrap .map-tool-sidebar,.live-map-wrap .follow-map{font-variant-numeric:tabular-nums}.live-map-wrap.nav-state-guiding .active-guidance{width:min(680px,100% - 112px);max-width:none;top:16px;left:92px;right:auto}.live-map-wrap.nav-state-guiding .map-tool-sidebar{flex-direction:column;width:60px;max-width:60px;display:flex;inset:16px auto auto 16px}.live-map-wrap.nav-state-guiding .follow-map{top:auto;bottom:82px;right:18px}.live-map-wrap.nav-state-guiding .active-guidance .next-turn>div{min-width:0}.live-map-wrap.nav-state-guiding .active-guidance .next-turn b{text-overflow:ellipsis;overflow:hidden}@media (width>=701px) and (width<=1024px){.live-map-wrap.nav-state-guiding .active-guidance{width:calc(100% - 100px);left:82px}.live-map-wrap.nav-state-guiding .map-tool-sidebar{width:56px;max-width:56px;left:12px}.live-map-wrap.nav-state-guiding .active-guidance .next-turn{grid-template-columns:58px minmax(0,1fr)}.live-map-wrap.nav-state-guiding .active-guidance footer{grid-template-columns:repeat(3,minmax(0,1fr)) auto}}@media (width<=700px) and (orientation:portrait){:is(.app-shell:has(.navigation-content) .app-header,.app-shell:has(.navigation-content) .stepper){display:none!important}:is(.app-shell:has(.navigation-content) .navigation-content,.app-shell:has(.navigation-content) .nav-console,.app-shell:has(.navigation-content) .nav-map){height:100dvh;min-height:100dvh!important}.live-map-wrap.nav-state-guiding .active-guidance{top:var(--nav-safe-top);width:auto;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;left:10px;right:10px;overflow:visible}.live-map-wrap.nav-state-guiding .active-guidance .next-turn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03161ef2;border:1px solid #43e9f78c;border-radius:18px;grid-template-columns:52px minmax(0,1fr);gap:10px;min-height:72px;padding:10px 12px;display:grid;box-shadow:0 10px 30px #00000057}.live-map-wrap.nav-state-guiding .guidance-arrow{border-radius:14px;width:52px;height:52px;font-size:31px}.live-map-wrap.nav-state-guiding .next-turn small{font-size:12px;line-height:1.2}.live-map-wrap.nav-state-guiding .next-turn b{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;max-width:100%;margin-top:3px;font-size:16px;line-height:1.22;display:-webkit-box;overflow:hidden}.live-map-wrap.nav-state-guiding .rest-stop-alert,.live-map-wrap.nav-state-guiding .traffic-event{background:#04161cf0;border-radius:12px;width:max-content;max-width:calc(100vw - 28px);margin:7px 0 0;padding:8px 10px;animation:.25s ease-out nav-alert-in;box-shadow:0 8px 24px #0000003d}.live-map-wrap.nav-state-guiding .lane-guidance{display:none!important}.live-map-wrap.nav-state-guiding .drive-metrics{padding:0;display:block}.live-map-wrap.nav-state-guiding .speed-gauge{z-index:11;left:16px;bottom:calc(108px + var(--nav-safe-bottom));background:#040914ed;border:2px solid #fffffff0;border-radius:50%;width:70px;min-width:0;height:70px;display:grid;position:fixed;box-shadow:0 8px 24px #0000005c}.live-map-wrap.nav-state-guiding .speed-gauge strong{font-size:25px}.live-map-wrap.nav-state-guiding .speed-limit{display:none}.live-map-wrap.nav-state-guiding .end-guidance{z-index:12;right:16px;bottom:calc(19px + var(--nav-safe-bottom));color:#fff;background:#dc3e48;border:0;border-radius:999px;width:78px;height:52px;margin:0;padding:0;font-size:15px;position:fixed;box-shadow:0 8px 24px #0000004d}.live-map-wrap.nav-state-guiding .active-guidance footer{z-index:10;min-height:92px;padding:16px 108px calc(13px + var(--nav-safe-bottom)) 18px;text-align:left;background:#030813f7;border:0;border-radius:24px 24px 0 0;grid-template-columns:1fr 1fr;gap:12px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 34px #0000004d}.live-map-wrap.nav-state-guiding .active-guidance footer span:first-child,.live-map-wrap.nav-state-guiding .active-guidance footer em{display:none}.live-map-wrap.nav-state-guiding .active-guidance footer span{min-width:0}.live-map-wrap.nav-state-guiding .active-guidance footer span small{font-size:10px}.live-map-wrap.nav-state-guiding .active-guidance footer span b{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:15px;overflow:hidden}.live-map-wrap.nav-state-guiding .map-tool-sidebar{z-index:9;background:#040914bf;border:0;border-radius:999px;flex-direction:column;gap:8px;width:52px;max-width:52px;max-height:none;padding:4px;display:flex;position:fixed;inset:46% 14px auto auto;overflow:visible}.live-map-wrap.nav-state-guiding .map-tool-sidebar button{background:#ffffff14;border-radius:50%;width:44px;min-width:44px;min-height:44px;padding:0;display:none!important}.live-map-wrap.nav-state-guiding .map-tool-sidebar button:nth-child(2),.live-map-wrap.nav-state-guiding .map-tool-sidebar button:nth-child(4){display:grid!important}.live-map-wrap.nav-state-guiding .map-tool-sidebar button small{display:none!important}.live-map-wrap.nav-state-guiding .follow-map{top:auto;right:17px;bottom:calc(106px + var(--nav-safe-bottom));border-radius:50%;padding:13px;font-size:0}.live-map-wrap.nav-state-guiding .follow-map:before{content:"◎";font-size:23px}.live-map-wrap.nav-state-guiding .follow-map.active{display:none}}@media (height<=560px) and (orientation:landscape){:is(.app-shell:has(.navigation-content) .app-header,.app-shell:has(.navigation-content) .stepper){display:none!important}:is(.app-shell:has(.navigation-content) .navigation-content,.app-shell:has(.navigation-content) .nav-console,.app-shell:has(.navigation-content) .nav-map){height:100dvh;min-height:100dvh!important}.live-map-wrap.nav-state-guiding .active-guidance{width:min(520px,62vw);max-width:none;box-shadow:none;background:0 0;border:0;padding:0;top:8px;left:70px;right:auto;overflow:visible}.live-map-wrap.nav-state-guiding .active-guidance .next-turn{background:#03161ef2;border:1px solid #43e9f780;border-radius:15px;grid-template-columns:48px minmax(0,1fr);gap:9px;min-height:62px;padding:7px 10px}.live-map-wrap.nav-state-guiding .guidance-arrow{width:48px;height:48px;font-size:28px}.live-map-wrap.nav-state-guiding .next-turn b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.live-map-wrap.nav-state-guiding .rest-stop-alert,.live-map-wrap.nav-state-guiding .traffic-event{max-width:100%;margin:6px 0 0;padding:6px 8px}.live-map-wrap.nav-state-guiding .lane-guidance,.live-map-wrap.nav-state-guiding .speed-limit{display:none!important}.live-map-wrap.nav-state-guiding .speed-gauge{background:#040914eb;border-radius:50%;width:58px;min-width:58px;height:58px;position:fixed;bottom:12px;left:12px}.live-map-wrap.nav-state-guiding .end-guidance{color:#fff;background:#dc3e48;border-radius:999px;width:76px;height:48px;margin:0;padding:0;position:fixed;bottom:14px;right:14px}.live-map-wrap.nav-state-guiding .active-guidance footer{background:#030813f0;border:0;border-radius:15px;grid-template-columns:1fr 1fr;gap:10px;width:250px;padding:8px 12px;display:grid;position:fixed;bottom:12px;left:auto;right:102px}.live-map-wrap.nav-state-guiding .active-guidance footer span:first-child,.live-map-wrap.nav-state-guiding .active-guidance footer em{display:none}.live-map-wrap.nav-state-guiding .map-tool-sidebar{flex-direction:column;width:54px;max-width:54px;display:flex;inset:8px auto auto 8px}.live-map-wrap.nav-state-guiding .map-tool-sidebar button{display:none!important}.live-map-wrap.nav-state-guiding .map-tool-sidebar button:nth-child(2),.live-map-wrap.nav-state-guiding .map-tool-sidebar button:nth-child(4){display:grid!important}.live-map-wrap.nav-state-guiding .follow-map{top:76px;bottom:auto;right:14px}}@media (width<=700px) and (orientation:portrait){.live-map-wrap.nav-state-idle .map-planner{z-index:8;bottom:calc(68px + var(--nav-safe-bottom));border-radius:20px;padding:14px;position:fixed;overflow:auto;width:auto!important;max-height:min(64dvh,620px)!important;top:auto!important;left:10px!important;right:10px!important}.live-map-wrap.nav-state-idle .map-tool-sidebar{z-index:9;top:auto;left:8px;right:8px;bottom:var(--nav-safe-bottom);flex-direction:row;gap:4px;width:auto;max-width:calc(100vw - 16px);height:58px;padding:5px;display:flex;position:fixed;overflow:auto hidden}.live-map-wrap.nav-state-idle .map-tool-sidebar button{border-radius:12px;flex:0 0 48px;width:48px;min-width:48px;min-height:48px;padding:3px}.live-map-wrap.nav-state-idle .map-tool-sidebar button small{font-size:8px}.live-map-wrap.nav-state-idle .route-start-row{background:linear-gradient(#050a1800,#050a18fa 24%);margin:10px -14px -14px;padding:12px 14px 14px;position:sticky;bottom:-14px}}@keyframes nav-alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
