:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{max-width:100%;margin:0 auto;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-title{font-size:1.5rem;font-weight:700;margin:0 0 16px}.search-bar{position:relative;margin-bottom:16px}.search-bar-row{display:flex;gap:8px}.search-input{flex:1;padding:10px 12px;font-size:1rem;border:1px solid #ccc;border-radius:4px;outline:none}.search-input:focus{border-color:#888}.location-button{padding:10px 14px;font-size:.875rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;white-space:nowrap;min-height:44px}.location-button:hover{background:#f5f5f5}.location-button:disabled{opacity:.6;cursor:not-allowed}.search-loading{padding:8px 0;color:#888;font-size:.875rem}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;max-height:240px;overflow-y:auto;z-index:10}.search-dropdown-item{padding:10px 12px;cursor:pointer;font-size:.875rem;border-bottom:1px solid #eee}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:#f5f5f5}.stop-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #eee;border-radius:4px;margin-bottom:4px;cursor:pointer;transition:background .1s;min-height:44px}.stop-item:hover{background:#f9f9f9}.stop-item--selected{background:#f0f0f0;border-color:#ccc}.stop-item-name{font-size:.9375rem}.stop-item-distance{font-size:.8125rem;color:#888;margin-left:8px;flex-shrink:0}.stop-list h2,.my-stops h2{font-size:1rem;font-weight:600;margin:0 0 8px}.stop-list{margin-top:8px}.stop-list-loading{color:#888;font-size:.875rem}.my-stops{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.instruction-text{color:#888;font-size:.9375rem;text-align:center;margin:32px 0}.departure-list{margin-top:1rem}.departure-list-header{display:flex;align-items:center;justify-content:space-between}.departure-list-header h2{font-size:1rem;font-weight:600;margin:0}.departure-loading{color:#888;font-size:.875rem}.stop-departures{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.stop-departures h3{margin:.5rem 0;font-size:.95rem;font-weight:600}.departure-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.9rem}.departure-row.cancelled{opacity:.5}.mode-badge{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:3px;font-weight:700;font-size:.75rem;color:#fff;flex-shrink:0}.mode-metro{background:#007852}.mode-bus{background:#d71d24}.mode-train{background:#ec619f}.mode-tram{background:#7b7979}.line-designation{font-weight:600;min-width:2rem}.departure-destination{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.departure-time{display:flex;align-items:center;gap:.25rem;flex-shrink:0;font-size:.85rem}.countdown{font-weight:600}.absolute-time{color:#888}.scheduled-time{color:#888;font-size:.8rem}.delay-indicator{color:#d71d24;font-size:.8rem}.cancelled-label{color:#888;font-style:italic}.disruption-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:.5rem;margin-bottom:.5rem;font-size:.85rem}.disruption-banner p{margin:.25rem 0}.filters-container{margin:.5rem 0}.filter-section{display:flex;flex-wrap:wrap;gap:.25rem;margin:.25rem 0}.filter-chip{padding:.4rem .75rem;border-radius:12px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:.8rem;min-height:44px;display:inline-flex;align-items:center}.filter-chip.active{background:#333;color:#fff;border-color:#333}.refresh-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem}.refresh-btn:hover{opacity:.7}.update-error{color:#666;font-size:.8rem;font-style:italic;margin:.25rem 0}.stop-loading{color:#888;font-size:.875rem}.stop-error{color:#d71d24;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.retry-btn{background:none;border:1px solid #ccc;border-radius:4px;padding:4px 10px;font-size:.8rem;cursor:pointer}.retry-btn:hover{background:#f5f5f5}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-header .app-title{margin:0}.dashboard-toggle{background:none;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:.75rem;cursor:pointer;color:#666}.dashboard-toggle:hover{background:#f5f5f5;border-color:#999}@media(min-width:768px){.app{max-width:600px;margin:0 auto;padding:16px}}@media(min-width:1024px){.app{max-width:800px}}.app.dashboard-mode .search-bar,.app.dashboard-mode .stop-list,.app.dashboard-mode .my-stops,.app.dashboard-mode .instruction-text{display:none}.app.dashboard-mode .app-title{font-size:1rem;margin-bottom:8px}.app.dashboard-mode .departure-row{padding:.15rem 0;font-size:.85rem}.app.dashboard-mode .filter-section,.app.dashboard-mode .filters-container{display:none}