:root{--ink:#142c36;--muted:#62747b;--paper:#f5f4ee;--line:#dedfd6;--yellow:#f8ce53;--green:#377860;--red:#ef3c36;--body:"Avenir Next","Trebuchet MS",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #367ca5;outline-offset:5px}[hidden]{display:none!important}.masthead,main,footer{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.masthead{height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:750;letter-spacing:-1px;text-decoration:none}.brand span{font-weight:400;color:var(--muted)}.edition{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.login-layout{min-height:720px;display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center;padding:72px 0}.eyebrow,.small-label{font-size:11px;font-weight:700;letter-spacing:.11em}.eyebrow{display:block;margin-bottom:20px;color:var(--muted)}h1{font-size:68px;letter-spacing:-3.5px;line-height:1.06;margin:0 0 24px;font-weight:600}h2{font-size:25px;letter-spacing:-.8px;margin:0 0 16px}h3{margin:0 0 8px;font-size:18px}.lead{font-size:19px;line-height:1.55;max-width:490px;color:var(--muted)}p{line-height:1.6}p.muted{font-size:13px;line-height:1.5}.muted{color:var(--muted);font-size:12px}.car-scene{position:relative;margin-top:64px;border-bottom:1px solid var(--line);padding:0 0 24px}.car-scene svg{width:100%;fill:var(--ink);position:relative;z-index:1}.car-scene .glass{fill:#a1b7bb}.car-scene .hub{fill:var(--paper)}.car-scene .lamp{fill:var(--yellow)}.road-mark{position:absolute;height:92px;width:92px;right:12%;top:2%;background:var(--yellow);border-radius:50%}.car-scene>span{display:block;font-size:11px;letter-spacing:.08em;color:var(--muted);margin-top:12px}.login-panel{padding:36px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 20px 40px #142c3605}.step-number{font-size:34px;font-family:Georgia,serif;font-style:italic;margin-bottom:34px}.step-number span{margin-left:16px;font:700 10px var(--body);letter-spacing:.09em;color:var(--muted)}.login-panel h2{font-size:32px}.login-panel>p{font-size:15px;color:var(--muted)}.button{min-height:54px;padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:4px;text-decoration:none;font-weight:650;font-size:14px;transition:background .18s,transform .18s}.button:not(:disabled):hover{transform:translateY(-1px)}.yandex{background:var(--yellow);margin-top:30px}.yandex-letter{font-size:22px;font-weight:750;color:#ba2926}.yandex>span:last-child{margin-left:auto}.yandex[aria-disabled=true]{opacity:.55;pointer-events:none}.login-foot{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.login-foot ol{padding-left:20px;font-size:13px;line-height:2;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:28px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:48px 0 24px}.page-heading h1{font-size:48px;margin:0}.page-heading .eyebrow{margin-bottom:10px}.quiet-button{background:none;border:1px solid var(--line);border-radius:4px;padding:10px 16px;font-size:12px}.quiet-button:hover{background:#e9ebe2}.dashboard-grid{display:grid;grid-template-columns:285px 1fr;gap:32px;padding-bottom:64px}.vehicle-panel{background:var(--ink);color:#fff;border-radius:5px;padding:28px;align-self:start}.connection{display:flex;align-items:center;gap:8px;font-size:11px;color:#c0d0d3}.dot{width:7px;height:7px;background:#a7b2b5;border-radius:100%}.dot.connected{background:#8bd1a5}.vehicle-icon{width:100%;height:135px;object-fit:contain;margin:24px 0 12px}.vehicle-panel h2{font-size:22px}.vehicle-panel p{font-size:13px;color:#bacbce}.secondary{background:#e8ece4;border:1px solid #d8e0d5}.vehicle-panel .secondary{margin-top:28px;font-size:12px;background:var(--yellow);border:0}.vehicle-footer{padding-top:28px;margin-top:28px;border-top:1px solid #ffffff26}.vehicle-footer .small-label{color:#bacbce}.vehicle-footer time{display:block;font-size:12px;margin-top:8px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-top h2{font-size:18px;margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:24px;border-radius:4px;background:#fff}.metric{padding:28px 24px}.metric+ .metric{border-left:1px solid var(--line)}.metric .small-label{color:var(--muted)}.metric>div{display:flex;gap:8px;align-items:baseline;margin-top:18px;white-space:nowrap}.metric strong{font-size:48px;letter-spacing:-2px;font-weight:500}.metric>div span{color:var(--muted);font-size:16px}.metric p{font-size:11px;color:var(--muted);margin:12px 0 0}.history-panel{border-top:1px solid var(--line);padding-top:28px;margin-top:30px}.history-panel .section-top{align-items:baseline}.empty-state{padding:42px 0;text-align:center;color:var(--muted);font-size:13px}.empty-state>span{font-size:42px;color:#a9b9b8}.engine-panel{display:flex;align-items:center;gap:24px;justify-content:space-between;padding-top:28px;border-top:1px solid var(--line)}.engine-panel p{margin:0;font-size:12px;color:var(--muted);max-width:370px}.locked{background:#e6e8e0;color:#748284;white-space:nowrap;font-size:12px}#temperature-chart{width:100%;height:180px;margin:24px 0 8px;overflow:visible}#temperature-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-legend{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:28px}.notice{background:#eee9da;border-left:3px solid #b59947;padding:12px 16px;font-size:13px;color:var(--ink)}dialog{position:fixed;max-width:510px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:6px;padding:36px;background:var(--paper);color:var(--ink);max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#142c3675;backdrop-filter:blur(3px)}dialog h2{font-size:30px}dialog>p{font-size:14px;color:var(--muted)}.dialog-close{position:absolute;right:14px;top:10px;font-size:28px;background:none;border:0;padding:6px;color:var(--muted)}.setup-steps{padding-left:24px;margin:28px 0;font-size:14px}.setup-steps li{padding:0 0 12px 8px}.setup-steps p{font-size:12px;color:var(--muted);margin:8px 0}.offline-main{max-width:550px;padding-top:100px;padding-bottom:100px}.offline-main h1{font-size:48px}.offline-main .button{display:inline-flex;background:var(--yellow)}@media(max-width:1000px){.masthead,main,footer{padding-left:28px;padding-right:28px}.login-layout{gap:36px;min-height:620px}h1{font-size:55px}.login-panel{padding:28px}.dashboard-grid{grid-template-columns:250px 1fr;gap:22px}.metric{padding:22px 15px}.metric strong{font-size:38px}.engine-panel{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.masthead,main,footer{padding-left:20px;padding-right:20px}.masthead{height:76px}.brand{font-size:24px}.edition{font-size:10px}.login-layout{display:block;padding:42px 0}.intro h1{font-size:48px;letter-spacing:-2px}.lead{font-size:16px}.car-scene{margin-top:28px;margin-bottom:32px}.car-scene svg{max-height:115px}.road-mark{width:65px;height:65px}.login-panel{padding:26px}.step-number{margin-bottom:22px}.dashboard-grid{display:block;padding-bottom:40px}.vehicle-panel{margin-bottom:32px;display:grid;grid-template-columns:1fr auto;gap:0 20px;padding:24px}.vehicle-panel .connection{grid-column:1/-1}.vehicle-icon{width:100px;height:80px;grid-column:2;grid-row:2/4;margin:8px 0}.vehicle-panel h2{font-size:19px;margin:20px 0 4px}.vehicle-panel p{grid-column:1;font-size:12px;margin:0}.vehicle-panel .secondary{grid-column:1/-1;margin-top:20px}.vehicle-footer{grid-column:1/-1;padding-top:16px;margin-top:20px}.page-heading{padding-top:32px}.page-heading h1{font-size:36px}.metrics{margin-top:18px}.metric{padding:20px 10px}.metric strong{font-size:32px;letter-spacing:-1px}.metric .small-label{font-size:9px;letter-spacing:.03em}.metric>div{gap:4px}.metric>div span{font-size:13px}.metric p{font-size:10px}.history-panel .section-top{align-items:flex-start;flex-direction:column;gap:6px}.engine-panel{gap:16px}footer{flex-direction:column;gap:8px;padding-bottom:max(24px,env(safe-area-inset-bottom))}dialog{padding:28px}.notice{font-size:12px}.section-top h2{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}