*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--bg: #0b0e14;--panel: rgba(22, 27, 38, .86);--panel-solid: #161b26;--line: #232a39;--text: #e9ecf4;--muted: #8a93a6;--accent: #4f7cff;--red: #ff4040;--yellow: #ffb300;--green: #2fbf71}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 70% -10%,#16203a 0%,var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:#0c0f16b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#ff5b5b,#ffb300);color:#1a1205;font-size:17px;box-shadow:0 2px 10px #ff782859}.bar h1{font-size:16px;margin:0;font-weight:650;letter-spacing:-.2px}.bar h1 .sub{color:var(--muted);font-weight:400;font-size:12px}.bar-right{display:flex;align-items:center;gap:10px}.counts{display:inline-flex;gap:6px}.counts b{font-size:12px;padding:3px 9px;border-radius:999px;font-weight:700}.counts .r{background:#ff404029;color:#ff8585}.counts .y{background:#ffb30029;color:#ffce5e}.refresh,.install{background:var(--panel-solid);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex:none}.install{background:var(--accent);color:#fff;border-color:transparent;font-weight:600}.ios-hint{position:absolute;top:54px;right:12px;z-index:20;max-width:280px;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5;color:var(--text);box-shadow:0 12px 32px #00000080;cursor:pointer}.ios-hint-close{display:block;margin-top:8px;color:var(--accent);font-weight:600;font-size:12px}.spin{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filters{display:flex;gap:8px;padding:10px 16px;flex-wrap:wrap}.chip{background:var(--panel-solid);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;gap:6px}.chip:before{content:"";width:8px;height:8px;border-radius:50%;background:#5a6273}.chip.r:before{background:var(--red)}.chip.y:before{background:var(--yellow)}.chip.on{color:#fff;background:#1d2740;border-color:#34507f}.chip:not(.on){opacity:.6}.body{display:flex;flex:1;min-height:0}.map{position:relative;flex:1;min-width:0}.list{width:340px;overflow-y:auto;border-left:1px solid var(--line);background:#0d111999}.list-head{padding:10px 14px;font-size:12px;color:var(--muted);position:sticky;top:0;background:var(--panel-solid);border-bottom:1px solid var(--line)}.row{display:flex;gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:inherit;padding:11px 14px;cursor:pointer;transition:background .1s}.row:hover{background:#4f7cff12}.row .dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none}.row.on-route{background:#4f7cff1a;box-shadow:inset 3px 0 0 var(--accent)}.row.on-route:hover{background:#4f7cff29}.list-head.onroute{color:#ffd27a;background:#ffb30014;font-weight:600}.row.red .dot{background:var(--red);box-shadow:0 0 8px #ff404099}.row.yellow .dot{background:var(--yellow)}.row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.row-main strong{font-size:13px}.row-main small{color:var(--muted);font-size:11px}.row-main .when{color:#6f7689}.banner{margin:16px;padding:14px;border-radius:12px;background:var(--panel-solid);color:#cfd4de;font-size:14px;line-height:1.5;border:1px solid var(--line)}.banner.err{background:#ff40401f;color:#ffb4b4;border-color:#ff40404d}.banner code{background:#11141a;padding:1px 5px;border-radius:4px}.route-panel{position:absolute;top:12px;left:12px;z-index:6;width:312px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #00000080;overflow:hidden}.route-panel.collapsed{width:auto}.rp-head{display:flex;align-items:stretch;background:linear-gradient(90deg,#2a3c6b,#243154)}.rp-head-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;text-align:left;background:none;border:0;color:#fff;padding:12px 14px;font-size:14px;font-weight:600;cursor:pointer}.rp-chev{flex:none;opacity:.8;font-size:12px}.rp-head-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-clear{flex:none;background:none;border:0;border-left:1px solid rgba(255,255,255,.15);color:#cdd6ea;font-size:15px;padding:0 14px;cursor:pointer}.rp-clear:hover{background:#ffffff14;color:#fff}.rp-form{display:flex;flex-direction:column;gap:9px;padding:12px}.rp-field{display:flex;gap:7px}.rp-field input{flex:1}.rp-loc{background:var(--panel-solid);border:1px solid var(--line);border-radius:10px;width:42px;cursor:pointer;font-size:16px}.rp-form input[type=text],.rp-form input:not([type]){background:#0d1018;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 12px;font-size:14px;width:100%}.rp-form input::placeholder{color:#5e6678}.rp-when{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.rp-when input{color-scheme:dark;background:#0d1018;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px 11px}.rp-toll{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.rp-toll input{width:16px;height:16px;accent-color:var(--accent)}.rp-warn{margin-top:8px;font-size:11px;color:#ffd27a;background:#ffb3001a;border:1px solid rgba(255,179,0,.3);border-radius:8px;padding:7px 9px;line-height:1.4}.rp-open.loading{background:#2a3142;color:var(--muted);cursor:default}.rp-go{background:linear-gradient(135deg,var(--accent),#6a5bff);color:#fff;border:0;border-radius:11px;padding:12px;font-size:14px;font-weight:650;cursor:pointer;box-shadow:0 4px 16px #4f7cff59}.rp-go:disabled{opacity:.5;cursor:default;box-shadow:none}.rp-error{color:#ffb4b4;font-size:12px}.rp-history{display:flex;flex-direction:column;gap:5px}.rp-history-h{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.rp-history-item{display:flex;gap:6px;align-items:center;text-align:left;background:#0d1018;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:8px 10px;font-size:12px;cursor:pointer;overflow:hidden}.rp-history-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.rp-history-item .arrow{flex:0;color:var(--muted)}.rp-history-item:hover{border-color:#34507f}.rp-results{display:flex;flex-direction:column;gap:9px;margin-top:2px}.rp-route{background:#0d1018;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .1s}.rp-route.sel{border-color:var(--accent);background:#121a2e;box-shadow:0 0 0 1px #4f7cff4d}.rp-route-head{font-size:13px;font-weight:650}.rp-route.best .rp-route-head{color:#bfe6c8}.rp-route-eta{font-size:12px;margin-top:4px;color:var(--text)}.rp-route-eta b{font-size:15px}.rp-route-eta .traffic{color:var(--yellow)}.rp-route-eta .dist{color:var(--muted)}.rp-route-meta{font-size:11px;color:var(--muted);margin-top:3px}.rp-open{display:block;margin-top:10px;text-align:center;text-decoration:none;background:#1a73e8;color:#fff;border-radius:10px;padding:10px;font-size:13px;font-weight:600}.rp-open:hover{background:#1666cc}.iw{color:#111;max-width:260px}.iw-sev{font-size:12px;margin:2px 0 6px}.iw p{margin:0 0 6px;font-size:13px}.iw-meta{font-size:11px;color:#555}@media (max-width: 720px){.bar{padding:9px 12px;gap:8px}.bar h1 .sub{display:none}.bar h1{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand{min-width:0;flex:1}.bar-right{gap:6px;flex:none}.refresh,.install{padding:5px 8px;font-size:11px}.counts b{padding:3px 7px}.body{flex-direction:column}.map{flex:1 1 58%;min-height:320px}.list{width:100%;border-left:0;border-top:1px solid var(--line);flex:0 0 42%}.route-panel{width:calc(100vw - 24px);max-width:360px}.route-panel.collapsed{width:auto}.filters{overflow-x:auto;flex-wrap:nowrap;padding:9px 12px}.chip{white-space:nowrap}}