@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sofia Sans Condensed Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/assets/sofia-sans-condensed-cyrillic-wght-normal-BoqAdnJd.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Sofia Sans Condensed Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/assets/sofia-sans-condensed-latin-wght-normal-DsAD_hOx.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #0a0a0c;--surface: #141418;--surface-2: #1c1d22;--text: #f4f5f7;--muted: #9a9da6;--border: rgba(255, 255, 255, .08);--accent: #81c4ff;--on-accent: #0a0a0c;--accent-deep: #16588e;--ok: #3dbe6b;--warn: #f2b134;--danger: #e7222e;--ok-text: #9ee7b5;--warn-text: #ffd27a;--danger-text: #ff8a80;--nav-h: 84px;--radius: 16px;--radius-sm: 14px;--font-text: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-num: "Sofia Sans Condensed Variable", "Sofia Sans Condensed", var(--font-text)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 var(--font-text);overflow-x:hidden;-webkit-text-size-adjust:100%}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.screen{display:block;max-width:640px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(var(--nav-h) + 16px + env(safe-area-inset-bottom))}.screen.center{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-height:100dvh;justify-content:center}h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px}.screen-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.screen-title h1{margin:0}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 10px}.section-title h2{margin:0;font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.section-title a{position:relative;color:var(--accent);font-size:.8125rem;font-weight:500;text-decoration:none}.section-title a:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}a{color:var(--accent)}button,input{font:inherit;color:inherit}button{min-height:44px;padding:0 16px;border:0;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer}button.primary,.btn-primary{min-height:48px;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-weight:600}.btn-secondary{min-height:48px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-weight:600}.btn-danger{min-height:48px;border-radius:var(--radius-sm);background:transparent;color:var(--danger-text);box-shadow:inset 0 0 0 1px var(--danger);font-weight:600}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.field{display:flex;flex-direction:column;gap:6px;color:var(--muted)}.field input{min-height:44px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:var(--surface-2);color:var(--text)}.field-box{position:relative;display:flex;align-items:center}.field-box input{flex:1;min-width:0}.field-unit{position:absolute;right:12px;color:var(--muted);pointer-events:none}.field-box:has(.field-unit) input{padding-right:40px}.error{color:var(--danger-text);margin:0}.nav{position:fixed;left:0;right:0;bottom:0;display:flex;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:8px 6px env(safe-area-inset-bottom);background:#0e0e11db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:10}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:0;min-height:44px;padding-top:4px;font-size:.656rem;font-weight:500;color:var(--muted);text-decoration:none}.nav-tab.active{color:var(--accent)}.card{margin:0 0 12px;padding:12px 16px;border-radius:var(--radius);background:var(--surface)}.card p{margin:4px 0}.card h2{margin:0 0 8px;font-size:1rem}.list{list-style:none;margin:0 0 12px;padding:0;border-radius:var(--radius);background:var(--surface);overflow:hidden}.row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 14px;border:0;border-top:1px solid var(--border);border-radius:0;background:none;color:var(--text);font:inherit;text-align:left;text-decoration:none}.row:first-child{border-top:0}.list>li+li>.row{border-top:1px solid var(--border)}.tappable:active{background:var(--surface-2)}.row-icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--surface-2);color:var(--accent)}.row-text{display:flex;flex:1;flex-direction:column;min-width:0}.row-title{font-size:.906rem;font-weight:500}.row-text small{margin-top:2px;font-size:.75rem;color:var(--muted)}.row-value{font-size:1.0625rem;font-weight:600}.row-chev{flex:none;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:999px;background:#ffffff14;color:var(--text);font-size:.8125rem;font-weight:500}.chip.ok{color:var(--ok-text)}.chip.warn{color:var(--warn-text)}.chip.danger{color:var(--danger-text)}.chip.selected{border-color:var(--accent);background:#81c4ff1a;color:var(--accent)}.tile{flex:0 0 auto;min-width:118px;padding:10px 14px 11px;border-radius:var(--radius-sm);background:var(--surface)}.tile-label{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tile-value{margin-top:4px;font-size:1.5rem;font-weight:600;line-height:1.1}.tile-value small{margin-left:2px;font-family:var(--font-text);font-size:.8125rem;font-weight:400;color:var(--muted)}.tile-sub{margin-top:2px;font-size:.75rem;color:var(--muted)}.tile-bar{height:3px;margin-top:8px;border-radius:2px;background:#ffffff1a;overflow:hidden}.tile-bar i{display:block;height:100%;border-radius:2px;background:var(--accent)}.skeleton{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}.skeleton-line{border-radius:8px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 2.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.segmented{display:flex;padding:3px;border-radius:12px;background:var(--surface-2)}.segmented label{position:relative;flex:1;display:flex}.segmented input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.segmented span{display:flex;flex:1;align-items:center;justify-content:center;min-height:44px;border-radius:10px;color:var(--muted);font-size:.875rem;font-weight:500}.segmented label.on span{background:var(--surface);color:var(--text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;border-radius:50%;background:#ffffff14}.ptr{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;display:grid;place-items:center;width:36px;height:36px;margin-left:-18px;border-radius:50%;background:var(--surface-2);box-shadow:0 2px 8px #00000059;z-index:20}.ptr-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--muted) 35%,transparent);border-top-color:var(--accent);border-radius:50%;animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ptr-spinner{animation-duration:2s}}.sheet{width:100%;max-width:640px;max-height:90dvh;margin:auto auto 0;padding:0;border:0;border-radius:26px 26px 0 0;background:var(--surface);color:var(--text);overflow:hidden;overscroll-behavior:contain;animation:sheet-up .25s ease-out}.sheet::backdrop{background:#0000008c;animation:fade-in .2s ease-out}.sheet-body{display:flex;flex-direction:column;gap:12px;max-height:90dvh;padding:0 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.sheet-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;touch-action:pan-x}.sheet-head h2{margin:0;font-size:1.375rem;font-weight:700}.sheet-grab{position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#fff3}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet.sheet-closing{animation:sheet-down .22s ease-in forwards}.sheet.sheet-closing::backdrop{animation:fade-out .22s ease-in forwards}@keyframes sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sheet,.sheet::backdrop,.sheet.sheet-closing,.sheet.sheet-closing::backdrop,.skeleton-line{animation:none}}.hero{position:relative;height:280px;overflow:hidden;background:var(--bg);isolation:isolate}.hero-glow{position:absolute;left:50%;bottom:-130px;width:520px;height:300px;transform:translate(-50%);background:radial-gradient(ellipse at center,#81c4ff66,#16588e38 40%,#0a0a0c00 70%)}.hero-strong .hero-glow{background:radial-gradient(ellipse at center,#81c4ff99,#16588e57 40%,#0a0a0c00 70%)}.screen.sign-in{justify-content:flex-start}.sign-in>p:not([role=alert]){text-align:center}.sign-in>.hero-edge+*{margin-top:24px}.hero-car{position:absolute;top:-46px;left:50%;width:400px;height:auto;transform:translate(-50%);pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media(min-width:391px){.hero-car{width:min(102.5vw,460px)}}.hero-shade-sides{position:absolute;top:0;bottom:0;left:50%;width:400px;transform:translate(-50%);background:linear-gradient(to right,#0a0a0ceb,#0a0a0c80 8%,#0a0a0c00 20%,#0a0a0c00 80%,#0a0a0c80 92%,#0a0a0ceb);z-index:2}@media(min-width:391px){.hero-shade-sides{width:min(102.5vw,460px)}}.hero-car-sharp{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,#000 22%,#000 76%,transparent 90%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,#000 22%,#000 76%,transparent 90%)}.hero-car-soft{filter:blur(6px) saturate(1.05);opacity:.95;-webkit-mask-image:linear-gradient(to bottom,transparent 70%,#000 80%,#000 88%,transparent 98%);mask-image:linear-gradient(to bottom,transparent 70%,#000 80%,#000 88%,transparent 98%)}.hero-shade-top{position:absolute;top:0;left:0;right:0;height:110px;background:linear-gradient(to bottom,#0a0a0cd9,#0a0a0c00);z-index:2}.hero-shade-bottom{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,rgba(10,10,12,0) 0%,rgba(10,10,12,0) 30%,rgba(10,10,12,.65) 70%,var(--bg) 100%);z-index:2}.hero-head{position:absolute;top:max(20px,calc(env(safe-area-inset-top) - 8px));left:16px;right:16px;height:40px;display:flex;align-items:center;justify-content:space-between;z-index:3}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hero-edge{margin:calc(-16px - env(safe-area-inset-top)) -16px 0}.hero-logo{display:flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:700;letter-spacing:.02em}.hero-logo img{display:block;width:28px;height:28px;border-radius:50%}.hero-pill{display:inline-flex;align-items:center;max-width:60%;min-height:34px;padding:0 14px;border-radius:17px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.78rem;font-weight:600;letter-spacing:.01em;text-align:center}.status-line{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-6px}.status-text{margin:0;font-size:1.875rem;font-weight:600;line-height:1.1}.status-note,.now-empty,.map-caption{margin:8px 0 0;font-size:.8125rem;color:var(--muted)}.status-line+.error{margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.strip{display:flex;gap:8px;margin:14px -16px 0;padding:0 16px;overflow-x:auto;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}.quick .row{flex-direction:column;justify-content:flex-start;gap:8px;height:100%;padding:12px 6px 10px;border:0;border-radius:var(--radius);background:var(--surface);text-align:center}.quick .row:active{background:var(--surface-2)}.quick .row-icon{position:relative;width:40px;height:40px}.quick .row-text{flex:none;align-items:center}.quick .row-title{font-size:.72rem}.quick .row-text small{font-size:.6875rem}.quick-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border:2px solid var(--surface);border-radius:50%;background:var(--muted)}.quick-dot[data-tone=green]{background:var(--ok)}.quick-dot[data-tone=yellow]{background:var(--warn)}.quick-dot[data-tone=red]{background:var(--danger)}.back-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:0 0 4px -4px;padding-right:8px;font-weight:500;text-decoration:none}.map{margin:8px 0;border-radius:var(--radius);overflow:hidden}.tyres{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tyre{display:flex;flex-direction:column;padding:8px 12px;border-radius:10px;border:2px solid var(--border)}.tyre-label{font-size:.75rem;color:var(--muted)}.tyre-green{border-color:var(--ok)}.tyre-yellow{border-color:var(--warn)}.tyre-red{border-color:var(--danger)}.dot{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--muted)}.dot-red{background:var(--danger)}.dot-yellow{background:var(--warn)}.dot-green{background:var(--ok)}.trip-time{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600}.live{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:9px;background:#3dbe6b24;color:var(--ok-text);font-size:.72rem;font-weight:600}.live i{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}.trip-row .row-value{font-size:1.25rem}.fuel-row{background:#81c4ff0f}.fuel-row .row-icon{border-radius:12px;background:#81c4ff24}.fuel-row .row-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.fuel-row .chip{min-height:22px;padding:0 8px;background:#f2b13429;font-size:.6875rem;font-weight:600}.fuel-row .row-value{font-size:1.25rem}.month-card{margin:14px 0 0;padding:14px 16px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-deep),var(--surface) 70%);overflow:hidden}.month-card-head{display:flex;align-items:baseline;justify-content:space-between}.month-card-head b{font-size:.9375rem;font-weight:600}.month-card-head a{display:inline-flex;align-items:center;min-height:44px;margin:-12px -8px -12px 0;padding:0 8px;font-size:.8125rem;font-weight:500;text-decoration:none}.month-card-stats{display:flex;gap:12px;margin-top:4px}.month-card-stats>div{flex:1;min-width:0}.stat-v{font-size:1.4375rem;font-weight:600;line-height:1;white-space:nowrap}.stat-v small{margin-left:2px;font-family:var(--font-text);font-size:.8125rem;font-weight:400;color:var(--muted)}.stat-l{margin-top:5px;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.day-heading{margin:22px 0 10px;font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.month-link{margin:22px 0 -8px}.month-link a{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;font-weight:600;text-decoration:none}.month-link a:after{content:" · отчёт →";margin-left:.3em;font-weight:500;color:var(--muted)}.feed-end{display:flex;justify-content:center;margin:8px 0}.feed-end button{min-height:44px}.trip-chart{margin:12px 0;padding:12px 14px 8px;border-radius:var(--radius);background:var(--surface)}.trip-chart .speed{color:var(--accent)}.trip-chart .cons{color:var(--warn)}.trip-chart-read{display:flex;align-items:baseline;gap:14px;min-height:28px;margin-bottom:8px;font-size:.78125rem;color:var(--muted)}.trip-chart-read b{margin-right:3px;font-size:1.1875rem;font-weight:600;color:var(--text)}.trip-chart-read .dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:4px;background:currentColor}.trip-chart svg{display:block;overflow:visible;touch-action:pan-y;user-select:none;-webkit-user-select:none}.trip-chart text{font-family:var(--font-text);fill:var(--muted)}.trip-chart .lane-name{font-size:12px}.trip-chart text.mx{font-family:var(--font-num);font-size:14px;font-weight:600;fill:var(--text)}.trip-chart .ax{font-size:10.5px;font-variant-numeric:tabular-nums}.trip-chart .off{font-size:10px}.trip-chart .grid{stroke:var(--text);stroke-opacity:.07}.trip-chart .grid.zero{stroke-opacity:.16}.trip-chart .stop{fill:var(--text);fill-opacity:.045}.trip-chart .area{fill:currentColor;fill-opacity:.14}.trip-chart .line{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.trip-chart .cursor{stroke:var(--text);stroke-opacity:.45}.trip-chart .knob{fill:currentColor;stroke:var(--surface);stroke-width:2}.trip-caption{margin:-4px 0 12px;font-size:.8125rem;color:var(--muted)}.trip-km{font-size:3rem;font-weight:700;line-height:1}.trip-km small{margin-left:4px;font-family:var(--font-text);font-size:1rem;font-weight:400;color:var(--muted)}.trip-speeds{margin-top:4px;font-size:.875rem;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 12px}.tiles .tile{min-width:0}.plan-ref{margin:0 0 4px;color:var(--muted);font-size:.8125rem}.count{color:var(--muted);font-size:.8125rem}.add-btn{background:var(--accent);color:var(--on-accent)}.list .row-text .plan-bar{display:block;height:5px;margin-top:9px;border-radius:3px;background:#ffffff1a;overflow:hidden}.plan-bar i{display:block;height:100%;border-radius:3px;background:var(--ok)}.plan-bar-yellow i{background:var(--warn)}.plan-bar-red i{background:var(--danger)}.plan-caption{display:block;margin:7px 0 0;color:var(--muted);font-size:.75rem}p.plan-caption{margin:0}.row-value:has(.plan-left){align-self:flex-start;margin-top:2px;font-family:var(--font-text);font-size:.78rem;font-weight:500;white-space:nowrap}.plan-left-yellow{color:var(--warn-text);font-weight:600}.plan-left-red{color:var(--danger-text);font-weight:600}.left-tiles{display:flex;gap:8px}.left-tile{flex:1;padding:9px 11px;border-radius:12px;background:var(--surface-2)}.left-v{font-size:1.375rem;font-weight:600;line-height:1.05;white-space:nowrap}.left-v small{color:var(--muted);font-family:var(--font-text);font-size:.75rem;font-weight:400}.left-l{margin-top:4px;color:var(--muted);font-size:.656rem;letter-spacing:.08em;text-transform:uppercase}.field-row{position:relative}.auto-badge{position:absolute;right:10px;bottom:13px;padding:2px 6px;border-radius:6px;background:#81c4ff24;color:var(--accent);font-size:.656rem;font-weight:600;letter-spacing:.04em;pointer-events:none}button.danger-text{color:var(--danger-text)}.history .row{justify-content:space-between;min-height:44px;font-size:.84rem}.history .row span{color:var(--muted);text-align:right}.plan-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.switch{display:flex;align-items:center;gap:10px;min-height:44px}.plain-list{list-style:none;margin:0 0 8px;padding:0}.plain-list li{display:flex;align-items:center;gap:8px;min-height:44px}.plain-list button{margin-left:auto;min-height:44px}.refuel-sheet{display:flex;flex-direction:column;gap:10px}.refuel-sub{margin:-4px 0 0;font-size:.8125rem;color:var(--muted)}.refuel-sheet .section-title{margin:8px 0 0}.refuel-sheet .chips{margin-top:0}.refuel-sheet .chip{position:relative;font-size:.875rem}.refuel-sheet .chip:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.refuel-sheet .chip.add{border:1px dashed rgba(255,255,255,.2);background:var(--surface-2);color:var(--muted)}.refuel-sheet .field input{min-height:56px;font-family:var(--font-num);font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums}.refuel-sheet .field small{font-size:.75rem}.refuel-add{display:flex;flex-direction:column;gap:8px}.refuel-add .field input{font:inherit;min-height:44px}.refuel-add-actions{display:flex;gap:8px}.refuel-sum{display:flex;align-items:baseline;justify-content:space-between;font-size:.875rem;color:var(--muted)}.refuel-sum b{font-size:1.375rem;font-weight:600;color:var(--text)}.refuel-dme p{display:flex;align-items:center;gap:6px;margin:0;font-size:.78rem;color:var(--muted)}.refuel-dme .dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ok)}.refuel-dme .warn{color:var(--warn-text)}.refuel-dme .warn .dot{background:var(--warn)}.refuel-sheet button.primary{min-height:50px;font-size:1rem;font-weight:700}.refuel-later{background:none;color:var(--muted)}.month-nav{display:flex;justify-content:space-between;gap:16px;margin:0 0 12px}.month-nav .chip{min-height:44px;text-decoration:none}.row>.row-title{flex:1;min-width:0}.car-top{display:block;width:100%;max-width:160px;height:auto;margin:4px auto 16px}button.back-link{border:0;background:none;color:var(--accent);font:inherit;font-weight:500;cursor:pointer}.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px}.tyre-meta{color:var(--muted);font-size:.75rem}.verdicts .row-icon{background:none;color:var(--warn)}.errors-meta,.errors-empty{margin:-6px 0 0;font-size:.8125rem;color:var(--muted)}.errors-empty{margin-top:16px}.errors .row-icon{width:10px;height:10px;background:none}.errors .dot{margin:0}.dot-hollow{border:1.5px solid color-mix(in srgb,var(--muted) 35%,transparent);background:transparent}.errors .muted{color:var(--muted)}.errors [aria-expanded=true]>.row-chev{transform:rotate(90deg)}.errors-sub{margin:0;padding:0;list-style:none}.errors-sub .row{min-height:54px;padding-left:30px;border-top:1px solid var(--border)}.dtc-sheet{display:flex;flex-direction:column;gap:10px}.dtc-sheet .chips{margin-top:0}.dtc-sheet .chip .dot{width:8px;height:8px;margin:0}.dtc-sheet-unit,.dtc-sheet-foot{margin:0;font-size:.8125rem;color:var(--muted)}.dtc-part .section-title{margin:6px 0 4px}.dtc-part p{margin:0;line-height:1.45}.dtc-sheet-foot{margin-top:6px;padding-top:12px;border-top:1px solid var(--border)}.sheet:has(.dtc-sheet[data-described=false]) .sheet-head h2{color:var(--muted);font-weight:600}.notes-lead{margin:0 0 8px;color:var(--muted);font-size:.8125rem;line-height:1.4}.notes-empty{margin:24px 0 0;color:var(--muted);text-align:center}.day-label{margin:18px 0 10px;font-size:.72rem;font-weight:500;letter-spacing:.06em;text-align:center;text-transform:uppercase;color:var(--muted)}.thread{list-style:none;margin:0;padding:0}.note{display:flex;flex-direction:column;align-items:flex-end;margin-top:10px}.note-bubble{max-width:84%;padding:10px 14px;border-radius:18px 18px 4px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-deep) 80%,#ffffff),var(--accent-deep));font-size:.9375rem;line-height:1.35;overflow-wrap:anywhere}.note-bubble.pending{background:var(--surface-2)}.note-bubble p{margin:0;white-space:pre-wrap}.note-bubble.fresh{animation:note-flash 1.2s ease-out}@keyframes note-flash{0%{box-shadow:0 0 0 6px #81c4ff73}to{box-shadow:0 0 #81c4ff00}}@media(prefers-reduced-motion:reduce){.note-bubble.fresh{animation:none}}.note-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:100%}.note-status{display:flex;align-items:center;gap:5px;margin:0;padding-right:4px;font-size:.71875rem;color:var(--muted);text-align:right}.note-status.read{color:var(--accent)}.note-x{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;min-height:44px;margin:0 -12px 0 0;padding:0;border-radius:22px;background:transparent;color:var(--muted)}.note-x span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:10px;background:#ffffff14}.composer{position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:5;margin:12px -16px -16px;padding:8px 12px 10px;background:#0a0a0ceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.composer .error{margin:0 0 6px;font-size:.8125rem}.moment-toggle{display:inline-flex;align-items:center;gap:6px;min-height:26px;margin:0 0 8px 6px;padding:0;border:0;background:none;font:inherit;font-size:.8125rem;color:var(--muted);cursor:pointer}.moment-value{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--accent)}.note-moment{font-weight:600;color:var(--text)}.composer-row{display:flex;align-items:flex-end;gap:8px}.composer-field{position:relative;flex:1;min-width:0}.composer-field textarea{display:block;width:100%;min-height:44px;max-height:calc(4.2em + 22px);margin:0;padding:10px 56px 10px 16px;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text);font:inherit;font-size:1rem;line-height:1.4;resize:none;overflow-y:auto}.composer-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.composer-count{position:absolute;right:14px;bottom:13px;font-size:.6875rem;color:var(--muted);pointer-events:none}.send-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;border-radius:22px;background:var(--accent);color:var(--on-accent)}.notes{display:flex;flex-direction:column;min-height:calc(100vh - (16px + env(safe-area-inset-top)) - (var(--nav-h) + 16px + env(safe-area-inset-bottom)));min-height:calc(100dvh - (16px + env(safe-area-inset-top)) - (var(--nav-h) + 16px + env(safe-area-inset-bottom)))}.notes-feed{flex:1 0 auto}.settings-note{margin:-4px 2px 12px;font-size:.78rem;line-height:1.45;color:var(--muted)}.app-version{margin:20px 0 8px;text-align:center;font-size:.75rem;color:var(--muted)}.push-switch{display:flex;flex-direction:column;gap:6px}.card>*+*{margin-top:10px}.row.switch-row{cursor:pointer}.row.switch-row input{width:22px;height:22px;flex:none;accent-color:var(--accent)}.logout{width:100%;min-height:50px;margin:8px 0 12px;border-radius:var(--radius);background:var(--surface);color:var(--danger-text);font-weight:600}.swipe{position:relative;overflow:hidden}.swipe-delete{position:absolute;top:0;right:0;bottom:0;width:88px;padding:0;border-radius:0;background:var(--danger);color:#fff;font-weight:600}.swipe-body{position:relative;background:var(--surface);touch-action:pan-y;transition:transform .18s ease-out}.swipe-body.dragging{transition:none}.swipe .row{border-top:0}.stations>li+li,.station-panel .list>li+li{border-top:1px solid var(--border)}.stations>li.dragging{position:relative;z-index:2;background:var(--surface-2);box-shadow:0 8px 24px #00000080}.station-head{display:flex;align-items:center}.station-main{flex:1;min-width:0}.grip{display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-height:58px;color:var(--muted);touch-action:none;cursor:grab}.order-btn{display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-height:44px;padding:0;border-radius:0;background:none;color:var(--muted)}.order-btn:disabled{opacity:.3}.station-panel{padding:0 0 12px 12px;background:var(--surface)}.station-panel>.field{padding:0 14px 8px 2px}.grade-row .field{width:120px;flex:none}.grade-row .field>label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.add-row{color:var(--accent);font-weight:500}.add-form{display:flex;flex-direction:column;gap:10px;padding:12px 14px}.warmup{--oil: var(--warn);--coolant: var(--accent);--cabin: #e58ad8;position:relative;z-index:1}.warmup-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:-6px}.warmup-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.875rem;font-weight:600;line-height:1.1}.warmup-dot{width:10px;height:10px;border-radius:50%;background:var(--warn);animation:warmup-blink 1.6s ease-in-out infinite}@keyframes warmup-blink{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.warmup-dot{animation:none}}.warmup-time{display:flex;flex-direction:column;align-items:flex-end;margin:0;font-size:.8125rem;color:var(--muted)}.warmup-card{margin-top:14px;padding:4px 16px 14px}.warmup-step{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.warmup-step-icon{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-2);color:var(--muted)}.warmup-step-value{margin-left:auto;font-weight:600;white-space:nowrap;color:var(--muted)}.warmup [data-tone=ok]{color:var(--ok)}.warmup [data-tone=warn]{color:var(--warn-text)}.warmup [data-tone=danger]{color:var(--danger-text)}.warmup small[data-tone=muted]{color:var(--muted)}.warmup-rev{padding-top:12px}.warmup-rev-limit{margin:0 0 8px;font-size:1.25rem;font-weight:600}.warmup-rev-bar{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.warmup-rev-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--warn))}.warmup-rev-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:.75rem;color:var(--muted)}.warmup-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.warmup-tiles .tile{min-width:0}.warmup-chart{margin:12px 0 0;padding:10px 12px 8px;border-radius:var(--radius-sm);background:var(--surface)}.warmup-chart-legend{display:flex;gap:12px;font-size:.6875rem;color:var(--muted)}.warmup-chart-legend span{display:flex;align-items:center;gap:5px}.warmup-chart-legend i{display:inline-block;width:14px;height:3px;border-radius:2px}.warmup-chart svg{display:block;width:100%;height:110px;margin-top:6px;overflow:visible}.warmup-chart path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.warmup-chart [data-series=oil]{stroke:var(--oil);background:var(--oil)}.warmup-chart [data-series=coolant]{stroke:var(--coolant);background:var(--coolant)}.warmup-chart [data-series=cabin]{stroke:var(--cabin);background:var(--cabin)}.warmup-chart-limit{stroke:#3dbe6b80;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.warmup-chart-limit-label{font-size:10px;fill:var(--ok)}.warmup-chart-forecast{stroke:var(--oil);stroke-dasharray:3 4;opacity:.7;vector-effect:non-scaling-stroke}.warmup-foot{margin:10px 0 0;font-size:.75rem;color:var(--muted)}
