@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;--bg: #0A0E1A;--surface: #141824;--surface-elevated: #1E2433;--surface-hover: #252B3B;--primary: #0EA5E9;--primary-soft: rgba(14, 165, 233, .15);--accent: #F97316;--accent-soft: rgba(249, 115, 22, .15);--success: #22C55E;--success-soft: rgba(34, 197, 94, .15);--warning: #F59E0B;--warning-soft: rgba(245, 158, 11, .15);--danger: #EF4444;--danger-soft: rgba(239, 68, 68, .15);--text: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border: rgba(148, 163, 184, .12);--border-active: rgba(14, 165, 233, .4);--radius-card: 16px;--radius-btn: 12px;--radius-sheet: 24px;--radius-chip: 999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-sheet: 0 -4px 24px rgba(0, 0, 0, .5);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0}html{min-height:100%;background:var(--bg)}body{min-height:100vh;background:var(--bg);color:var(--text);font:inherit;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain}button,input,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--text-muted)}#root{min-height:100vh}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:1000;min-height:44px;display:inline-flex;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-chip);background:var(--primary);color:#fff;text-decoration:none;transition:top .18s ease-out}.skip-link:focus{top:1rem}.pin-shell{width:min(100% - 2rem,28rem);min-height:100vh;margin:0 auto;display:grid;align-items:center;padding:max(1.5rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom))}.pin-card{padding:2rem 1.5rem;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:1.5rem}.pin-card__hero{display:flex;flex-direction:column;gap:.75rem}.pin-brand-row{display:flex;align-items:center;gap:.75rem}.pin-form{display:flex;flex-direction:column;gap:.75rem}.pin-actions{display:grid;gap:.5rem}.pin-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.brand-mark{width:2.75rem;height:2.75rem;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#0284C7);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.06em;flex-shrink:0}.eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.pin-card h1{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.4rem,5vw,1.8rem);line-height:1.1;letter-spacing:-.03em;font-weight:700}.pin-card h2{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:600}.pin-copy{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.lede{font-size:.9rem}.pin-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.pin-hint{font-size:.75rem;color:var(--text-muted)}.pin-username-proxy{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.pin-input{width:100%;min-height:3rem;padding:0 1rem;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--surface-elevated);color:var(--text);transition:border-color .18s ease}.pin-input:hover,.pin-input:focus{border-color:var(--border-active)}.pin-input[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.pin-status{padding:.6rem .75rem;border-radius:var(--radius-btn);background:var(--warning-soft);border:1px solid rgba(245,158,11,.2);font-size:.8rem;color:var(--text-secondary)}.mini-stat{padding:.6rem;border-radius:var(--radius-btn);background:var(--surface-elevated);border:1px solid var(--border);text-align:center}.mini-stat strong{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:700}.mini-stat span{color:var(--text-muted);font-size:.7rem;line-height:1.3}.primary-button{min-height:3rem;width:100%;padding:.75rem 1rem;border-radius:var(--radius-btn);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary),#0284C7);transition:opacity .18s ease-out}.primary-button:active{opacity:.85}.secondary-button{min-height:3rem;width:100%;padding:.75rem 1rem;border-radius:var(--radius-btn);font-weight:600;color:var(--primary);border:1px solid var(--border);background:var(--surface-elevated);transition:background .18s ease-out}.secondary-button:active{background:var(--surface-hover)}.ghost-button{min-height:2.75rem;padding:.5rem .75rem;border-radius:var(--radius-btn);font-weight:500;font-size:.85rem;color:var(--text-secondary);border:1px solid var(--border);background:transparent;transition:background .18s ease-out}.ghost-button:hover{background:var(--surface-elevated)}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#0a0e1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:center;gap:.6rem}.topbar__brand strong{font-size:.9rem;font-weight:600}.topbar__brand .eyebrow{font-size:.6rem}.topbar__right{display:flex;align-items:center;gap:.5rem}.save-status{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.topbar__lock{min-width:44px;min-height:44px;display:grid;place-items:center;color:var(--text-muted)}.topbar__lock svg{width:20px;height:20px}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;background:#0a0e1aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.tab-bar__item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem 0;min-height:52px;font-size:.65rem;font-weight:500;letter-spacing:.02em;color:var(--text-muted);transition:color .15s ease-out}.tab-bar__item svg{width:22px;height:22px}.tab-bar__item--active{color:var(--primary)}.tab-content{flex:1;overflow-y:auto;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.connectivity-banner{background:var(--warning-soft);color:var(--warning);text-align:center;padding:.4rem 1rem;font-size:.8rem;font-weight:500}.section-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0}.section-header__label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.metric-card{padding:.75rem;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border)}.metric-card__header{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem}.metric-card__icon{display:flex;color:var(--primary);flex-shrink:0}.metric-card__icon svg{width:14px;height:14px}.metric-card__label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.metric-card__value{font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text)}.metric-card__detail{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.warning-card{padding:.75rem;border-radius:var(--radius-card);background:var(--warning-soft);border:1px solid rgba(245,158,11,.2)}.warning-card__code{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--warning);margin-bottom:.2rem}.warning-card__msg{font-size:.85rem;color:var(--text-secondary)}.suggestion-section{display:flex;flex-direction:column;gap:.5rem}.suggestion-card{padding:.75rem;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.suggestion-card__header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.suggestion-card__timing{font-size:.75rem;color:var(--text-muted)}.suggestion-card__candidates{list-style:none;padding:0;display:flex;flex-direction:column;gap:.35rem}.suggestion-candidate{width:100%;text-align:left;padding:.6rem .75rem;border-radius:var(--radius-btn);background:var(--surface-elevated);border:1px solid var(--border);min-height:44px;transition:background .15s ease-out}.suggestion-candidate:active{background:var(--surface-hover)}.suggestion-candidate strong{display:block;font-size:.9rem}.suggestion-candidate span{font-size:.75rem;color:var(--text-muted)}.suggestion-stale,.suggestion-error,.suggestion-empty,.suggestion-unavailable,.suggestion-partial-fail{font-size:.8rem;color:var(--text-muted);padding:.25rem 0}.suggestion-error{color:var(--danger)}.inline-button{background:none;border:none;color:var(--primary);cursor:pointer;font:inherit;text-decoration:underline;padding:0}.chip{display:inline-flex;align-items:center;height:1.5rem;padding:0 .5rem;border-radius:var(--radius-chip);font-size:.7rem;font-weight:600;background:var(--primary-soft);color:var(--primary)}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--success{background:var(--success-soft);color:var(--success)}.chip--warning{background:var(--warning-soft);color:var(--warning)}.leg-header{padding:.75rem;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border)}.leg-header__title{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;margin-bottom:.15rem}.leg-header__route{font-size:.8rem;color:var(--text-secondary)}.leg-header__stats{display:flex;gap:.75rem;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.leg-header__stats strong{color:var(--text);font-weight:600}.block-list{display:flex;flex-direction:column;gap:.4rem}.block-card{display:grid;grid-template-columns:3.5rem 1fr;min-height:56px;border-radius:var(--radius-card);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:border-color .15s ease-out,background .15s ease-out}.block-card:active{background:var(--surface-hover)}.block-card--selected{border-color:var(--border-active);background:var(--surface-elevated)}.block-card--changed{border-color:#f973164d}.block-card--past{opacity:.45}.block-card--now{border-color:var(--success)}.block-card--next-up{border-left:3px solid var(--primary)}.leg-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;background:var(--surface);border-radius:var(--radius-btn);padding:.2rem;border:1px solid var(--border)}.leg-tab{min-height:2.25rem;border-radius:calc(var(--radius-btn) - 2px);font-size:.8rem;font-weight:600;color:var(--text-muted);transition:background .15s ease-out,color .15s ease-out}.leg-tab:hover{color:var(--text-secondary)}.leg-tab--active{background:var(--surface-elevated);color:var(--text);box-shadow:0 1px 3px #0003}.leg-route-card{padding:.75rem;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.leg-route-card__header{display:flex;align-items:center;gap:.5rem}.leg-route-card__title{font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700}.leg-route-card__stats{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.75rem;color:var(--text-secondary)}.leg-route-card__sep{color:var(--text-muted)}.leg-route-strip{display:flex;flex-direction:column;padding:.25rem 0 .25rem .75rem;position:relative}.leg-route-strip:before{content:"";position:absolute;left:calc(.75rem + 8px);top:.75rem;bottom:.75rem;width:2px;background:var(--border)}.route-node{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:.5rem;padding:.3rem 0;position:relative}.route-node__dot{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:2px solid var(--text-muted);z-index:1;flex-shrink:0;color:var(--text-muted)}.route-node__dot svg{width:10px;height:10px}.route-node--endpoint .route-node__dot{background:var(--primary);border-color:var(--primary);color:#fff}.route-node--event .route-node__dot{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.route-node--rest .route-node__dot{background:var(--success-soft);border-color:var(--success);color:var(--success)}.route-node__label{font-size:.82rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-node--endpoint .route-node__label{font-weight:600}.route-node__time{font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.route-node__link{text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;color:inherit;transition:color .15s ease-out}.route-node__link:hover{color:var(--primary)}.route-node__nav-icon{width:11px;height:11px;flex-shrink:0;opacity:0;transition:opacity .15s ease-out}.route-node__link:hover .route-node__nav-icon{opacity:.7}@media (hover: none){.route-node__nav-icon{opacity:.35}}.route-node--past{opacity:.4}.route-node--past .route-node__dot{background:var(--text-muted);border-color:var(--text-muted);color:var(--bg)}.route-node--active .route-node__dot{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 0 0 3px var(--success-soft)}.route-node--active .route-node__label{color:var(--success);font-weight:700}.route-node--active .route-node__time{color:var(--success)}.block-card__time{display:flex;align-items:center;justify-content:center;padding:.5rem .25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700;color:var(--primary);background:var(--primary-soft)}.block-card__body{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .65rem}.block-card__row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.block-card__title{font-size:.85rem;font-weight:600}.block-card__chips{display:flex;gap:.3rem;flex-wrap:wrap}.block-card__meta{font-size:.72rem;color:var(--text-muted)}.block-card__notes{font-size:.75rem;color:var(--text-secondary)}.selected-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius-card);background:var(--primary-soft);border:1px solid var(--border-active)}.selected-bar__info{flex:1;min-width:0}.selected-bar__title{font-size:.85rem;font-weight:600}.selected-bar__sub{font-size:.72rem;color:var(--text-secondary)}.selected-bar__btn{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:var(--radius-btn);background:var(--primary);color:#fff}.selected-bar__btn svg{width:18px;height:18px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080;opacity:0;transition:opacity .2s ease-out;pointer-events:none}.sheet-backdrop--open{opacity:1;pointer-events:auto}.sheet{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--surface);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet);transform:translateY(100%);transition:transform .25s cubic-bezier(.32,.72,0,1);max-height:85vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px)}.sheet--open{transform:translateY(0)}.sheet__handle{display:flex;justify-content:center;padding:.6rem 0 .25rem}.sheet__handle:after{content:"";width:2rem;height:.2rem;border-radius:999px;background:var(--text-muted)}.sheet__content{padding:0 1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.sheet__title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:700}.sheet__subtitle{font-size:.8rem;color:var(--text-secondary)}.edit-form{display:flex;flex-direction:column;gap:.65rem}.edit-field{display:flex;flex-direction:column;gap:.3rem}.edit-field__label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.edit-field input,.edit-field select{width:100%;min-height:2.75rem;padding:0 .75rem;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--surface-elevated);color:var(--text);transition:border-color .18s ease}.edit-field input:focus,.edit-field select:focus{border-color:var(--border-active)}.edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.25rem}.settings-divider{height:1px;background:var(--border);margin:.25rem 0}.settings-error{font-size:.8rem;color:var(--danger);padding:.25rem 0}.status-card{padding:.75rem;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem}.status-card__badge{display:inline-flex;align-items:center;width:fit-content;padding:.2rem .5rem;border-radius:var(--radius-chip);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-card__badge--stable{background:var(--primary-soft);color:var(--primary)}.status-card__badge--attention{background:var(--warning-soft);color:var(--warning)}.status-card__list{padding-left:1rem;font-size:.8rem;color:var(--text-secondary)}.status-card__list strong{color:var(--text)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.85rem}@media (min-width: 40rem){.pin-highlights,.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}