:root{--bg: #e6ebf0;--surface: #ffffff;--field: #eef2f6;--ink: #13202c;--muted: #566372;--line: rgba(19, 32, 44, .12);--track: #c5ced8;--blue: #1a6fe0;--red: #d4231a;--amber: #a86400;--grey: #7d8896;--disabled-bg: #dfe5eb;--shadow: 0 2px 12px rgba(10, 20, 30, .18);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:light}:root[data-theme=dark]{--bg: #0b1016;--surface: #151c25;--field: #212a35;--ink: #eef2f6;--muted: #9ba8b6;--line: rgba(238, 242, 246, .12);--track: #3a4553;--blue: #3d8bff;--red: #ff5a4f;--amber: #f2a93b;--grey: #8d99a7;--disabled-bg: #242d38;--shadow: 0 2px 14px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--ink);font:17px/1.35 -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon-btn{flex:none;width:48px;height:48px;border:0;border-radius:12px;background:transparent;font-size:24px;line-height:1}.retry{flex:none;min-height:48px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:var(--field);color:var(--blue);font-weight:650}.route-screen{position:fixed;top:0;right:0;bottom:0;left:0}.route-main{display:flex;flex-direction:column;height:100%}.map-area{position:relative;flex:1;min-height:180px}.map{position:absolute;top:0;right:0;bottom:0;left:0}.map .map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-failed{position:absolute;top:45%;width:100%;margin:0;text-align:center;color:var(--muted)}.map-error{position:absolute;z-index:2;left:50%;bottom:52px;transform:translate(-50%);margin:0;padding:8px 14px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow);max-width:calc(100% - 32px);width:max-content;text-align:center;color:var(--red);font-size:15px;font-weight:600}.attrib{position:absolute;right:6px;bottom:22px;z-index:2;padding:2px 6px;border-radius:4px;font-size:11px;line-height:1.3;background:#ffffffd9;color:#2a3440;text-decoration:none}:root[data-theme=dark] .attrib{background:#0a1016cc;color:#c9d2dc}.places{position:absolute;z-index:2;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);display:flex;align-items:center;max-width:640px;margin:0 auto;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding-right:4px}.places-rows{flex:1;min-width:0}.place-row{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:6px 12px 6px 16px;border:0;background:none;text-align:left}.place-row+.place-row{border-top:1px solid var(--line)}.place-text{display:flex;flex-direction:column;min-width:0}.place-main{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-empty{font-weight:400;color:var(--muted)}.place-sub{font-size:14px;color:var(--muted)}.place-sub-error{color:var(--red)}.dot{flex:none;width:14px;height:14px;border-radius:50%}.dot-start{border:4px solid var(--blue)}.dot-dest{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 25%,transparent)}.sheet{position:relative;z-index:3;width:100%;max-width:640px;align-self:center;margin-top:-16px;max-height:62vh;overflow-y:auto;padding:18px 16px calc(var(--safe-bottom) + 14px);background:var(--surface);border-radius:20px 20px 0 0;box-shadow:var(--shadow)}.trip{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.trip-time{font-size:36px;font-weight:750;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.trip-meta{margin-top:6px;font-size:15px;color:var(--muted)}.trip-cams{display:flex;flex-direction:column;align-items:flex-end}.trip-cams-n{font-size:32px;font-weight:750;line-height:1;color:var(--red);font-variant-numeric:tabular-nums}.trip-cams-label{font-size:14px;color:var(--muted)}.countries{list-style:none;margin:14px 0 0;padding:0}.country{--mode: var(--red);display:flex;flex-direction:column;justify-content:center;min-height:40px;padding:6px 0 6px 12px;border-left:4px solid var(--mode);font-size:16px}.country+.country{margin-top:4px}.country.mode-zone{--mode: var(--amber)}.country.mode-silent{--mode: var(--grey)}.country-note{font-size:13px;color:var(--amber)}.cams-missing{margin:12px 0 0;font-size:15px;font-weight:600;color:var(--amber)}.offline-note{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#f2a93b;color:#241600;font-size:15px;font-weight:650}.status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.status p{margin:0}.status-info p{color:var(--muted)}.status-error p{color:var(--red);font-weight:600}.avvia{display:block;width:100%;min-height:60px;margin-top:16px;border:0;border-radius:14px;background:var(--blue);color:#fff;font-size:21px;font-weight:750;letter-spacing:.01em}.avvia:active:not(:disabled){filter:brightness(.92)}.avvia:disabled{background:var(--disabled-bg);color:var(--muted);cursor:default}.block{margin-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:15px;color:var(--muted)}.resume .avvia{margin-top:0}.resume-dismiss{display:block;width:100%;min-height:48px;margin-top:10px;border:0;background:none;color:var(--blue);font-size:17px;font-weight:650}.search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;padding-top:var(--safe-top);background:var(--surface)}.search-bar{display:flex;align-items:center;gap:6px;padding:8px 12px 8px 4px;border-bottom:1px solid var(--line)}.search-bar .icon-btn{font-size:34px;color:var(--blue)}.search-input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:0;border-radius:12px;background:var(--field);font-size:18px}.results{list-style:none;margin:0;padding:0;overflow-y:auto}.result{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;width:100%;min-height:58px;padding:8px 16px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.result-name{font-weight:600}.result-detail{font-size:14px;color:var(--muted)}.search-msg{margin:0;padding:16px;color:var(--muted)}.search-error{color:var(--red)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#00000073}.settings{width:100%;max-width:640px;padding:20px 16px calc(var(--safe-bottom) + 16px);background:var(--surface);border-radius:20px 20px 0 0}.settings-title{margin:0 0 8px;font-size:21px}.setting{display:flex;align-items:center;justify-content:space-between;min-height:56px}.setting-volume{flex-direction:column;align-items:stretch;padding-top:8px}.setting-volume input{width:100%;height:48px;margin:0;accent-color:var(--blue)}.setting-volume input:disabled{opacity:.4}.setting-note{margin:0 0 4px;font-size:14px;color:var(--amber)}.switch{position:relative;flex:none;width:64px;height:48px;padding:0;border:0;background:none}.switch:before{content:"";position:absolute;left:0;right:0;top:6px;height:36px;border-radius:18px;background:var(--track);transition:background .15s}.switch[aria-checked=true]:before{background:var(--blue)}.switch-knob{position:absolute;top:9px;left:3px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s}.switch[aria-checked=true] .switch-knob{transform:translate(28px)}.settings-done{width:100%;min-height:54px;margin-top:12px;border:0;border-radius:14px;background:var(--field);font-size:18px;font-weight:650}.drive-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg)}.drive-screen .attrib{bottom:calc(var(--safe-bottom) + 160px)}.drive-screen .map-error{bottom:calc(var(--safe-bottom) + 190px)}.drive-top,.drive-bottom{position:absolute;z-index:3;left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.drive-top{top:calc(var(--safe-top) + 10px)}.drive-bottom{bottom:calc(var(--safe-bottom) + 12px);align-items:flex-start}.maneuver-card,.camera-card,.banner,.bottom-bar,.fine,.fine-confirm{box-shadow:var(--shadow)}.maneuver-card{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;background:#0f7a43;color:#fff}.maneuver-arrow{flex:none;width:56px;text-align:center;font-size:50px;font-weight:700;line-height:1}.maneuver-text{min-width:0}.maneuver-dist{font-size:36px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.maneuver-street{font-size:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-card{padding:12px 16px;border-radius:18px;background:#d4231a;color:#fff}.camera-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.camera-title{font-size:21px;font-weight:750}.camera-dist{flex:none;font-size:32px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.camera-notes{font-size:17px;opacity:.92}.banners{display:flex;flex-direction:column;gap:6px}.banner{display:flex;align-items:center;width:100%;min-height:48px;margin:0;padding:10px 14px;border:0;border-radius:14px;background:var(--surface);color:var(--ink);font-size:17px;font-weight:650;text-align:left}.banner-error{background:#d4231a;color:#fff}.banner-warn{background:#f2a93b;color:#241600}.banner-ok{background:#0f7a43;color:#fff}.fine{min-height:48px;padding:0 18px;border:0;border-radius:24px;background:var(--surface);color:var(--muted);font-size:16px;font-weight:650}.fine-confirm{width:100%;padding:14px 16px;border-radius:18px;background:var(--surface)}.fine-question{margin:0 0 10px;font-size:20px;font-weight:700}.fine-actions{display:flex;gap:10px}.fine-actions button{flex:1;min-height:56px;border:0;border-radius:14px;font-size:19px;font-weight:750}.fine-end{background:var(--red);color:#fff}.fine-keep{background:var(--field)}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;border-radius:18px;background:var(--surface)}.bar-speed{display:flex;align-items:center;gap:12px}.limit-sign{flex:none;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:6px solid #e0261b;border-radius:50%;background:#fff;color:#111;font-size:23px;font-weight:800;font-variant-numeric:tabular-nums}.speed{font-size:40px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.bar-unit{font-size:14px;color:var(--muted)}.bar-trip{text-align:right}.eta{font-size:27px;font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums}.bar-left{font-size:17px;color:var(--muted)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}