*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#1a1a2e;background-color:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:1200px;margin:0 auto;padding:1rem}h1,h2,h3,h4{margin-top:0}button{font-family:inherit;cursor:pointer}input[type=date],input[type=number]{font-family:inherit;font-size:.9rem;padding:.4rem .6rem;border:1px solid #ccc;border-radius:6px;background:#fff}.rgs-selector{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:600px;margin:0 auto;border:1px solid #ddd;border-radius:8px;background:#fff;color:#333}.rgs-selector__tabs{display:flex;border-bottom:1px solid #ddd;background:#f7f7f7;border-radius:8px 8px 0 0}.rgs-selector__tab{flex:1;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#666;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.rgs-selector__tab:hover{color:#333}.rgs-selector__tab--active{color:#06c;border-bottom-color:#06c;font-weight:500}.rgs-selector__panel{padding:16px}.rgs-dropzone{border:2px dashed #ccc;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.rgs-dropzone:hover{border-color:#999;background:#fafafa}.rgs-dropzone--active{border-color:#06c;background:#e8f0fe}.rgs-dropzone__icon{font-size:36px;margin-bottom:8px}.rgs-dropzone__text{margin:0;font-size:14px;color:#666}.rgs-dropzone__error{margin:8px 0 0;font-size:13px;color:#d32f2f}.rgs-url-input{display:flex;gap:8px}.rgs-url-input input{flex:1;padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;box-sizing:border-box;transition:border-color .15s}.rgs-url-input input:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc26}.rgs-url-input button{padding:10px 20px;font-size:14px;border:none;border-radius:6px;background:#06c;color:#fff;cursor:pointer;transition:background .15s}.rgs-url-input button:hover{background:#0052a3}.rgs-source-search{position:relative}.rgs-source-search__input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;box-sizing:border-box;transition:border-color .15s}.rgs-source-search__input:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc26}.rgs-source-search__results{position:absolute;left:0;right:0;top:100%;margin:4px 0 0;padding:0;list-style:none;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:260px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #00000014}.rgs-source-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.rgs-source-search__item:hover,.rgs-source-search__item--active{background:#f0f4ff}.rgs-source-search__item-title{font-size:14px;flex:1}.rgs-source-search__item-area{font-size:12px;color:#888;white-space:nowrap}.rgs-source-search__empty{padding:12px;text-align:center;color:#999;font-size:14px}.rgs-source-search__loading,.rgs-source-search__error,.rgs-source-search__placeholder{padding:20px;text-align:center;font-size:14px;color:#666}.rgs-source-search__error{color:#d32f2f}.rgs-source-search--unavailable{opacity:.6}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.loading-screen h1{font-size:1.8rem;margin-bottom:2rem;color:#1a1a2e}.loading-bar-container{width:300px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:1rem}.loading-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease}.loading-label{font-size:.9rem;color:#666;margin:.3rem 0}.loading-file{font-size:.8rem;color:#999;margin:0}.loading-percent{font-size:1.2rem;font-weight:600;color:#3b82f6;margin-top:.5rem}.loading-error{color:#dc2626}.loading-error button{margin-top:1rem;padding:.5rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:1rem}.loading-inline{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.loading-inline .loading-bar-container{width:100%;max-width:250px}.feed-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem .6rem;background:#f0f4ff;border-radius:6px;font-size:.85rem}.feed-title{flex:1;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-same-label{font-size:.75rem;color:#666;font-style:italic}.change-feed-btn{padding:.2rem .6rem;font-size:.78rem;border:1px solid #ccc;border-radius:4px;background:#fff;color:#555;cursor:pointer;flex-shrink:0}.change-feed-btn:hover{background:#f0f0f0;border-color:#999}.feed-waiting{color:#999;font-style:italic;text-align:center;padding:2rem 1rem}.same-feed-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#1e293b;cursor:pointer;white-space:nowrap;background:#f0f4ff;border:1.5px solid #93b4f8;border-radius:8px;padding:.5rem 1rem}.same-feed-checkbox input{cursor:pointer;width:1.1rem;height:1.1rem;accent-color:#3b82f6}.column-title{font-size:1rem;margin-bottom:.75rem;color:#333}.app-header{text-align:center;margin-bottom:1.5rem}.app-header h1{font-size:1.6rem;color:#1a1a2e}.controls{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem}.control-group{display:flex;flex-direction:column;gap:.3rem}.control-group label{font-size:.85rem;font-weight:600;color:#555;display:flex;align-items:center;gap:.5rem}.interval-controls{display:flex;gap:1.5rem;flex-wrap:wrap}.interval-badge{font-size:.75rem;padding:.1rem .5rem;border-radius:10px;font-weight:700}.interval-badge.good{background:#dbeafe;color:#2563eb}.interval-badge.bad{background:#fee2e2;color:#dc2626}input[type=range]{width:150px}.selectors{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.selectors{grid-template-columns:1fr}}.selector-column{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #00000014}.route-selector h3{font-size:1rem;margin-bottom:.75rem;color:#333}.route-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.route-item{display:flex;align-items:center;gap:.5rem}.route-badge{min-width:48px;text-align:center;padding:.2rem .5rem;border-radius:6px;font-size:.85rem;font-weight:700;flex-shrink:0}.route-directions{display:flex;gap:.3rem;flex-wrap:wrap}.direction-btn{padding:.25rem .6rem;font-size:.8rem;border:2px solid transparent;border-radius:6px;background:#f0f0f0;color:#333;transition:all .15s}.direction-btn:hover{background:#e0e0e0}.direction-btn.selected{background:#eef2ff;border-color:#3b82f6;font-weight:600}.stop-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.stop-section h4{font-size:.9rem;margin-bottom:.5rem;color:#555}.stop-list{display:flex;flex-wrap:wrap;gap:.3rem;max-height:200px;overflow-y:auto}.stop-btn{padding:.2rem .6rem;font-size:.78rem;border:1px solid #ddd;border-radius:4px;background:#fafafa;color:#333;transition:all .15s}.stop-btn:hover{background:#e8e8e8}.stop-btn.selected{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8;font-weight:600}.timeline-container{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 1px 3px #00000014}.timeline-header{display:flex;justify-content:space-between;font-weight:600;font-size:.95rem;margin-bottom:1rem;padding:0 2rem}.timeline-svg{width:100%}.timeline-legend{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;font-size:.85rem;color:#666}.legend-item{display:flex;align-items:center;gap:.4rem}.legend-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:2.5px solid}.legend-dot.bad{border-style:dashed}.connections-summary{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.connections-summary h4{font-size:.95rem;margin-bottom:.5rem}.connections-list{display:flex;flex-direction:column;gap:.25rem;max-height:300px;overflow-y:auto}.connection-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem;border-radius:6px;font-size:.85rem}.connection-row.good{background:#eff6ff}.connection-row.bad{background:#fef2f2}.conn-time{font-weight:600;font-variant-numeric:tabular-nums}.conn-arrow{color:#999}.conn-diff{margin-left:auto;font-size:.8rem;color:#666}.connection-row.good .conn-diff{color:#2563eb}.connection-row.bad .conn-diff{color:#dc2626}.no-data{color:#999;font-style:italic;text-align:center;padding:1rem}.app-footer{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem 1rem;margin-top:2rem;font-size:.85rem;color:#888}.app-footer a{color:#3b82f6;text-decoration:none}.app-footer a:hover{text-decoration:underline}