/* v37: compact loading feedback and a continuous three-position Q selector. */
.cc-start-overlay{position:fixed;inset:0;z-index:14000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:calc(18px + var(--cc-safe-top,env(safe-area-inset-top,0px))) 18px calc(18px + var(--cc-safe-bottom,env(safe-area-inset-bottom,0px)));background:#04101c9c;backdrop-filter:blur(5px)}
.cc-start-card{width:min(340px,100%);box-sizing:border-box;max-height:100%;overflow:auto;padding:24px;border:1px solid var(--cc32-line,#345568);border-radius:22px;background:var(--cc32-surface,#152638);color:var(--cc32-ink,#eff6fc);text-align:center;box-shadow:0 20px 70px #0005;font-family:system-ui,sans-serif}
.cc-start-card h2{font-size:20px;line-height:1.25;margin:16px 0 10px;letter-spacing:-.3px}
.cc-start-phase{font-size:14px;line-height:1.5;min-height:21px;margin:0;color:var(--cc32-muted,#b8ccda)}
.cc-start-wait{display:block;min-height:18px;margin:10px 0 18px;font-size:12px;color:var(--cc32-muted,#b8ccda)}
.cc-start-card button{width:100%;min-height:44px;border:1px solid var(--cc32-line,#345568);border-radius:12px;background:var(--cc32-soft,#1d3e52);color:inherit;font:650 14px/1.2 system-ui,sans-serif;cursor:pointer}
.cc-start-card button:focus-visible{outline:2px solid #71ddce;outline-offset:3px}
.cc-start-spinner{display:block;width:32px;height:32px;box-sizing:border-box;margin:0 auto;border:3px solid #8dc7da33;border-top-color:#6ce1cc;border-radius:50%;animation:cc-start-spin .85s linear infinite}
@keyframes cc-start-spin{to{transform:rotate(360deg)}}
#startTripModeBtn[aria-busy=true],#qStartTripBtn[aria-busy=true]{opacity:1!important;cursor:progress}
.trip-start-message{margin:8px 0;color:var(--cc32-muted,#b8ccda);font:13px/1.4 system-ui,sans-serif}
#tripLastSummaryBtn{width:100%;margin:8px 0 0;min-height:44px;border-radius:12px;border:1px solid var(--cc32-line,#345568);background:var(--cc32-soft,#1d3e52);color:var(--cc32-ink,#eff6fc);font-weight:600}
#tripLastSummaryBtn[hidden],.trip-start-message[hidden]{display:none!important}
/* Fixed labels move along the same phase as the card, never swapped mid-swipe. */
body.cc-q-app .q-page-nav.q-telegraph{position:relative!important;display:block!important;width:100%;height:72px;min-height:72px;margin:0 0 12px!important;overflow:clip;isolation:isolate;touch-action:pan-y pinch-zoom;border:0;padding:0;background:none}
.q-telegraph .q-dial-label{position:absolute;left:50%;top:3px;display:flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;width:auto;min-width:84px;max-width:112px;border:0;border-radius:12px;background:transparent;color:var(--q-ink,#eff6fc);font:650 14px/1.2 system-ui,sans-serif;padding:8px 5px;box-shadow:none;cursor:pointer;will-change:transform;transition:none!important;transform-origin:50% 220%}
.q-telegraph .q-dial-label[aria-selected=true]{font-weight:750}
.q-telegraph .q-dial-label:focus-visible{outline:2px solid var(--q-accent,#64dccc);outline-offset:-3px}
.q-telegraph .q-dial-arc{position:absolute;inset:20px 10% auto;height:42px;border-bottom:1px solid var(--cc32-line,#345568);border-radius:0 0 50% 50%;pointer-events:none;opacity:.6}
.q-telegraph .q-dial-needle{position:absolute;top:48px;left:50%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--q-good,#70dfc9);transform-origin:50% 12px;pointer-events:none}
body.cc-q-app .q-telegraph .q-page-dots{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:4px;display:flex;gap:5px;align-items:center;pointer-events:none}
body.cc-q-app .q-telegraph .q-page-dots i{height:3px;border-radius:4px;background:var(--q-good,#70dfc9);transition:none!important}
.q-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.cc-q-app .q-pages:is(.q-pager-dragging,.q-pager-animating){overflow:clip!important;perspective:1000px}
body.cc-q-app .q-pages>.q-panel{transition:none!important;backface-visibility:hidden}
body.cc-q-app .q-pages:is(.q-pager-dragging,.q-pager-animating)>.q-panel{pointer-events:none!important}
body.cc-q-app.cc-calc-editing .q-telegraph{visibility:hidden!important;pointer-events:none!important}
@media(max-width:350px){.q-telegraph .q-dial-label{font-size:12px;min-width:76px;max-width:92px}}
@media(prefers-reduced-motion:reduce){.cc-start-spinner{animation:none;border-color:#6ce1cc}.q-telegraph .q-dial-label{will-change:auto}}