:root{color-scheme:light;--background: #0D0D0D;--surface: #1A1A1A;--accent: #F5ECD7;--muted: #666666;--border: #2A2A2A;--crowd-green: #4CAF50;--crowd-amber: #FF9800;--crowd-red: #F44336;--white: #FFFFFF;--page: var(--accent);--card: var(--white);--ink: var(--background);--card-border: color-mix(in srgb, var(--ink) 14%, transparent);--surface-flap: color-mix(in srgb, var(--surface) 88%, var(--white));--hairline: color-mix(in srgb, var(--ink) 12%, transparent);--dot: color-mix(in srgb, var(--ink) 14%, transparent);--focus-ring: var(--ink);--font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 6px;--radius-md: 14px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page);color:var(--ink);font-family:var(--font-display);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%;min-width:0}body{min-height:100vh}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn:active,.tab:active,.stop-card:active,.icon-btn:active{opacity:.7}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.app{max-width:720px;margin:0 auto;padding:var(--space-md);min-width:0}.app-header{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-md) var(--space-md);margin:0 calc(var(--space-md) * -1) var(--space-lg);border-bottom:1px solid var(--hairline);background-image:radial-gradient(var(--dot) 1px,transparent 1.2px);background-size:10px 10px;background-position:0 0}.wordmark{font-family:var(--font-mono);font-weight:700;font-size:22px;letter-spacing:.14em;color:var(--ink);text-transform:uppercase}.wordmark-sub{display:block;margin-top:var(--space-xs);font-family:var(--font-display);font-weight:400;font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--muted)}.wordmark:after{content:"";display:inline-block;width:8px;height:8px;margin-left:var(--space-sm);border-radius:50%;background:var(--crowd-red);vertical-align:middle}.app-main{padding-top:var(--space-sm);min-width:0}.footnote{margin-top:var(--space-xxl);padding-top:var(--space-md);border-top:1px solid var(--hairline);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}.view{display:flex;flex-direction:column;gap:var(--space-md)}.view-title,.stop-name{margin:0;font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em;line-height:1.1;color:var(--ink)}.view-title{font-size:32px}.tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:3px;border:1px solid var(--card-border);border-radius:var(--radius-pill);background:var(--card)}.tab{min-width:0;padding:var(--space-sm) var(--space-xs);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.tab[aria-current=page]{background:var(--ink);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--ink);border-radius:var(--radius-pill);background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.btn[aria-pressed=true]{background:var(--ink);color:var(--accent)}.btn:disabled{color:var(--muted);border-color:var(--muted);cursor:not-allowed;opacity:1}.btn-quiet{padding:var(--space-xs) var(--space-sm);border-color:transparent;font-size:11px}.icon-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.field{display:flex;flex-direction:column;gap:var(--space-sm)}.search-input{width:100%;padding:var(--space-md);border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:16px;letter-spacing:.04em}.search-input:focus{outline:none;background:var(--card)}.search-input::placeholder{color:var(--muted)}.nearby-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md)}.caption{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}.error{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--crowd-red)}.banner{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--card-border);border-radius:var(--radius-md);background-color:var(--card);background-image:radial-gradient(var(--dot) 1px,transparent 1.2px);background-size:10px 10px;min-width:0}.banner-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.banner-title{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--crowd-red)}.banner-item{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.banner-line{margin:0;font-family:var(--font-serif);font-size:20px;line-height:1.2;overflow-wrap:anywhere}.banner-direction{font-family:var(--font-display);font-size:14px;color:var(--muted)}.banner-message{margin:0;font-size:14px;color:var(--ink);overflow-wrap:anywhere}.freshness{display:inline-flex;align-items:center;gap:var(--space-sm);margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--ink);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.board{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);min-width:0}.board-title{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.stop-code{align-self:flex-start;padding:3px var(--space-sm);border:1px solid var(--card-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}.stop-name{font-size:36px;overflow-wrap:anywhere}.stop-road{display:inline-flex;align-items:center;gap:var(--space-xs);margin:0;font-family:var(--font-display);font-size:14px;color:var(--muted)}.board-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md)}.service-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;list-style:none}.service-row{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--card);min-width:0}.service-head{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.service-badge{min-width:76px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--ink);font-family:var(--font-mono);font-size:22px;font-weight:700;text-align:center;color:var(--accent)}.service-operator-logo{height:16px;width:auto;max-width:96px}.service-operator{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.eta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.eta-tile{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs);min-width:0;padding:var(--space-sm);border:1px solid var(--crowd, var(--surface));border-radius:var(--radius-md);background:var(--crowd, var(--background))}.eta-tile .eta-foot,.eta-tile .eta-unit{color:var(--background)}.eta-tile-empty .eta-foot{color:var(--muted)}.eta-value{position:relative;display:block;padding:var(--space-xs) 0;border-radius:var(--radius-sm);background:linear-gradient(to bottom,var(--surface-flap) 0 49%,var(--background) 49% 51%,var(--surface) 51% 100%);font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1.1;text-align:center;color:var(--accent);white-space:nowrap;overflow:hidden}.eta-unit{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-align:center;text-transform:uppercase;color:var(--muted)}.eta-value-empty{color:var(--muted)}.eta-foot{display:inline-flex;align-items:center;justify-content:center;gap:2px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--muted)}.eta-tile-empty .eta-foot{font-family:var(--font-display)}.crowd-seats{--crowd: var(--crowd-green)}.crowd-standing{--crowd: var(--crowd-amber)}.crowd-crowded{--crowd: var(--crowd-red)}.stop-list{display:flex;flex-direction:column;gap:var(--space-sm)}.stop-row{display:flex;align-items:stretch;gap:var(--space-sm);min-width:0}.stop-card{flex:1 1 auto;display:flex;align-items:center;gap:var(--space-md);min-width:0;padding:var(--space-md);border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--card);color:var(--ink);text-align:left;cursor:pointer}.stop-card .stop-code{flex:0 0 auto;margin:0}.stop-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.stop-card-name{font-family:var(--font-serif);font-size:20px;line-height:1.2;overflow-wrap:anywhere}.stop-card-road{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);overflow-wrap:anywhere}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);border:1px dashed var(--muted);border-radius:var(--radius-md);text-align:center;color:var(--muted)}.empty-icon{display:inline-flex}.empty-text{margin:0;font-family:var(--font-serif);font-size:18px;font-style:italic}@media(min-width:720px){.app{padding:var(--space-xl) var(--space-lg)}.app-header{margin:0 calc(var(--space-lg) * -1) var(--space-xl);padding:var(--space-xl) var(--space-lg) var(--space-lg)}.view-title{font-size:40px}.stop-name{font-size:48px}.eta-value{font-size:26px}.eta-tile{padding:2px}.eta-grid{gap:var(--space-md)}.service-row{padding:var(--space-lg)}}@media(max-width:380px){.app{padding:var(--space-md)}.board-head{flex-direction:column}.stop-name{font-size:30px}.eta-value{font-size:24px}}.advisory{margin:0 0 12px;padding:10px 12px;border:1px solid var(--card-border);border-radius:10px;font-size:13px;color:var(--ink)}.service-badge-button{border:0;cursor:pointer;font:inherit}.service-badge-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;background:color-mix(in srgb,var(--background) 55%,transparent)}.sheet{width:100%;max-height:85vh;overflow-y:auto;padding:16px;border-radius:16px 16px 0 0;background:var(--card);color:var(--ink)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sheet-title{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:500}.sheet-meta{margin:0 0 12px;font-size:13px}.sheet-block{padding:12px 0;border-top:1px solid var(--card-border)}.sheet-route{margin:4px 0;font-size:15px}.sheet-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:13px}@media(max-width:719px){.stop-name{font-size:28px}.app-header{padding:var(--space-md) var(--space-md) var(--space-sm);margin-bottom:var(--space-md)}.wordmark{font-size:18px}.board{gap:var(--space-sm)}.stop-road{font-size:13px}.service-list{gap:6px}.service-row{gap:6px;padding:8px}.service-head{gap:8px}.service-badge{min-width:0;padding:4px 12px;font-size:19px}.service-operator{font-size:10px}.eta-grid{gap:5px}.eta-tile{gap:1px;padding:2px;border-radius:8px}.eta-value{padding:1px 0;font-size:15px}.eta-unit{display:none}.eta-foot{font-size:9px;gap:3px}.eta-foot svg{width:9px;height:9px}}