.app-header-frame{z-index:47;background:var(--surface);border-bottom:1px solid var(--line);flex:none;position:sticky;top:0}.app-header{background:var(--surface);align-items:center;gap:clamp(10px,1.6vw,22px);display:flex}[data-layout=narrow]{--app-header-height:69px}[data-layout=wide]{--app-header-height:65px}[data-layout=narrow] .app-header{z-index:30;flex:none;justify-content:center;min-height:68px}[data-layout=wide] .app-header{z-index:30;grid-template-columns:1fr auto 1fr;min-height:64px;display:grid}[data-layout=wide] .app-header[data-nav-compact=true]{justify-content:space-between;display:flex}.app-header__brand{color:inherit;flex:none;justify-self:start;align-items:center;gap:10px;text-decoration:none;display:flex}.app-header__brand:hover,.app-header__brand:visited{color:inherit;text-decoration:none}.app-header__template-logo-window{aspect-ratio:3;flex:none;width:132px;display:block;position:relative;overflow:hidden}.app-header__template-logo{background:url(/images/template/driving-time-script-logo-light.svg) 50%/contain no-repeat;width:100%;height:100%;display:block;position:absolute;top:0;left:0}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .app-header__template-logo{background-image:url(/images/template/driving-time-script-logo.svg)}}html[data-theme=dark] .app-header__template-logo{background-image:url(/images/template/driving-time-script-logo.svg)}.app-header__wordmark{font:700 21px/1.2 var(--font-display);letter-spacing:-.025em;white-space:nowrap;position:relative}.app-header__wordmark-measure{visibility:hidden;pointer-events:none;white-space:nowrap;width:max-content;font:inherit;letter-spacing:inherit;display:inline-block;position:absolute;inset:0 auto auto 0}[data-layout=narrow] .app-header__wordmark{font-size:clamp(16px,6vw,21px)}[data-layout=narrow] .app-header__template-logo-window{width:clamp(108px,34vw,132px)}[data-layout=narrow] .app-header[data-attempt=true] .app-header__template-logo-window{width:clamp(96px,29vw,112px)}.app-header[data-brand-hidden=true] .app-header__brand{display:none}.app-header[data-brand-hidden=true] .app-header__ticket{padding-left:0}.app-header__wordmark-accent{color:var(--accent)}.app-header__wordmark-warm{color:var(--warm)}.app-header__nav{gap:6px;min-width:0;display:flex;overflow:hidden}.app-header__nav-item{color:var(--ink2);font:500 13.5px/1 var(--font-body);white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;display:flex}.app-header__nav-item:not(.app-header__nav-item--current):hover{background:var(--surface2);color:var(--ink)}.app-header__nav-badge{font:600 9px/1 var(--font-mono);color:#fff;background:#7c3aed;border-radius:5px;flex:none;padding:3px 5px;transform:translateY(-4px)}.app-header__account-wrap{justify-self:end;align-items:center;gap:8px;display:flex;position:relative}.app-header__guest-icon{color:var(--ink2);flex:none;font-size:20px}.app-header__guest-icon.app-header__guest-icon--large{background:var(--surface2);border-radius:13px;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.app-header__account--guest{min-height:42px}.app-header__nav-item--current{background:var(--surface2);color:var(--ink)}.app-header__account{background:var(--surface2);color:var(--ink);border:none;border-radius:13px;align-items:center;gap:9px;padding:5px 12px 5px 5px;display:flex}.app-header__account-avatar{background-color:var(--surface);object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:9px;flex:none;width:30px;height:30px;display:flex}.app-header__account-avatar--lg{background-color:var(--surface2);border-radius:13px;width:42px;height:42px}.app-header__account-avatar.app-header__account-avatar--creature{object-fit:contain}.app-header__account-name{font:600 13px/1.2 var(--font-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.app-header__account-chevron{color:var(--ink2);font-size:18px;line-height:1;transition:transform .15s}.app-header__account-chevron--open{transform:rotate(180deg)}.app-header__account-scrim{z-index:54;position:fixed;inset:0}.app-header__account-dropdown{z-index:55;box-sizing:border-box;width:290px;max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--app-header-height,65px) - 24px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;animation:.16s both dtPop;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 14px 40px #1d140d38;box-shadow:0 14px 40px lab(7.17208% 3.64868 5.4563/.22)}.app-header__account-dropdown-top{align-items:center;gap:11px;display:flex}.app-header__account-dropdown-info{flex:1;min-width:0}.app-header__account-dropdown-name{font:700 14.5px/1.2 var(--font-display);color:var(--ink);overflow-wrap:anywhere}.app-header__account-dropdown-plan-row{align-items:center;gap:6px;margin-top:4px;display:flex}.app-header__account-plan{font:600 10.5px/1 var(--font-mono);color:var(--ink2);background:var(--surface2);border-radius:6px;padding:3px 6px}.app-header__account-buy-sub{font:600 11px/1 var(--font-body);color:var(--accent-ink);background:0 0;border:none;padding:0}.app-header__account-dropdown-divider{border-top:1px solid var(--line);margin:12px 0 5px}.app-header__account-dropdown-item{color:var(--ink);font:500 13.5px/1.2 var(--font-body);text-align:left;background:0 0;border:none;border-radius:11px;align-items:center;gap:11px;width:100%;padding:10px 8px;display:flex}.app-header__account-dropdown-item:hover{background:var(--surface2)}.app-header__account-dropdown-item .material-symbols-rounded{color:var(--ink2);font-size:19px}.app-header__account-dropdown-item--danger,.app-header__account-dropdown-item--danger .material-symbols-rounded{color:var(--warm-ink)}.app-header__account-dropdown .app-header__account-dropdown-item--role,.app-header__account-dropdown .app-header__account-dropdown-item--role .material-symbols-rounded{color:var(--accent-ink)}.app-header__theme-row{justify-content:space-between;align-items:center;gap:10px;padding:4px 8px 8px;display:flex}.app-header__theme-label{font:500 13.5px/1.2 var(--font-body);color:var(--ink)}.app-header__theme-segmented{background:var(--surface2);border-radius:10px;flex:none;gap:2px;padding:2px;display:flex}.app-header__theme-segment{width:30px;height:30px;color:var(--ink2);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.app-header__theme-segment .material-symbols-rounded{font-size:18px}.app-header__theme-segment--text{width:auto;font:500 12px/1 var(--font-body);padding:0 9px}.app-header__theme-segment--active{background:var(--accent-soft);color:var(--accent-ink)}.app-header__language-select{border:1px solid var(--line);background:var(--surface2);color:var(--ink);font:500 12.5px/1 var(--font-body);border-radius:10px;flex:none;padding:6px 10px}.app-header__actions{flex:none;justify-content:flex-end;align-items:center;gap:7px;margin-left:auto;display:flex}.app-header__ticket{flex:none;align-items:center;gap:4px;padding-left:10px;display:flex}.app-header__ticket-stat{color:var(--ink2);align-items:center;gap:4px;display:inline-flex}.app-header .app-header__ticket-stat .material-symbols-rounded{font-size:17px}.app-header__ticket-value{font:700 13.5px/1 var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums}.app-header__pause{background:var(--warm-soft);width:36px;height:36px;color:var(--warm-ink);border:none;border-radius:11px;justify-content:center;align-items:center;display:flex}.app-header .app-header__pause .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-size:20px}.app-header__goal-dial{background:conic-gradient(var(--accent) calc(var(--goal-progress) * 1%), var(--surface2) 0);width:44px;height:44px;color:inherit;font:inherit;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.app-header__goal-dial:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:5px}.app-header__goal-dial[aria-pressed=true]{background:conic-gradient(var(--warm) calc(var(--goal-progress) * 1%), var(--surface2) 0)}.app-header__goal-dial:focus-visible{outline:2px solid var(--warm-ink);outline-offset:2px}.app-header__goal-dial-value{font:700 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);position:relative}.app-header .app-header__goal-dial .material-symbols-rounded{color:var(--warm-ink);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-size:22px;position:relative}.app-header__goal-dial-unit{background:var(--warm-soft);color:var(--warm-ink);font:700 9px/1 var(--font-body);border-radius:6px;padding:2px 4px;position:absolute;bottom:-2px;right:-3px}.app-header__fuel{background:var(--surface2);border:none;border-radius:11px;align-items:center;gap:7px;padding:7px 10px;display:flex}[data-layout=narrow] .app-header__fuel{min-height:var(--m-tap);padding:0 12px}.app-header .app-header__fuel-icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-size:19px;transition:color .4s}.app-header .app-header__fuel-icon--low{animation:1s step-start infinite fuelIconBlink}@keyframes fuelIconBlink{0%,49%{color:#da534f;color:lab(54.2311% 53.5119 31.5282)}50%,to{color:#0000}}.app-header__fuel-count{font:700 14.5px/1 var(--font-display);color:var(--ink);text-align:left;min-width:15px}.app-header__hamburger{box-sizing:border-box;border:1px solid var(--line);background:var(--surface2);width:52px;height:52px;color:var(--ink);border-radius:15px;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex}.app-header__hamburger .material-symbols-rounded{font-size:24px}.app-header__sign-in-icon{fill:currentColor;width:19px;height:19px;color:var(--ink2);flex:none}.app-header__reviews-icon{width:19px;height:19px;color:var(--ink2);flex:none}.app-header[data-nav-pending=true] .app-header__actions{display:none}@media (max-width:1100px){.app-header[data-nav-pending=true]{justify-content:space-between;display:flex}.app-header[data-nav-pending=true] .app-header__nav,.app-header[data-nav-pending=true] .app-header__account-wrap{display:none}.app-header[data-nav-pending=true] .app-header__actions{display:flex}}