:root{--bg: #0b0d10;--panel: #161a20;--panel-2: #1e242c;--text: #f2f4f7;--muted: #9aa4b2;--accent: #3fb6ff;--warn: #ffb547;--danger: #ff6b6b;--route: #1a73e8;--radius: 20px;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #eef1f5;--panel: #ffffff;--panel-2: #e3e8ef;--text: #0b0d10;--muted: #4b5563;--accent: #0067c5;--route: #1a73e8;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:500 28px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none;overflow:hidden}#app,.app{height:100%}button{font:inherit;color:inherit;min-width:72px;min-height:72px;border:0;border-radius:var(--radius);background:var(--panel-2);cursor:pointer}button:disabled{opacity:.35}h1{font-size:48px;margin:0 0 24px}h2{font-size:24px;margin:0 0 8px;color:var(--muted);font-weight:600}p{margin:0}.muted,.help,.label{color:var(--muted)}.connect{height:100%;display:flex;flex-direction:column;justify-content:center;padding:48px 64px;gap:24px}.pairing{display:flex;gap:48px;align-items:center}.qr{width:320px;height:320px;background:#fff;border-radius:var(--radius);padding:12px;flex:none}.qr svg{width:100%;height:100%}.code{font-size:96px;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.status{font-size:32px}.code-entry .keypad{display:grid;grid-template-columns:repeat(6,96px);gap:12px;margin-top:16px;direction:ltr}.code-entry .keypad button{height:96px;font-size:40px}.dashboard{height:100%;display:grid;--sidebar: clamp(380px, 34vw, 600px);grid-template-columns:minmax(0,1fr) var(--sidebar);grid-template-rows:72px minmax(0,1fr) auto;gap:16px;padding:16px;position:relative}.dashboard.stale>:not(.status-bar){filter:grayscale(1);opacity:.55}.status-bar{grid-column:1 / -1;display:flex;align-items:center;gap:24px;padding:0 16px;font-size:28px}.status-bar .spacer{flex:1}.pill{background:var(--panel-2);border-radius:999px;padding:4px 16px;font-size:22px}.pill.warn{color:var(--bg);background:var(--warn)}.map-pane{position:relative;min-width:0;background:var(--panel);border-radius:var(--radius);overflow:hidden}.car-map,.car-map-canvas{position:absolute;inset:0}.car-map .car-map-canvas.maplibregl-map{position:absolute;inset:0;width:100%;height:100%}.car-map-canvas .maplibregl-canvas{outline:none}.car-marker{width:60px;height:60px;background:var(--route);border:5px solid #fff;border-radius:50% 50% 50% 0;transform-origin:center;box-shadow:0 2px 8px #00000073}.car-marker:after{content:""}.car-marker:not(.stopped){border-radius:50%;clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);border:0}.car-marker.stopped{border-radius:50%}.search-button{position:absolute;inset-inline-end:32px;top:32px;padding:0 28px;background:var(--panel);box-shadow:0 2px 10px #00000040;z-index:2}.sheet.search{height:calc(100% - 64px)}.search-row{display:flex;gap:16px}.search-row input{flex:1;min-width:0;min-height:88px;font:inherit;font-size:32px;padding:0 24px;border-radius:var(--radius);border:2px solid var(--panel-2);background:var(--bg);color:var(--text)}.search-row .go{padding:0 32px;background:var(--accent);color:var(--bg)}.result{display:grid;grid-template-columns:1fr auto;gap:4px 16px;width:100%;text-align:start;padding:16px 24px;margin-top:12px}.result .name{font-weight:700}.result .address{grid-column:1;color:var(--muted);font-size:22px}.result .dist{grid-column:2;grid-row:1;color:var(--accent);font-variant-numeric:tabular-nums}.place-pin{width:36px;height:36px;background:#e53935;border:5px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 8px #00000073}.place-card{position:absolute;left:16px;right:140px;bottom:40px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--panel);border-radius:var(--radius);padding:20px 24px;box-shadow:0 2px 12px #0000004d;z-index:3}.place-card .name{font-weight:700;font-size:32px}.place-card .address,.place-card .dist{color:var(--muted);font-size:22px}.place-card button{padding:0 28px;flex-shrink:0}.place-card{flex-wrap:wrap}.place-card>div{flex:1 1 300px;min-width:0;overflow-wrap:anywhere}.place-card .error{flex-basis:100%;order:1}.recenter{position:absolute;inset-inline-end:32px;top:128px;padding:0 24px;background:var(--panel-2);z-index:2}.attribution{position:absolute;inset-inline-start:12px;bottom:8px;font-size:14px;color:#333;background:#ffffffbf;border-radius:6px;padding:2px 8px;z-index:1;pointer-events:none}.next-turn{z-index:2}.route-map{width:100%;height:100%}.route-line{fill:none;stroke:var(--route);stroke-width:14;stroke-linecap:round;stroke-linejoin:round}.next-turn{position:absolute;inset-inline-start:16px;top:16px;display:flex;gap:20px;align-items:center;background:var(--panel-2);border-radius:var(--radius);padding:20px 28px;max-width:calc(100% - 280px)}@media(max-width:1368px){.next-turn{top:128px;left:16px;right:auto;max-width:calc(100% - 152px)}.recenter{top:32px;inset-inline-start:16px;inset-inline-end:auto}}.next-turn .arrow{font-size:88px;line-height:1;color:var(--accent)}.next-turn .distance,.next-turn .big{font-size:48px;font-weight:700}.next-turn .instruction{font-size:30px}.next-turn .source{color:var(--muted);font-size:20px;margin-top:4px}.next-turn .eta{color:var(--muted)}.side{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.dashboard .map-pane{grid-column:1;grid-row:2}.dashboard .side{grid-column:2;grid-row:2}.dashboard.map-large{--sidebar: clamp(340px, 27vw, 460px)}.dashboard.map-right{grid-template-columns:var(--sidebar) minmax(0,1fr)}.dashboard.map-right .map-pane{grid-column:2}.dashboard.map-right .side{grid-column:1}.dashboard{direction:ltr}.dashboard>*{direction:inherit}html[dir=rtl] .dashboard>*{direction:rtl}.call-panel{position:sticky;top:0;z-index:7;flex:none;border:2px solid #3cbe83;box-shadow:0 8px 16px #00000040}.call-phase{color:var(--muted);font-size:24px;margin-bottom:16px}.caller-identity{display:flex;align-items:center;gap:16px;margin-bottom:18px}.caller-avatar{width:72px;height:72px;flex:none;border-radius:50%;display:grid;place-items:center;background:#d9f7e9;color:#12613a;font-size:34px}.caller-identity>div{min-width:0}.caller-name{color:var(--text);font-size:34px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caller-number{color:var(--muted);font-size:26px}.call-duration{font-size:36px;font-variant-numeric:tabular-nums;margin:12px 0 20px}.call-actions{display:flex;gap:12px}.call-actions button{flex:1;min-width:0;min-height:88px;padding:12px;font-size:28px}.call-actions .call-answer{background:#19834c;color:#fff}.call-actions .call-end{background:#c8393c;color:#fff}.call-note{font-size:20px;color:var(--muted);margin-top:12px}.weather-current strong{font-size:36px}.weather-meta{font-size:18px;color:var(--muted);margin-top:6px}.weather a{color:var(--accent)}.layout-button{padding:0 14px;font-size:24px;flex-shrink:0}.layout-settings fieldset{margin:0 0 20px;border:0;padding:0}.layout-settings legend{color:var(--muted);margin-bottom:8px}.preset-options{display:flex;gap:12px}.preset-options button{flex:1;padding:12px}.order-options{flex-direction:column}.preset-options button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.widget-board{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:80px;grid-auto-flow:row dense;gap:16px}.board-widget{position:relative;min-width:0;min-height:0;border-radius:var(--radius)}.widget-content{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:var(--radius)}.widget-content>.card{min-height:100%}.widget-board.editing .board-widget{touch-action:none;cursor:grab;outline:2px dashed var(--muted);outline-offset:-2px}.widget-board.editing .widget-content{overflow:hidden}.board-widget.dragging{z-index:6;opacity:.85;cursor:grabbing;box-shadow:0 12px 28px #00000073}.widget-board.editing .board-widget.drop-before,.widget-board.editing .board-widget.drop-after{outline:4px solid var(--accent);outline-offset:-4px}.widget-remove,.widget-resize{position:absolute;z-index:2;width:72px;height:72px;border-radius:50%;background:var(--panel-2);box-shadow:0 2px 10px #00000059}.widget-remove{top:4px;inset-inline-start:4px;color:var(--danger)}.widget-resize{bottom:4px;inset-inline-end:4px;touch-action:none;cursor:nwse-resize}html[dir=rtl] .widget-resize{cursor:nesw-resize}.board-empty{grid-column:1 / -1;font-size:22px}.widgets-bar{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;gap:16px;min-width:0}.widgets-list{flex:1;min-width:0;display:flex;align-items:center;gap:16px;overflow-x:auto;scrollbar-width:thin}.widgets-list .help{font-size:20px;min-width:220px}.widgets-done{flex:none;padding:0 32px;background:var(--accent);color:var(--bg)}.widgets-button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.widget-add{flex:none;padding:0 24px;font-size:24px;border:2px dashed var(--muted);background:transparent;white-space:nowrap}.widget-option{flex:none;padding:0 16px;font-size:22px;display:flex;flex-direction:column;justify-content:center;line-height:1.1}.widget-option .label{font-size:16px}.card.clock-card{height:100%;display:flex;align-items:center;justify-content:center;padding:8px}.analog-clock{height:100%;max-width:100%;aspect-ratio:1;display:block}.clock-face{fill:var(--panel-2);stroke:var(--muted);stroke-width:2}.clock-mark{stroke:var(--text);stroke-width:4;stroke-linecap:round}.clock-tick{stroke:var(--muted);stroke-width:1.5}.clock-hand{stroke:var(--text);stroke-linecap:round}.clock-hand.hour{stroke-width:9}.clock-hand.minute{stroke-width:6}.clock-second line{stroke:var(--accent);stroke-width:2.5;stroke-linecap:round}.clock-second circle{fill:var(--accent)}.clock-pin{fill:var(--panel-2)}.card.date-widget{height:100%;display:flex;flex-direction:column;justify-content:center;padding:4px 20px;overflow:hidden}.date-widget .weekday{color:var(--muted);font-size:22px;line-height:1.1}.date-widget strong{font-size:32px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-banner{position:fixed;top:12px;left:50%;width:min(760px,calc(100% - 32px));transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px;background:var(--panel);border:2px solid var(--accent);border-radius:var(--radius);box-shadow:0 12px 32px #00000073;z-index:9;animation:banner-in .3s ease-out}.message-banner.leaving{animation:banner-out .3s ease-in forwards}@keyframes banner-in{0%{transform:translate(-50%,-140%)}to{transform:translate(-50%)}}@keyframes banner-out{0%{transform:translate(-50%)}to{transform:translate(-50%,-140%)}}@media(prefers-reduced-motion:reduce){.message-banner,.message-banner.leaving{animation:none}}.banner-open{flex:1;min-width:0;display:flex;align-items:center;gap:16px;padding:8px 16px;background:transparent;text-align:start}.banner-icon{font-size:36px}.banner-body{flex:1;min-width:0;display:flex;flex-direction:column}.banner-meta{display:flex;align-items:baseline;gap:12px;min-width:0}.banner-meta .who{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-meta .app{flex:none;color:var(--muted);font-size:22px}.message-banner .text{color:var(--muted);font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-close{flex:none;width:72px;background:transparent}.card{background:var(--panel);border-radius:var(--radius);padding:20px 24px}.now-playing{flex:none;display:flex;flex-direction:column;gap:6px}.now-playing .source{color:var(--muted);font-size:22px}.now-playing .title{font-size:32px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing .artist{color:var(--muted)}.progress{position:relative;display:flex;justify-content:space-between;font-size:20px;color:var(--muted);padding-top:14px;margin-top:8px}.progress:before,.progress .bar{content:"";position:absolute;top:0;inset-inline-start:0;height:6px;border-radius:3px}.progress:before{width:100%;background:var(--panel-2)}.progress .bar{background:var(--accent)}.controls{margin-top:auto;display:flex;justify-content:space-between;gap:16px;direction:ltr}.controls button{flex:1;height:96px;font-size:40px}.controls button.main{background:var(--accent);color:var(--bg)}.side .messages>.conversation .text{-webkit-line-clamp:1}.side .calendar,.side .card.muted{flex:none}.messages h2,.calendar h2{margin:0;min-height:72px}.messages h2{display:flex;align-items:center;justify-content:space-between}.messages .more{min-height:72px;font-size:22px;padding:0 16px}.conversation{display:flex;flex-direction:column;gap:6px}.conversation+.conversation{border-top:1px solid var(--panel-2);padding-top:16px;margin-top:16px}.conversation .meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:22px}.conversation .badge{background:var(--accent);color:var(--bg);border-radius:999px;padding:0 12px;font-weight:700}.conversation .who{font-weight:700;font-size:28px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.conversation .app{margin-inline-start:auto;flex:none}.conversation .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conversation .row{display:flex;gap:12px}.conversation .row button{flex:1;padding:0 16px;font-size:24px}.calendar h2{display:flex;align-items:center;justify-content:space-between}.calendar .more{min-height:72px;font-size:22px;padding:0 16px}.event .when{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:24px;font-variant-numeric:tabular-nums}.event .badge{color:var(--accent);font-weight:700}.event .title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event .place,.calendar .allday{color:var(--muted);font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event.past{opacity:.5}.sheet-body section+section{margin-top:24px}.sheet-body .event+.event{margin-top:16px}.overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.sheet{background:var(--panel);border-radius:var(--radius);padding:24px;width:min(1100px,calc(100% - 64px));max-height:calc(100% - 64px);display:flex;flex-direction:column;gap:16px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head button{padding:0 24px}.sheet-body{overflow-y:auto}.quick{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick button{min-height:96px;font-size:30px;padding:0 16px}.error{color:var(--danger);font-size:22px}.banner{position:absolute;inset:auto 16px 16px;background:var(--warn);color:#000;border-radius:var(--radius);padding:16px 24px}.spike{position:fixed;inset-inline-start:8px;bottom:8px;display:flex;gap:16px;align-items:center;font:16px/1.2 ui-monospace,monospace;background:#000000bf;color:#fff;padding:6px 12px;border-radius:8px}.spike button{min-width:0;min-height:0;padding:4px 8px;font-size:14px}@media(max-width:1100px){html,body{font-size:22px}.dashboard{--sidebar: 380px}.layout-button span{display:none}.pairing{flex-direction:column;align-items:flex-start}}.map-controls{position:absolute;right:24px;bottom:56px;display:flex;flex-direction:column;gap:12px;z-index:4}.map-controls button{width:88px;height:88px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--panel);box-shadow:0 2px 10px #0000004d}.map-controls button[aria-pressed=true]{color:#80bdff}.map-controls .my-location-control{background:#fff;color:#5f6368;border:1px solid #e0e0e0}.compass-n{font-size:16px;line-height:1;font-weight:700}.map-settings{position:absolute;right:132px;bottom:56px;width:min(440px,calc(100% - 156px));max-height:calc(100% - 32px);overflow-y:auto;border-radius:var(--radius);background:var(--panel);padding:16px;box-shadow:0 3px 18px #00000059;z-index:6}.map-settings-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.map-settings-head h2{color:var(--text);margin:0}.map-settings-head button{font-size:36px;flex-shrink:0}.map-setting-choice{display:flex;width:100%;align-items:center;gap:12px;padding:12px;margin-top:8px;text-align:start;font-size:26px}.map-setting-choice>svg{flex-shrink:0}.map-setting-choice>span:nth-last-child(2){flex:1}.map-setting-choice[aria-pressed=true]{background:#d7e9ff;color:#123b66}.map-setting-note{margin-top:14px;font-size:18px;line-height:1.4;color:var(--muted)}.route-choice small{display:block;font-size:20px;margin-top:6px}.next-turn .end-route{min-height:72px;padding:0 24px;flex-shrink:0}