:root{--road: #e7e9e4;--surface: #ffffff;--ink: #1f2a36;--muted: #5b6672;--line: #c9cec6;--sign: #ffce1f;--sign-deep: #e0a800;--paper: #fdfdfb;--paper-ink: #1f2a36;--danger: #b3261e;--radius: 14px;--font: "IBM Plex Sans Hebrew", system-ui, sans-serif;--display: "Secular One", "IBM Plex Sans Hebrew", sans-serif;--mono: "IBM Plex Mono", "IBM Plex Sans Hebrew", monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root{--road: #151b21;--surface: #1e2731;--ink: #e9ecef;--muted: #9aa5b1;--line: #34404c;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--road);color:var(--ink);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--sign-deep);outline-offset:2px}.app{max-width:480px;margin:0 auto;padding:0 16px calc(32px + env(safe-area-inset-bottom))}.sign{margin:0 -16px;padding:calc(18px + env(safe-area-inset-top)) 20px 22px;background:var(--sign);color:#1f2a36;border-bottom:4px solid #1f2a36}.sign__plate{display:inline-block;padding:1px 10px;border-radius:6px;background:#1f2a36;color:var(--sign);font:400 14px/1.6 var(--display)}.sign__title{margin:8px 0 0;font:400 40px/1.05 var(--display)}.sign__sub{margin:6px 0 0;font-size:15px;color:#3a4552}.banner{margin:16px 0 0;padding:10px 14px;border-radius:var(--radius);border:1px dashed var(--muted);font-size:14px;color:var(--muted)}.form{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:20px}.install{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 10px 10px 12px;border-radius:var(--radius);background:var(--surface);border:2px solid var(--sign)}.install__icon{flex:none;border-radius:10px}.install__text{flex:1;min-width:0;display:grid;line-height:1.3}.install__text small{color:var(--muted);font-size:13px}.install__go{flex:none;height:40px;padding:0 16px;border:0;border-radius:10px;background:var(--sign);color:#1f2a36;font-weight:700}.install__close{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted)}.trip{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 14px;background:var(--surface);border-radius:var(--radius);box-shadow:0 1px 0 var(--line)}.trip:before{content:"";position:absolute;inset-inline-start:29px;top:58px;bottom:58px;border-inline-start:3px dashed var(--line)}.trip__swap{position:absolute;inset-inline-end:12px;top:50%;translate:0 -50%;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:18px;z-index:2}.trip__swap:disabled{opacity:.4}.place{position:relative;padding-inline-end:48px}.place__label{display:block;margin-inline-start:34px;font-size:13px;font-weight:600;color:var(--muted)}.place__input-row,.place__chosen{display:flex;align-items:center;gap:10px;min-height:48px}.place__pin{flex:none;width:14px;height:14px;margin-inline:3px 7px;border-radius:50%;background:var(--ink);position:relative;z-index:1}.place--destination .place__pin{border-radius:3px;background:var(--sign-deep)}.place__input{flex:1;min-width:0;width:100%;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:transparent;font-size:17px}.place__input::placeholder{color:var(--muted)}.place__locate{flex:none;height:46px;padding:0 12px;border:0;border-radius:10px;background:var(--ink);color:var(--road);font-size:14px;font-weight:600}.place__chosen .place__text{flex:1;min-width:0;display:grid;line-height:1.3}.place__text strong{font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place__text small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place__clear{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted)}.place__list{list-style:none;margin:6px 0 0;padding:4px;position:absolute;inset-inline:0;top:100%;z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px #141c242e;max-height:320px;overflow-y:auto}.place__list button{display:grid;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;text-align:start;line-height:1.35}.place__list button:hover,.place__list button:focus-visible{background:var(--road)}.place__list small,.place__hint{color:var(--muted);font-size:13px}.place__hint,.place__error{margin:4px 34px 0 0;font-size:13px}.place__error,.error{color:var(--danger)}.field{display:grid;gap:10px}.field__label{margin:0;font-size:15px;font-weight:700}.field__note{margin:0;font-size:13px;color:var(--muted)}.when{display:grid;gap:10px;padding:12px;border-radius:var(--radius);background:var(--surface)}.when__quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.when__quick button{min-height:40px;border:1px solid var(--line);border-radius:10px;background:transparent;font-size:14px;font-weight:600}.when__days{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -12px;padding:2px 12px;scrollbar-width:none}.when__days::-webkit-scrollbar{display:none}.when__days button{flex:0 0 auto;min-width:68px;display:grid;gap:0;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:transparent;line-height:1.25;scroll-snap-align:start}.when__days button small{font-size:12px;color:var(--muted)}.when__days button[aria-checked=true]{border-color:var(--ink);background:var(--ink);color:var(--road)}.when__days button[aria-checked=true] small{color:inherit;opacity:.8}.when__time{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:8px}.when__step{height:64px;border:0;border-radius:12px;background:var(--road);font:600 18px/1 var(--mono);direction:ltr}.when__clock{display:grid;justify-items:center;padding:6px 0;border-radius:12px;border:2px solid var(--sign);background:transparent}.when__digits{font:600 38px/1.1 var(--mono);direction:ltr;font-variant-numeric:tabular-nums}.when__clock small{font-size:12px;color:var(--muted)}.when{position:relative}.when__input{position:absolute;bottom:0;left:50%;width:1px;height:1px;opacity:0;pointer-events:none}.when__input--visible{position:static;width:100%;height:48px;padding:0 12px;opacity:1;pointer-events:auto;border:1px solid var(--line);border-radius:10px;background:var(--road);font-size:18px}.when__warn{margin:0;font-size:13px;color:var(--danger)}.seg{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface)}.seg button{flex:1;display:grid;place-items:center;min-height:44px;padding:4px 8px;border:0;border-radius:9px;background:transparent;font-weight:600;line-height:1.2}.seg--tariff button{flex:0 0 52px;font-family:var(--mono);font-size:17px}.seg--tariff button:first-child{flex:1;font-family:var(--font);font-size:15px}.seg button small{font-size:12px;font-weight:400;opacity:.8}.seg button[aria-checked=true]{background:var(--ink);color:var(--road)}.extras{display:grid;grid-template-columns:1fr 1fr;gap:8px}.extra{position:relative;display:grid;gap:0;padding:10px 12px;border-radius:12px;background:var(--surface);border:2px solid transparent;cursor:pointer;line-height:1.3}.extra input{position:absolute;opacity:0;pointer-events:none}.extra:has(input:checked){border-color:#1f2a36;background:var(--sign);color:#1f2a36}.extra:has(input:focus-visible){outline:3px solid var(--sign-deep);outline-offset:2px}.extra__name{font-weight:600;font-size:15px}.extra__price{font-family:var(--mono);font-size:14px}.extra__auto{position:absolute;inset-inline-end:8px;top:8px;padding:0 6px;border-radius:6px;background:#1f2a36;color:var(--sign);font-size:11px;font-weight:600}.go{height:58px;border:0;border-radius:var(--radius);background:var(--sign);color:#1f2a36;font:400 22px/1 var(--display);box-shadow:0 3px #1f2a36}.go:active:not(:disabled){translate:0 2px;box-shadow:0 1px #1f2a36}.go:disabled{opacity:.5}.go__hint,.error{margin:-12px 0 0;font-size:14px;text-align:center;color:var(--muted)}.error{color:var(--danger)}.result{display:grid;gap:14px;margin-top:28px;scroll-margin-top:12px}.routes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.routes button{display:grid;padding:10px 12px;border:2px solid transparent;border-radius:12px;background:var(--surface);text-align:start;line-height:1.3}.routes button small{color:var(--muted)}.routes button[aria-checked=true]{border-color:var(--ink)}.receipt{--zig: 10px;position:relative;padding:26px 22px 22px;background:var(--paper);color:var(--paper-ink);filter:drop-shadow(0 6px 14px rgb(20 28 36 / .16));-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / var(--zig) 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / var(--zig) 51% repeat-x;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / var(--zig) 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / var(--zig) 51% repeat-x;animation:print .52s cubic-bezier(.2,.7,.2,1) both}@keyframes print{0%{clip-path:inset(0 0 100% 0);translate:0 -8px}to{clip-path:inset(0 0 0 0);translate:0 0}}@media (prefers-reduced-motion: reduce){.receipt{animation:none}html{scroll-behavior:auto}}.receipt__head{text-align:center;padding-bottom:14px;border-bottom:2px dashed #b9beb6}.receipt__title{margin:0;font-weight:600;font-size:15px}.receipt__range{margin:4px 0 0;font:600 52px/1.05 var(--mono);letter-spacing:-.02em;direction:ltr;font-variant-numeric:tabular-nums}.receipt__cur{font-size:.55em;margin-inline-end:4px;vertical-align:.35em}.receipt__central{margin:6px 0 0;font-size:15px}.receipt__rows{display:grid;gap:6px;margin:0;padding:14px 0;border-bottom:2px dashed #b9beb6;font-size:15px}.receipt__rows>div{display:flex;align-items:baseline;gap:8px}.receipt__rows dt{flex:none;color:#5b6672}.receipt__rows dt:after{content:""}.receipt__rows dd{margin:0;margin-inline-start:auto;text-align:end;font-weight:500;min-width:0}.receipt__rows--money dd{font-family:var(--mono);font-variant-numeric:tabular-nums}.receipt__rows--money>div:before{content:"";order:1;flex:1;border-bottom:1px dotted #b9beb6;translate:0 -4px}.receipt__rows--money dt{order:0}.receipt__rows--money dd{order:2;margin-inline-start:0}.receipt__total{margin-top:6px;font-weight:700;font-size:18px}.receipt__total dt{color:inherit}.receipt__note{font-weight:400;color:#5b6672;font-size:13px}.receipt__fine{margin:14px 0 0;font-size:13px;color:#5b6672;text-align:center}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action{display:grid;place-items:center;min-height:50px;border-radius:12px;background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none}.action--waze{background:var(--ink);color:var(--road)}.map{height:240px;border-radius:var(--radius);background:var(--surface);overflow:hidden;display:grid;place-items:center;color:var(--muted)}.again{height:48px;border:1px solid var(--line);border-radius:12px;background:transparent;font-weight:600}.share{display:grid;gap:10px;margin-top:36px;padding:16px;border-radius:var(--radius);border:2px dashed var(--line);text-align:center}.share__title{margin:0;font-size:16px;font-weight:600}.share__go{height:50px;border:0;border-radius:12px;background:var(--ink);color:var(--road);font-weight:700;font-size:16px}.share__options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share__options .action{border:1px solid var(--line);font:inherit;font-weight:600}.foot{margin-top:24px;font-size:12px;color:var(--muted);text-align:center}
