:root{--background: #06090e;--title-background: #0d141b;--text-primary: #e6e6e7;--highlight: #49f3f1;--text-secondary: #8f97a1;--color1: #503169;--color2: #164c83;--color3: #237166;--color4: #728b3c;--color5: #cc9512;--color6: #b25b21;--color7: #9e333a;--color8: #973468}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--background);color:var(--text-primary);font-family:Poppins,sans-serif;line-height:1.5}#app{max-width:36rem;margin:0 auto;padding:.75rem;min-height:100vh}#app a{text-decoration:none}.home-status{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 2rem);text-align:center}.home-status__logo{width:5rem;height:5rem;margin:0 0 .75rem;color:var(--highlight)}.home-status__title{margin:0 0 .5rem;color:var(--text-primary);font-size:2.25rem;font-weight:700}.home-status__message{margin:0;color:var(--highlight);font-size:1rem;font-weight:400}.home-status__message--error{max-width:20rem;color:var(--text-secondary);font-weight:400}.loading-ellipsis:after{display:inline-block;width:1.25em;text-align:left;animation:loading-ellipsis 1.2s steps(4,end) infinite;content:""}@keyframes loading-ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.stop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.stop-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-radius:.25rem;background:var(--title-background);cursor:pointer}.stop-card:hover{filter:brightness(1.08)}.stop-card:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}.stop-card__body{display:flex;flex-direction:column;gap:.4rem;min-width:0}.stop-card__name{color:var(--text-primary);font-size:1.5rem;font-weight:500;line-height:1.3}.stop-card__meta{display:flex;flex-wrap:nowrap;align-items:center;gap:.375rem;min-width:0;overflow:hidden}.stop-card__routes{display:flex;flex-wrap:nowrap;align-items:center;gap:.375rem;flex-shrink:0}.stop-card__route-chip{display:inline-flex;align-items:center;padding:.25rem;border-radius:.25rem;background:var(--route-color, var(--color1));color:var(--text-primary);font-size:.75rem;font-weight:700;line-height:1}.stop-card__number{color:var(--text-secondary);font-size:.875rem;font-weight:400;flex-shrink:0}.stop-card__distance{flex-shrink:0;color:var(--highlight);font-size:1rem;font-weight:400;line-height:1.3}.stop-header{display:flex;align-items:stretch;border-radius:.25rem;background:var(--title-background);margin-bottom:.75rem;overflow:hidden}.stop-header__maps{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:4.5rem;color:var(--highlight)}.stop-header__back{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:3.5rem;color:var(--highlight);border-radius:.25rem 0 0 .25rem}.stop-header__back-img{display:block;width:.75rem;height:1.375rem}.stop-header__back:hover,.stop-header__maps:hover{filter:brightness(1.15)}.stop-header__back:focus-visible,.stop-header__maps:focus-visible{outline:2px solid var(--highlight);outline-offset:-2px}.stop-header__body{display:flex;flex:1;flex-direction:column;justify-content:center;gap:.4rem;min-width:0;padding:1rem 0}.stop-header__name{overflow:hidden;color:var(--text-primary);font-size:1.5rem;font-weight:500;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.stop-header__number{color:var(--text-secondary);font-size:.875rem;font-weight:400}.stop-header__maps{flex-direction:column;gap:.35rem;border-radius:0 .25rem .25rem 0}.stop-header__distance{color:var(--highlight);font-size:1rem;font-weight:400;line-height:1.3}.stop-header__maps-img{display:block;width:1.5rem;height:1.5rem}.stop-empty{margin:0;color:var(--text-secondary);font-size:1rem;font-weight:400}.stop-en-route-empty{margin:0;padding:0 .875rem;color:var(--text-secondary);font-size:1rem;font-weight:400}.arrivals-section__title{margin:1.5rem 0 .25rem;padding:0 .875rem;color:var(--text-primary);font-size:1rem;font-weight:500}.stop-back{margin:1.5rem 0 0;text-align:center}.stop-back a{color:var(--highlight);font-size:1rem;font-weight:400}.arrival-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.arrival-row{display:flex;align-items:center;gap:1rem;height:4rem;padding:0 .875rem;overflow:hidden;transition:height .25s ease,opacity .25s ease,padding .25s ease}.arrival-row--collapsing{height:0;opacity:0;padding-top:0;padding-bottom:0}.arrival-row--predicted{position:relative}.arrival-row__bar{position:absolute;left:0;top:0;bottom:0;width:0;z-index:0;pointer-events:none;background:var(--bar-color, var(--color1))}.arrival-row--predicted>:not(.arrival-row__bar){position:relative;z-index:1}.arrival-row__route{flex-shrink:0;min-width:3rem;color:var(--text-primary);font-size:1.5rem;font-weight:400}.arrival-row__headsign{flex:1;min-width:0;overflow:hidden;color:var(--text-primary);font-size:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.arrival-row__time{flex-shrink:0;color:var(--text-primary);font-size:1rem;font-weight:400;text-align:right}#app h1:not(.home-status__title){margin:0 0 .75rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}#app p a{color:var(--highlight)}#app p a:hover{text-decoration:underline}