*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f5f7fa;color:#1a1a2e;-webkit-font-smoothing:antialiased;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;overscroll-behavior:none}.pub-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;touch-action:manipulation}.pub-header{background:#004d2d;position:sticky;top:0;z-index:50}.pub-header-inner{display:flex;align-items:center;padding:20px}.pub-brand-img{max-width:150px;height:auto;margin-right:12px}.pub-brand{font-size:18px;font-weight:700;color:#1a1a2e;letter-spacing:-.3px}.pub-route-tabs{background:#f3f4f6}.pub-route-tabs-inner{display:flex;overflow-x:auto;background:#cee5db}.pub-route-tab{border:none;padding:15px 20px;border-radius:0;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:inherit}.pub-route-tab:hover{opacity:.85}.pub-route-tab.active{box-shadow:none}.pub-route-info{padding:20px 24px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #e5e7eb}.pub-route-long-name{font-size:15px;font-weight:600;color:#1f2937}.pub-route-hours{font-size:13px;color:#6b7280}.pub-route-name{padding:10px 24px;font-size:15px;font-weight:500;color:#fff;background:#316751;border-bottom:1px solid #e5e7eb}.pub-main{display:grid;grid-template-columns:300px 1fr;flex:1;overflow:hidden}.pub-stops-panel{overflow-y:auto;border-right:1px solid #e5e7eb;background:#fff}.pub-stops-heading{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin:20px}.pub-direction-group+.pub-direction-group{margin-top:8px;border-top:1px solid #e5e7eb;padding-top:8px}.pub-direction-heading{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-top:10px}.pub-direction-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pub-stop-list{display:flex;flex-direction:column}.pub-stop-item{background:#fff;border-radius:0}.pub-stop-item:first-child{border-radius:12px 12px 0 0}.pub-stop-item:last-child{border-radius:0 0 12px 12px}.pub-stop-item:only-child{border-radius:12px}.pub-stop-item+.pub-stop-item{border-top:1px solid #f0f1f3}.pub-stop-row{display:flex;align-items:center;gap:12px;padding:0 16px;cursor:pointer;transition:background .12s}.pub-stop-row:hover{background:#f9fafb}.pub-stop-indicator{position:relative;width:20px;display:flex;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0}.pub-stop-dot{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid;position:relative;z-index:2}.pub-stop-line-top,.pub-stop-line-bottom{position:absolute;left:50%;width:3px;transform:translate(-50%)}.pub-stop-line-top{top:0;bottom:50%}.pub-stop-line-bottom{top:50%;bottom:0}.pub-stop-info{margin:20px 0;flex:1;min-width:0}.pub-stop-name{font-size:14px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-stop-next{font-size:13px;color:#6b7280;margin-top:2px}.pub-stop-next.arriving{color:#16a34a;font-weight:600}.pub-stop-next-time{margin-left:6px;color:#9ca3af;font-weight:400}.pub-schedule-btn{border:1px solid #e5e7eb;background:#fff;color:#4b5563;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .12s;font-family:inherit;flex-shrink:0}.pub-schedule-btn:hover{background:#f3f4f6;border-color:#d1d5db}.pub-schedule-panel{padding:0 16px 14px 48px;position:relative}.pub-schedule-line{position:absolute;left:26px;top:0;bottom:0;width:3px}.pub-schedule-grid{display:flex;flex-wrap:wrap;gap:6px}.pub-schedule-time{padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:12px;font-weight:500;color:#374151;font-variant-numeric:tabular-nums}.pub-schedule-time.past{color:#c0c4cc;text-decoration:line-through}.pub-schedule-time.next{background:#16a34a;color:#fff;font-weight:600}.pub-schedule-empty{font-size:13px;color:#9ca3af;font-style:italic}.pub-map-panel{min-width:0;position:relative;display:flex;flex-direction:column}.pub-map-stops-bar{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;border-bottom:1px solid #e5e7eb;flex-shrink:0}.pub-map-stops-bar::-webkit-scrollbar{height:4px}.pub-map-stops-bar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.pub-map-stop-btn{border:1.5px solid #d1d5db;background:#fff;color:#374151;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:inherit;flex-shrink:0}.pub-map-stop-btn:hover{background:#f3f4f6;border-color:#9ca3af}.pub-map-stop-btn.active{border-color:currentColor;box-shadow:0 1px 4px #00000026}.pub-map{width:100%;flex:1;min-height:0}.pub-map-controls{position:absolute;bottom:16px;left:16px;z-index:5;display:flex;gap:8px}.pub-locate-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #d1d5db;border-radius:24px;background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#374151;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:all .15s ease}.pub-locate-btn:hover{background:#fff;border-color:#9ca3af}.pub-locate-btn.active{background:#004d2d;color:#fff;border-color:#004d2d}.pub-locate-btn:disabled{opacity:.7;cursor:wait}.pub-location-error{position:absolute;bottom:60px;left:16px;right:16px;z-index:6;padding:10px 14px;background:#dc2626;color:#fff;font-size:13px;font-weight:500;border-radius:10px;box-shadow:0 4px 12px #0003;text-align:center;animation:pub-fade-in .2s ease}@keyframes pub-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pub-user-location{width:18px;height:18px;border-radius:50%;background:#3b82f6;border:3px solid #fff;box-shadow:0 0 0 2px #3b82f666,0 2px 6px #0003}.pub-map-label{margin-top:4px;padding:3px 8px;background:#fff;color:#1f2937;font-size:11px;font-weight:600;font-family:Inter,system-ui,sans-serif;white-space:nowrap;border-radius:4px;box-shadow:0 1px 4px #00000026;pointer-events:none}.pub-loading{display:flex;align-items:center;justify-content:center;padding:80px 24px;font-size:15px;color:#9ca3af}.pub-vehicle-marker{display:flex;flex-direction:column;align-items:center;cursor:pointer}.pub-vehicle-img{width:96px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));pointer-events:none}.pub-vehicle-label{margin-top:2px;padding:1px 6px;background:#015031;border-radius:4px;box-shadow:0 1px 3px #0003;font-size:10px;font-weight:600;color:#fff;font-family:Inter,system-ui,sans-serif;white-space:nowrap;line-height:1.4}@media(max-width:768px){.pub-shell{height:auto;overflow:auto}.pub-main{grid-template-columns:1fr;overflow:visible}.pub-stops-panel{border-right:none;border-bottom:1px solid #e5e7eb;overflow-y:visible;max-height:none}.pub-map-panel{height:400px;order:-1}.pub-map-stops-bar{padding:8px 10px;gap:5px}.pub-route-tab{flex:1;text-align:center}.pub-route-info{flex-direction:column;align-items:flex-start;gap:4px}}