body,html{height:100%;overflow:hidden}.mbta-scope{width:100%;height:100vh;margin:0;padding:0;overflow:hidden;font-family:var(--font-geist-sans,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mbta-scope *{box-sizing:border-box}.mbta-scope body{margin:0;padding:0}.mbta-scope{background:white;color:#333}.mbta-scope .relative{position:relative}.mbta-scope .absolute{position:absolute}.mbta-scope .w-full{width:100%}.mbta-scope .h-screen{height:100vh}.mbta-scope .flex{display:flex}.mbta-scope .items-center{align-items:center}.mbta-scope .justify-center{justify-content:center}.mbta-scope .gap-2{gap:.5rem}.mbta-scope .rounded{border-radius:.375rem}.mbta-scope .rounded-lg{border-radius:.5rem}.mbta-scope .p-2{padding:.5rem}.mbta-scope .p-4{padding:1rem}.mbta-scope .px-2{padding-left:.5rem;padding-right:.5rem}.mbta-scope .px-4{padding-left:1rem;padding-right:1rem}.mbta-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.mbta-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.mbta-scope .bg-white{background-color:white}.mbta-scope .bg-gray-100{background-color:#f3f4f6}.mbta-scope .bg-gray-700{background-color:#374151}.mbta-scope .bg-gray-800{background-color:#1f2937}.mbta-scope .bg-gray-900{background-color:#111827}.mbta-scope .bg-blue-500{background-color:#3b82f6}.mbta-scope .bg-blue-600{background-color:#2563eb}.mbta-scope .text-white{color:white}.mbta-scope .text-gray-600{color:#4b5563}.mbta-scope .text-gray-700{color:#374151}.mbta-scope .text-gray-900{color:#111827}.mbta-scope .text-xs{font-size:.75rem}.mbta-scope .text-sm{font-size:.875rem}.mbta-scope .font-semibold{font-weight:600}.mbta-scope .font-medium{font-weight:500}.mbta-scope .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.mbta-scope .hover\:bg-blue-600:hover{background-color:#2563eb}.mbta-scope .hover\:bg-gray-800:hover{background-color:#1f2937}.mbta-scope .hover\:bg-gray-900:hover{background-color:#111827}.mbta-scope .transition-colors{transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mbta-scope .disabled\:bg-gray-400:disabled{background-color:#9ca3af}.mbta-scope .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.mbta-scope .block{display:block}.mbta-scope .top-4{top:1rem}.mbta-scope .left-4{left:1rem}.mbta-scope .right-4{right:1rem}.mbta-scope .bottom-4{bottom:1rem}.mbta-scope .space-y-2>*+*{margin-top:.5rem}.mbta-scope .min-w-\[200px\]{min-width:200px}.mbta-scope .inline-block{display:inline-block}.mbta-scope .w-3{width:.75rem}.mbta-scope .h-3{height:.75rem}.mbta-scope .rounded-full{border-radius:9999px}.mbta-scope .mt-1{margin-top:.25rem}.mbta-scope .border-t{border-top-width:1px;border-color:#e5e7eb}.mbta-scope .border-0{border-width:0!important}.mbta-scope .pt-2{padding-top:.5rem}.mbta-graph-root{position:relative;width:100%;height:100%}.mbta-graph-shell{display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:24px;width:100%;height:100%;padding:24px;background-color:#f3f4f6;overflow:hidden;overscroll-behavior:none}.mbta-graph-shell--collapsed{grid-template-columns:80px 1fr}.mbta-graph-panel{height:100%;position:relative;overflow:hidden}.mbta-graph-panel--collapsed{display:flex;align-items:flex-start;justify-content:center}.mbta-graph-panel-placeholder{width:100%;height:100%}.mbta-graph-panel-collapsed{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:16px}.mbta-graph-panel-collapsed__button{width:56px;height:56px;border-radius:50%;border:0;background-color:#ffffff;box-shadow:0 18px 35px rgba(15,23,42,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.mbta-graph-panel-collapsed__button:focus-visible,.mbta-graph-panel-collapsed__button:hover{transform:translateY(-2px);box-shadow:0 22px 45px rgba(15,23,42,.22);outline:none}.mbta-graph-panel-content{height:100%;max-height:100%;background-color:#ffffff;border-radius:20px;box-shadow:0 24px 48px rgba(15,23,42,.16);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.mbta-graph-panel-content button{border:0}.mbta-graph-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mbta-graph-panel-header__collapse{font-size:.75rem;font-weight:600;color:#4b5563;background:rgba(148,163,184,.16);padding:4px 10px;border-radius:9999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.mbta-graph-panel-header__collapse:hover{background-color:rgba(59,130,246,.18);color:#1f2937}.mbta-graph-panel-chip{background-color:#f1f5f9;color:#1f2937;padding:6px 12px;border-radius:9999px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.mbta-graph-panel-chip:hover{background-color:#e2e8f0}.mbta-selected-station{display:flex;flex-direction:column;gap:10px;color:#374151}.mbta-selected-station__name{font-size:.95rem;font-weight:700}.mbta-selected-station__routes{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px}.mbta-selected-station__route{display:flex;align-items:center;gap:8px;font-size:.8rem}.mbta-selected-station__route-color{width:12px;height:12px;border-radius:9999px;flex-shrink:0}.mbta-selected-station__route-label{font-size:.8rem}.mbta-selected-station__action{align-self:flex-start;background-color:#2563eb;color:#ffffff;border-radius:9999px;padding:6px 16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.mbta-selected-station__action:hover{background-color:#1d4ed8}.mbta-selected-station__action:disabled{background-color:#94a3b8;cursor:not-allowed}.mbta-graph-view{position:relative;height:100%;background-color:#ffffff;border-radius:24px;box-shadow:0 32px 60px rgba(15,23,42,.22);overflow:hidden}.mbta-graph-vehicles-toolbar{position:absolute;top:16px;right:16px;background-color:rgba(255,255,255,.96);box-shadow:0 20px 40px rgba(15,23,42,.18);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;max-width:260px;z-index:120}.mbta-graph-vehicles-toolbar__info{display:flex;flex-direction:column;gap:4px;font-size:.72rem;color:#374151}.mbta-graph-vehicles-toolbar__info span:first-child{font-weight:600;font-size:.78rem}.mbta-graph-vehicles-toolbar__actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.mbta-graph-vehicles-toolbar__error{font-size:.7rem;color:#dc2626}.mbta-graph-vehicles-toolbar__button{background-color:#2563eb;color:#ffffff;border-radius:9999px;padding:6px 14px;font-size:.75rem;font-weight:600;border:0;cursor:pointer;transition:background-color .2s ease}.mbta-graph-vehicles-toolbar__button--secondary{background-color:#ffffff;color:#1f2937;border:1px solid #d1d5db}.mbta-graph-vehicles-toolbar__button--secondary:hover{background-color:#f3f4f6}.mbta-graph-vehicles-toolbar__button:not(.mbta-graph-vehicles-toolbar__button--secondary):hover{background-color:#1d4ed8}.mbta-graph-vehicles-toolbar__button:disabled{background-color:#94a3b8;cursor:not-allowed}.mbta-graph-vehicles-toolbar__button--secondary:disabled{background-color:#e5e7eb;border-color:#d1d5db;color:#9ca3af}.mbta-graph-view-container{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;overscroll-behavior:contain}@media (max-width:1024px){.mbta-graph-shell{grid-template-columns:minmax(260px,320px) 1fr;gap:16px;padding:16px}.mbta-graph-shell--collapsed{grid-template-columns:72px 1fr}}@media (max-width:860px){.mbta-graph-shell,.mbta-graph-shell--collapsed{grid-template-columns:1fr;grid-template-rows:minmax(280px,360px) 1fr}.mbta-graph-panel{order:2}.mbta-graph-panel--collapsed{order:2;justify-content:flex-start}.mbta-graph-view{order:1}.mbta-graph-vehicles-toolbar{position:static;max-width:none;width:100%;margin-top:12px;box-shadow:0 12px 28px rgba(15,23,42,.15)}}