:root{--primary:#1e40af;--primary-light:#3b82f6;--primary-dark:#1e3a8a;--accent:#f59e0b;--danger:#ef4444;--success:#10b981;--bg:#f8fafc;--bg-card:#fff;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;overflow:hidden}#root{height:100%}.app{flex-direction:column;height:100%;display:flex}.header{background:var(--primary);color:#fff;padding:12px calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left));z-index:1000;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.header-brand{align-items:center;gap:10px;min-width:0;display:flex}.header-logo{width:28px;height:28px;display:block}.header-brand h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.detect-location-btn{cursor:pointer;color:#fff;background:#fff3;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:4px;padding:0;transition:background .2s;display:flex}.detect-location-btn:hover{background:#ffffff59}.detect-location-btn:active{background:#ffffff80}.header-controls{align-items:center;gap:12px;min-width:0;display:flex}.lang-toggle-btn{color:#fff;cursor:pointer;letter-spacing:.03em;background:#fff3;border:1px solid #ffffff59;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:700;transition:background .2s}.lang-toggle-btn:hover{background:#ffffff59}.lang-toggle-btn:active{background:#ffffff80}.radius-control{align-items:center;gap:8px;display:flex}@media (width<=430px){.header{padding-top:10px;padding-bottom:10px}.header-brand{gap:8px}.header-brand h1{font-size:1rem}.header-controls{gap:6px}.radius-control{gap:4px}.radius-label{font-size:.75rem}.radius-select{background-position:right 6px center;padding:5px 24px 5px 9px;font-size:.8rem}.lang-toggle-btn{padding:4px 7px}.saved-locations-bar{padding:10px 12px}}.radius-label{opacity:.85;font-size:.8rem}.radius-select{color:#fff;border-radius:var(--radius-sm);cursor:pointer;appearance:none;background:#ffffff26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #ffffff4d;padding:6px 28px 6px 10px;font-size:.85rem}.radius-select option{color:var(--text);background:#fff}.error-banner{border-bottom:2px solid var(--danger);color:var(--danger);background:#fef2f2;flex-shrink:0;padding:10px 16px;font-size:.85rem}.info-banner{border-bottom:2px solid var(--primary);color:var(--primary);text-align:center;background:#eff6ff;flex-shrink:0;padding:8px 16px;font-size:.82rem}.saved-locations-bar{background:var(--bg-card);border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px;display:flex}.saved-locations-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:600}.saved-locations-row{scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.saved-location-chip,.save-location-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.saved-location-chip:hover,.save-location-btn:hover{border-color:var(--primary-light);background:#eff6ff}.saved-location-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.save-location-btn{color:var(--primary)}.home-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.map-section{flex-shrink:0;height:45%;min-height:200px;position:relative}.map-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%}.watch-map-section{border-bottom:2px solid var(--border);background:var(--bg-card);position:relative}.watch-map-toggle-btn{z-index:700;background:var(--primary);color:#fff;cursor:pointer;width:34px;height:34px;box-shadow:var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.watch-map-toggle-btn:active{background:var(--primary-dark)}.watch-map-body{height:34vh;min-height:220px}.watch-map-section.collapsed{border-bottom:none;height:0;min-height:0}.map-overlay{z-index:500;background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.map-overlay p{color:var(--text-muted);font-size:.9rem}.map-hint{z-index:500;border:1px solid var(--primary);color:var(--primary);text-align:center;pointer-events:none;box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;padding:8px 12px;font-size:.82rem;position:absolute;bottom:8px;left:8px;right:8px}.panel-section{border-top:2px solid var(--border);flex:1;overflow-y:auto}.bus-marker-dot{background:var(--primary);width:24px;height:24px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:50%;transition:all .2s}.bus-marker-dot.selected{background:var(--accent);border:3px solid #fff;width:32px;height:32px;box-shadow:0 0 0 4px #f59e0b4d}.bus-stop-marker{flex-direction:column;align-items:center;display:flex;background:0 0!important;border:none!important}.bus-marker-label{color:var(--primary);white-space:nowrap;text-align:center;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;margin-top:1px;font-size:9px;font-weight:600}.live-bus-marker{flex-direction:column;align-items:center;display:flex;background:0 0!important;border:none!important}.live-bus-icon{background:var(--primary);width:24px;height:24px;box-shadow:var(--shadow);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.live-bus-icon svg{fill:#fff;width:15px;height:15px}.live-bus-label{color:#fff;white-space:nowrap;background:#111827e6;border-radius:10px;margin-top:2px;padding:1px 6px;font-size:.6rem;font-weight:700}.route-flow-line{animation:1.4s linear infinite route-flow-dash}.route-flow-speed-0{animation-duration:1.35s}.route-flow-speed-1{animation-duration:1.55s}.route-flow-speed-2{animation-duration:1.75s}.route-flow-speed-3{animation-duration:1.95s}.route-flow-speed-4{animation-duration:2.15s}.route-flow-speed-5{animation-duration:2.35s}@keyframes route-flow-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-26px}}.route-flow-line.leaflet-interactive{filter:drop-shadow(0 0 1px #ffffffa6)}.user-marker{z-index:2000!important;background:0 0!important;border:none!important}.user-marker-dot{background:#4285f4;border:3px solid #fff;border-radius:50%;width:24px;height:24px;animation:2s infinite pulse-ring;box-shadow:0 0 0 6px #4285f44d,0 2px 6px #0000004d}@keyframes pulse-ring{0%{box-shadow:0 0 0 6px #4285f459,0 2px 6px #0000004d}50%{box-shadow:0 0 0 16px #4285f41a,0 2px 6px #0000004d}to{box-shadow:0 0 0 6px #4285f459,0 2px 6px #0000004d}}.stop-popup{font-size:.85rem}.stop-popup strong{margin-bottom:4px;display:block}.stop-popup-street{color:var(--text-muted);font-size:.8rem}.stop-popup-code{color:var(--text-light);margin-top:2px;font-size:.75rem}.stop-list{padding:0}.stop-list-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;padding:14px 16px 8px;font-size:.9rem;font-weight:600;display:flex}.stop-count{background:var(--primary);color:#fff;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.stop-list-loading,.stop-list-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.stop-list-items{flex-direction:column;display:flex}.stop-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;transition:background .15s;display:flex}.stop-item:hover{background:#f1f5f9}.stop-item.selected{border-left:3px solid var(--primary);background:#eff6ff}.stop-item-icon{background:var(--primary);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stop-item-icon svg{width:18px;height:18px}.stop-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stop-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.stop-street{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.stop-code{color:var(--text-light);font-size:.7rem}.stop-item-meta{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.stop-distance{color:var(--primary);font-size:.85rem;font-weight:600}.stop-walk-time{color:var(--text-muted);font-size:.75rem}.favorite-star{color:var(--text-muted);cursor:pointer;padding:2px 4px;font-size:1.2rem;line-height:1;transition:color .15s,transform .15s}.favorite-star:hover{transform:scale(1.2)}.favorite-star.active{color:var(--accent)}.favorite-btn{color:#fff9;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:1.5rem;line-height:1;transition:color .15s,transform .15s}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.active,.favorites-title{color:var(--accent)}.stop-detail{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.stop-detail-header{background:var(--primary);color:#fff;flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.back-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:background .15s;display:flex}.back-btn:hover{background:#ffffff26}.stop-detail-title h2{font-size:1.1rem;font-weight:700}.stop-detail-subtitle{opacity:.85;font-size:.8rem}.walking-time-section{background:var(--bg-card);border-bottom:1px solid var(--border);padding:14px 16px}.walking-time-label{justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;display:flex}.walking-time-control{align-items:center;gap:12px;display:flex}.walk-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .15s;display:flex}.walk-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.walk-minutes{text-align:center;min-width:50px;font-size:1rem;font-weight:600}.arrivals-section{background:var(--bg-card);border-bottom:1px solid var(--border);padding:14px 16px}.arrivals-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.arrivals-list{flex-direction:column;gap:6px;display:flex}.arrival-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;align-items:center;gap:10px;padding:10px 12px;display:flex}.arrival-item.watched{border-color:var(--primary-light);background:#eff6ff}.arrival-item.catchable{background:#f0fdf4;border-color:#22c55e}.arrival-item.urgent{border-color:var(--danger);background:#fef2f2}.arrival-line-code{background:var(--primary);color:#fff;text-align:center;border-radius:6px;flex-shrink:0;min-width:45px;padding:3px 8px;font-size:.8rem;font-weight:700}.arrival-item.catchable .arrival-line-code{background:#22c55e}.arrival-item.urgent .arrival-line-code{background:var(--danger)}.arrival-line-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.arrival-minutes{color:var(--primary);flex-shrink:0;font-size:1.1rem;font-weight:700}.arrival-minutes.urgent{color:var(--danger);animation:1s infinite blink}.arrival-item.catchable .arrival-minutes{color:#22c55e}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.no-arrivals,.no-lines{text-align:center;color:var(--text-muted);padding:16px;font-size:.9rem}.line-selection{flex:1;padding:14px 16px}.line-selection h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.9rem;font-weight:600}.lines-grid{flex-wrap:wrap;gap:8px;display:flex}.line-chip{border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#fff;align-items:center;gap:8px;max-width:100%;padding:8px 12px;font-family:inherit;transition:all .15s;display:flex}.line-chip:focus{outline:none}.line-chip:focus-visible{outline:2px solid var(--primary-light);outline-offset:1px}.line-chip:hover{border-color:var(--primary-light);background:#eff6ff}.line-chip.selected{border-color:var(--primary);background:#dbeafe}.line-chip-code{color:var(--primary);font-size:.85rem;font-weight:700}.line-chip-name{color:var(--text-muted);font-size:.75rem}.line-chip-etas{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.line-chip-eta{background:var(--success);color:#fff;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:.75rem;font-weight:700}.line-chip-eta.urgent{background:var(--danger);animation:1s infinite blink}.watch-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-lg);border:none;justify-content:center;align-items:center;gap:8px;margin:16px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.watch-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.watch-btn:disabled{opacity:.5;cursor:not-allowed}.watch-view{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.watch-view.alert{background:#fef2f2}.watch-header{text-align:center;padding:32px 16px 24px}.watch-status h2,.leave-countdown{margin:12px 0 8px;font-size:1.4rem}.countdown-value{color:var(--primary);font-size:2.2rem;font-weight:800}.watch-status p{color:var(--text-muted);font-size:.9rem}.watch-icon{font-size:3rem;display:inline-block}.alert-icon{animation:.8s infinite alternate pulse-alert}@keyframes pulse-alert{0%{transform:scale(1)}to{transform:scale(1.15)}}.pulse{animation:.8s infinite alternate pulse-alert}.watch-info{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:0 16px 16px;display:grid}.watch-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:12px;display:flex}.watch-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.watch-info-value{font-size:1rem;font-weight:600}.watch-arrivals{flex:1;padding:16px}.watch-arrivals h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.9rem;font-weight:600}.watch-actions{gap:10px;margin:16px;display:flex}.back-to-stop-btn{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.back-to-stop-btn:hover{background:var(--border)}.stop-watching-btn{background:var(--danger);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;flex:1;margin:0;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s}.stop-watching-btn:hover{background:#dc2626}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.spinner-small{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-muted);font-size:.85rem}@media (width>=768px){.home-view{flex-direction:row}.map-section{flex:1;height:100%}.panel-section{border-top:none;border-left:2px solid var(--border);width:380px}.stop-detail,.watch-view{max-width:480px;margin:0 auto}}@media (width>=900px){.saved-locations-bar{padding:12px 24px}.header{gap:20px;padding:14px 24px}.header-brand h1{letter-spacing:0;font-size:1.35rem}.header-controls{gap:16px}.radius-control{gap:10px}.radius-label{font-size:.86rem}.radius-select,.lang-toggle-btn{min-height:34px}.desktop-workspace{background:var(--bg);flex:1;grid-template-columns:minmax(0,1fr) minmax(420px,32vw);min-height:0;display:grid;overflow:hidden}.desktop-map-section{border-right:2px solid var(--border);min-width:0;min-height:0;position:relative}.desktop-side-panel{background:var(--bg-card);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.desktop-side-panel .stop-list{background:var(--bg-card);flex:1;min-height:0;overflow-y:auto}.desktop-side-panel .stop-list-title{z-index:1;background:var(--bg-card);padding:18px 20px 10px;position:sticky;top:0}.desktop-side-panel .stop-item{gap:14px;padding:14px 20px}.desktop-side-panel .stop-item-icon{width:40px;height:40px}.desktop-side-panel .stop-list-loading,.desktop-side-panel .stop-list-empty{min-height:280px;padding:56px 32px}.desktop-side-panel .stop-detail,.desktop-side-panel .watch-view{background:var(--bg);width:100%;max-width:none;min-height:0;margin:0}.desktop-side-panel .stop-detail-header{padding:18px 20px}.desktop-side-panel .stop-detail-title h2{font-size:1.16rem}.desktop-side-panel .walking-time-section,.desktop-side-panel .arrivals-section,.desktop-side-panel .line-selection{padding:16px 20px}.desktop-side-panel .arrival-item{padding:11px 14px}.desktop-side-panel .line-chip{padding:9px 12px}.desktop-side-panel .watch-header{padding:24px 20px 18px}.desktop-side-panel .watch-status h2,.desktop-side-panel .leave-countdown{font-size:1.25rem}.desktop-side-panel .countdown-value{font-size:2.6rem}.desktop-side-panel .watch-icon{font-size:2.25rem}.desktop-side-panel .watch-info{padding:0 20px 16px}.desktop-side-panel .watch-arrivals{padding:16px 20px}.desktop-side-panel .watch-actions{margin:16px 20px 20px}}@media (width>=1200px){.desktop-workspace{grid-template-columns:minmax(0,1fr) 480px}}