body{font-family:Roboto,Helvetica,Arial,freesans,clean,sans-serif;font-size:16px;overflow-x:hidden;max-width:398px}.top-menu{display:flex;justify-content:space-between;margin-bottom:.5rem}.train{display:flex;align-items:baseline;gap:.25em;margin-bottom:.5em;white-space:nowrap}.train .destination{flex:1;overflow:hidden;text-overflow:ellipsis;min-width:0}.train.missed .leave-by{text-decoration:line-through;color:#999}.train span.color{display:inline-block;width:.75em;height:.75em;border:1px solid #666666;flex-shrink:0}.train span.leave-by{font-size:1.16rem;font-weight:700;color:#333}.train span.train-departs{font-size:1.16rem;font-weight:700}.train .unit{color:#888}.train .seconds{font-size:.85rem;margin-left:.1em;color:#666}.data-freshness{line-height:1.5;color:#888;font-size:.83rem}.data-freshness button{font-size:1rem}#bart-advisories{margin:.5rem 0}#estimate-info{margin-top:1em;color:#888;font-size:.83rem}#muni{margin-bottom:.5em}#muni .pred:first-child{font-weight:700;font-size:1.16rem}#muni .pred:not(:first-child){color:#bbb}#muni-loading.hide,#bart-loading.hide{display:none}a:link,a:visited{text-decoration:none;color:#800040}.transfer-magic .stations .station{margin-bottom:.5em}.settings-link{display:inline-block;font-size:1.25rem;color:#999;margin-top:.5rem}.settings-page{padding:0 .25rem}.settings-page .top-menu{align-items:center}.settings-section{margin-bottom:1rem}.settings-field{margin-bottom:.5rem}.settings-field label{display:block;font-size:.83rem;color:#555;margin-bottom:.15rem}.settings-field input[type=text],.settings-field input[type=number],.settings-field select{font-size:1rem;padding:.1rem .25rem;max-width:100%}.direction-toggle button{padding:.15rem .6rem;font-size:.9rem;background:none;border:1px solid #aaa;cursor:pointer}.direction-toggle button:first-child{border-right:none;border-radius:3px 0 0 3px}.direction-toggle button:last-child{border-radius:0 3px 3px 0}.direction-toggle button.active{background:#800040;color:#fff;border-color:#800040}.line-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.line-filter{display:inline-flex!important;align-items:center;gap:.2rem;font-size:.95rem!important;color:#333!important}.line-swatch{display:inline-block;width:.75em;height:.75em;border:1px solid #666;border-radius:2px}