*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;background-color:#f5f5f7;color:#1c1c1e;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}input{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid #d1d1d6;border-radius:.5rem;background-color:#fff;color:inherit}button{padding:.75rem 1.25rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;background-color:#0a84ff;color:#fff;cursor:pointer}button:disabled{background-color:#a9a9ad;cursor:not-allowed}.top-bar{position:sticky;top:0;z-index:10;padding:1rem;background-color:#fff;border-bottom:1px solid #e5e5ea}.top-bar-title{margin:0;font-size:1.125rem}.key-entry-screen{max-width:28rem;margin:0 auto;padding:2rem 1.5rem}.key-entry-actions{display:flex;gap:.75rem;margin-top:1rem}.key-entry-actions button[type=button]{background-color:transparent;color:#0a84ff}.key-entry-error{color:#ff3b30;font-size:.875rem}.snackbar{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;background-color:#1c1c1e;color:#fff;border-radius:.5rem;box-shadow:0 .25rem .75rem #00000040;z-index:100}.snackbar-message{font-size:.9375rem}.snackbar-action{flex-shrink:0;padding:.375rem .75rem;background-color:transparent;color:#0a84ff;font-weight:700}.update-banner{position:fixed;left:1rem;right:1rem;top:calc(1rem + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;background-color:#0b7a5a;color:#fff;border-radius:.5rem;box-shadow:0 .25rem .75rem #00000040;z-index:200}.update-banner-message{font-size:.9375rem}.update-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.update-banner-apply{padding:.375rem .75rem;background-color:#fff;color:#0b7a5a;border-radius:.375rem;font-weight:700}.update-banner-dismiss{padding:.375rem .5rem;background-color:transparent;color:#fff}.home-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem}.home-menu-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;background-color:transparent;color:#1c1c1e;font-size:1.25rem;text-decoration:none}.home-nearby-button{flex-shrink:0;display:inline-flex;align-items:center;padding:.625rem .875rem;background-color:#0a84ff;color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap}.search-bar{flex:1;position:relative;display:flex;align-items:center}.search-bar-input{padding-right:3.5rem}.search-bar-clear{position:absolute;right:.25rem;padding:.375rem .625rem;background-color:transparent;color:#6e6e73;font-size:.8125rem}.favorites-toolbar{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1rem}.favorites-toolbar button{background-color:transparent;color:#0a84ff;font-size:.875rem;padding:.5rem .75rem}.favorites-empty,.search-empty{padding:1rem;color:#6e6e73}.favorites-list{list-style:none;margin:0;padding:.5rem 1rem;display:flex;flex-direction:column;gap:.75rem}.stop-card{display:flex;align-items:stretch;gap:.5rem;background-color:#fff;border-radius:.75rem;box-shadow:0 .0625rem .1875rem #00000014;overflow:hidden}.stop-card-main{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:.375rem;padding:.875rem 1rem;background-color:transparent;color:inherit;font-weight:400;text-align:left}.stop-card-header{display:flex;align-items:baseline;gap:.5rem}.stop-card-name{font-size:1rem;font-weight:700}.stop-card-id{font-size:.75rem;color:#6e6e73}.stop-card-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.stop-card-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background-color:#f0f0f2;border-radius:.375rem;font-size:.8125rem}.stop-card-badge-route{font-weight:700}.stop-card-empty{margin:0;font-size:.8125rem;color:#6e6e73}.stop-card-freshness{font-size:.75rem;color:#6e6e73}.stop-card-remove,.stop-card-reorder{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.25rem;padding:.5rem}.stop-card-remove{background-color:transparent;color:#ff3b30;font-size:.8125rem}.stop-card-reorder button{background-color:#f0f0f2;color:#1c1c1e;padding:.375rem .625rem}.search-results{padding:0 1rem}.search-section h2{font-size:.9375rem;margin:1rem 0 .5rem}.search-route-list,.search-stop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.search-route-item{width:100%;display:flex;align-items:baseline;gap:.5rem;background-color:#fff;color:inherit;font-weight:400;text-align:left}.search-route-no{font-weight:700}.search-stop-item{display:flex;align-items:center;gap:.5rem;background-color:#fff;border-radius:.5rem;padding-right:.5rem}.search-stop-main{flex:1;display:flex;align-items:baseline;gap:.5rem;background-color:transparent;color:inherit;font-weight:400;text-align:left}.search-stop-id{font-size:.75rem;color:#6e6e73}.search-stop-favorite{flex-shrink:0;background-color:transparent;color:#ff9f0a;font-size:1.25rem;padding:.25rem}.stop-detail-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fff;border-bottom:1px solid #e5e5ea}.stop-detail-topbar>button{flex-shrink:0;background-color:transparent;color:#1c1c1e;font-size:1.25rem;padding:.5rem}.stop-detail-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.stop-detail-name{font-size:1.0625rem;font-weight:700}.stop-detail-id{font-size:.75rem;color:#6e6e73}.stop-detail-favorite{flex-shrink:0;background-color:transparent;color:#ff9f0a;font-size:1.5rem;padding:.25rem}.stop-detail-not-found{padding:2rem 1rem;text-align:center;color:#6e6e73}.stop-map{margin:1rem;border-radius:.75rem;overflow:hidden;background-color:#e5e5ea}.stop-map-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;color:#6e6e73;font-size:.875rem;text-align:center}.stop-detail-arrivals{padding:0 1rem}.stop-detail-arrivals-toolbar{display:flex;justify-content:flex-end;padding:.5rem 0}.stop-detail-arrivals-toolbar button{background-color:transparent;color:#0a84ff;font-size:.875rem;padding:.5rem .75rem}.stop-detail-error{color:#ff3b30;font-size:.875rem;padding:.5rem 0}.stop-detail-error a{color:#0a84ff}.stop-detail-cache-banner{color:#6e6e73;font-size:.8125rem;padding:.5rem 0}.stop-detail-arrivals-empty{padding:1rem 0;color:#6e6e73}.arrival-group-list{list-style:none;margin:0;padding:0 0 1rem;display:flex;flex-direction:column;gap:.75rem}.arrival-group-card{background-color:#fff;border-radius:.75rem;box-shadow:0 .0625rem .1875rem #00000014;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem}.arrival-group-header{display:flex;align-items:center;gap:.5rem}.arrival-group-route{font-size:1rem;font-weight:700}.arrival-group-direction{font-size:.8125rem;color:#6e6e73}.arrival-group-pin{margin-left:auto;flex-shrink:0;background-color:#f0f0f2;color:#1c1c1e;font-size:.75rem;padding:.375rem .625rem}.arrival-group-etas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.arrival-group-eta{padding:.25rem .5rem;background-color:#f0f0f2;border-radius:.375rem;font-size:.8125rem}.arrival-group-empty{margin:0;font-size:.8125rem;color:#6e6e73}.arrival-group-freshness{font-size:.75rem;color:#6e6e73}.nearby-loading,.nearby-empty{padding:1rem;color:#6e6e73;text-align:center}.nearby-error{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#ff3b30;text-align:center}.nearby-header{margin:0;padding:0 1rem .5rem;font-size:.9375rem;font-weight:700;color:#1c1c1e}.nearby-list{list-style:none;margin:0;padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.625rem}.nearby-stop-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background-color:#fff;border-radius:.75rem;box-shadow:0 .0625rem .1875rem #00000014;padding:.875rem 1rem;text-align:left}.nearby-stop-name{font-size:.9375rem;font-weight:600}.nearby-stop-distance{flex-shrink:0;font-size:.8125rem;color:#6e6e73}.route-stops-loading,.route-stops-empty{padding:1rem;color:#6e6e73;text-align:center}.route-stops-error{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#ff3b30;text-align:center}.route-stops-section{padding:.5rem 1rem 1rem}.route-stops-section-title{margin:0 0 .5rem;font-size:.9375rem;font-weight:700;color:#1c1c1e}.route-stops-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.route-stops-item{width:100%;display:flex;align-items:center;gap:.625rem;background-color:#fff;border-radius:.625rem;box-shadow:0 .0625rem .1875rem #00000014;padding:.625rem .875rem;text-align:left}.route-stops-order{flex-shrink:0;font-size:.8125rem;color:#6e6e73}.route-stops-name{font-size:.9375rem}.settings-screen{padding:.5rem 1rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.settings-section{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;background-color:#fff;border-radius:.75rem;box-shadow:0 .0625rem .1875rem #00000014}.settings-section h2{margin:0;font-size:.9375rem;color:#6e6e73}.settings-hint{margin:0;font-size:.8125rem;color:#6e6e73}.settings-section a{color:#0a84ff}