.favorites-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.favorites-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.favorites-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,90vw);background:var(--busz-surface);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;padding-top:var(--safe-top)}.favorites-drawer__panel header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--busz-border)}.favorites-drawer__panel header h2{display:flex;align-items:center;gap:8px;font-size:1.1rem}.favorites-drawer__panel section{padding:12px 0;overflow-y:auto}.favorites-drawer__panel section h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--busz-text-muted);padding:0 16px 8px}.favorites-drawer__panel ul{list-style:none}.favorites-drawer__panel li button{width:100%;text-align:left;padding:12px 16px;border-bottom:1px solid var(--busz-border);display:flex;justify-content:space-between;gap:8px}.favorites-drawer__panel li button:active{background:#eef3f9}.favorites-drawer__panel li button span{color:var(--busz-text-muted);font-size:.85rem}.favorites-drawer__empty{padding:24px 16px;color:var(--busz-text-muted);text-align:center;line-height:1.5}.install-banner{position:fixed;bottom:calc(12px + var(--safe-bottom));left:12px;right:12px;z-index:50;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--busz-primary);color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000040}.install-banner__content{display:flex;align-items:flex-start;gap:10px;flex:1;font-size:.85rem;line-height:1.35}.install-banner__close{padding:4px;color:#fff;opacity:.9;flex-shrink:0}.map-view--loading,.map-view--error{display:flex;align-items:center;justify-content:center;height:100%;color:var(--busz-text-muted)}.map-view--error{color:var(--busz-early);padding:24px;text-align:center}.search-bar{position:relative}.search-bar__input-wrap{display:flex;align-items:center;gap:8px;background:var(--busz-surface);border-radius:12px;padding:0 12px;box-shadow:0 2px 16px #0000001f;height:48px}.search-bar__icon{color:var(--busz-text-muted);flex-shrink:0}.search-bar__input-wrap input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;min-width:0}.search-bar__clear{color:var(--busz-text-muted);padding:4px;display:flex}.search-bar__results{margin-top:8px;background:var(--busz-surface);border-radius:12px;box-shadow:0 4px 24px #00000026;max-height:min(50vh,320px);overflow-y:auto}.search-bar__results section h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--busz-text-muted);padding:10px 14px 4px}.search-bar__results ul{list-style:none}.search-bar__results li button{width:100%;text-align:left;padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--busz-border)}.search-bar__results li button:active:not(:disabled){background:#eef3f9}.search-bar__results li button:disabled{opacity:.7}.search-bar__name{flex:1;font-size:.95rem}.search-bar__code{font-size:.8rem;color:var(--busz-text-muted)}.search-bar__route-badge{background:var(--busz-primary);color:#fff;font-weight:700;font-size:.8rem;padding:4px 8px;border-radius:6px;min-width:32px;text-align:center}.search-bar__hint{padding:16px;text-align:center;color:var(--busz-text-muted);font-size:.9rem}.trip-details{position:absolute;left:0;right:0;bottom:0;z-index:25;background:var(--busz-surface);display:flex;flex-direction:column;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #00000026;max-height:48vh;padding-bottom:var(--safe-bottom);transition:max-height .28s ease-out}.trip-details--expanded{max-height:min(92vh,calc(100% - var(--safe-top) - 48px))}.trip-details__handle{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:14px 8px 4px;color:var(--busz-text-muted);flex-shrink:0}.trip-details__handle:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:#ffffff59;pointer-events:none}.trip-details__header{display:flex;align-items:flex-start;gap:8px;padding:8px 12px 10px;border-bottom:1px solid rgba(255,255,255,.15);background:var(--busz-primary);color:#fff;cursor:pointer;flex-shrink:0}.trip-details__header:active{filter:brightness(.95)}.trip-details__back,.trip-details__refresh{padding:8px;color:#fff;flex-shrink:0}.trip-details__header-text{flex:1;min-width:0}.trip-details__route{display:inline-block;font-weight:800;font-size:1.25rem;margin-bottom:2px}.trip-details__header-text h2{font-size:.95rem;font-weight:500;line-height:1.3;opacity:.95}.trip-details__agency{font-size:.75rem;opacity:.8;margin-top:4px}.trip-details__status-bar{padding:12px 16px;background:#eef3f9;border-bottom:1px solid var(--busz-border);font-size:.9rem}.trip-details__vehicle{font-weight:600;margin-bottom:4px}.trip-details__deviation{color:var(--busz-late);font-weight:500}.trip-details__deviation--scheduled{color:var(--busz-text-muted)}.trip-details__deviation span{font-weight:400;color:var(--busz-text-muted)}.trip-details__your-stop,.trip-details__stops-away,.trip-details__eta{margin-top:4px;color:var(--busz-text-muted);font-size:.85rem}.trip-details__body{flex:1;overflow-y:auto;padding-bottom:var(--safe-bottom)}.trip-details__hint,.trip-details__error{padding:24px 16px;text-align:center}.trip-details__error{color:var(--busz-early)}.trip-details__stops{list-style:none;padding:8px 0}.trip-details__stop{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--busz-border)}.trip-details__stop--passed{opacity:.5}.trip-details__stop--highlight{background:#fff8e1;border-left:4px solid var(--busz-accent)}.trip-details__stop--next{background:#e8f5e9}.trip-details__stop-marker{width:28px;display:flex;justify-content:center;flex-shrink:0}.trip-details__dot{width:10px;height:10px;border-radius:50%;background:var(--busz-primary);border:2px solid #fff;box-shadow:0 0 0 1px var(--busz-primary)}.trip-details__bus-icon{color:var(--busz-accent)}.trip-details__stop-info{flex:1;min-width:0}.trip-details__stop-name{display:block;font-size:.9rem;line-height:1.3}.trip-details__badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;background:var(--busz-accent);color:#fff;padding:2px 6px;border-radius:4px;margin-top:4px}.trip-details__badge--next{background:var(--busz-ontime)}.trip-details__stop-time{font-size:.9rem;font-weight:600;color:var(--busz-text);flex-shrink:0}.stop-sheet{position:absolute;left:0;right:0;bottom:0;z-index:20;background:var(--busz-surface);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #00000026;max-height:42vh;display:flex;flex-direction:column;padding-bottom:var(--safe-bottom);transition:max-height .28s ease-out}.stop-sheet--expanded{max-height:min(92vh,calc(100% - var(--safe-top) - 48px))}.stop-sheet__handle{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:14px 8px 6px;color:var(--busz-text-muted);cursor:pointer;flex-shrink:0}.stop-sheet__handle:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--busz-border);pointer-events:none}.stop-sheet__header{display:flex;align-items:flex-start;gap:12px;padding:8px 16px 12px;cursor:pointer;flex-shrink:0}.stop-sheet__header:active{background:#00000008}.stop-sheet__title{flex:1;min-width:0}.stop-sheet__title h2{font-size:1.05rem;font-weight:600;line-height:1.3}.stop-sheet__code,.stop-sheet__dir{font-size:.8rem;color:var(--busz-text-muted);margin-right:8px}.stop-sheet__actions{display:flex;gap:4px}.stop-sheet__star,.stop-sheet__refresh{padding:8px;color:var(--busz-text-muted)}.stop-sheet__star--on{color:var(--busz-accent)}.stop-sheet__subtitle{font-size:.85rem;color:var(--busz-text-muted);margin-top:4px;font-weight:500}.stop-sheet__body{flex:1;overflow-y:auto;min-height:0}.stop-sheet__status,.stop-sheet__error{padding:20px 16px;text-align:center}.stop-sheet__error{color:var(--busz-early)}.arrival-list{list-style:none}.arrival-list__empty{padding:24px 16px;text-align:center;color:var(--busz-text-muted)}.arrival-list__item{width:100%;text-align:left;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px 12px;padding:12px 16px;border-bottom:1px solid var(--busz-border);border-left:4px solid transparent}.arrival-list__item--early{border-left-color:var(--busz-early);background:#ffebee}.arrival-list__item--late{border-left-color:var(--busz-late);background:#e3f2fd}.arrival-list__item--on-time{border-left-color:var(--busz-ontime);background:#e8f5e9}.arrival-list__item--scheduled{border-left-color:var(--busz-scheduled)}.arrival-list__route{font-weight:700;font-size:1.1rem;color:var(--busz-primary);grid-row:span 2;align-self:center;min-width:36px}.arrival-list__headsign{font-size:.9rem;color:var(--busz-text);grid-column:2}.arrival-list__times{grid-column:3;grid-row:1 / 3;text-align:right;align-self:center}.arrival-list__eta{display:block;font-weight:700;font-size:1rem}.arrival-list__clock{font-size:.8rem;color:var(--busz-text-muted)}.arrival-list__live{display:inline-block;font-size:.65rem;background:var(--busz-ontime);color:#fff;padding:2px 6px;border-radius:4px;margin-top:4px}.arrival-list__stops{grid-column:2;font-size:.75rem;color:var(--busz-text-muted)}.arrival-list__item:active{filter:brightness(.97)}.arrival-list__chevron{grid-column:3;grid-row:1 / 3;align-self:center;color:var(--busz-text-muted);margin-left:4px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.app__map-wrap{flex:1;position:relative;min-height:0}.app__search{position:absolute;top:calc(12px + var(--safe-top));left:12px;right:12px;z-index:10}.app__fab-group{position:absolute;right:12px;bottom:calc(100px + var(--safe-bottom));z-index:10;display:flex;flex-direction:column;gap:10px}.fab{width:48px;height:48px;border-radius:50%;background:var(--busz-surface);box-shadow:0 2px 12px #0000002e;display:flex;align-items:center;justify-content:center;color:var(--busz-primary)}.fab:active{transform:scale(.95)}.fab--active{background:var(--busz-primary);color:#fff}.setup-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center;gap:16px}.setup-screen h1{font-size:1.5rem;color:var(--busz-primary)}.setup-screen p{color:var(--busz-text-muted);line-height:1.5;max-width:320px}.setup-screen code{background:#e8eef5;padding:2px 6px;border-radius:4px;font-size:.85rem}.setup-screen input{width:100%;max-width:320px;padding:12px 14px;border:1px solid var(--busz-border);border-radius:10px}.setup-screen button{background:var(--busz-primary);color:#fff;padding:12px 28px;border-radius:10px;font-weight:600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--busz-primary: #1565c0;--busz-primary-dark: #0d47a1;--busz-accent: #ff6f00;--busz-bg: #f5f7fa;--busz-surface: #ffffff;--busz-text: #1a1a2e;--busz-text-muted: #5c6b7a;--busz-border: #e0e6ed;--busz-early: #c62828;--busz-late: #1565c0;--busz-ontime: #2e7d32;--busz-scheduled: #757575;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden;background:var(--busz-bg);color:var(--busz-text)}button{font:inherit;cursor:pointer;border:none;background:none}input{font:inherit}