*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#f0f0eb;color:#1a1a1a;min-height:100vh}#app{max-width:600px;margin:0 auto;padding:1.25rem 1rem 3rem}h1{font-size:1.4rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1rem}.tabs{display:flex;gap:.25rem;margin-bottom:.75rem}.tab{flex:1;margin:0;padding:.5rem 1rem;border:2px solid #ddd;border-radius:8px;background:transparent;color:#888;font-size:.85rem;font-weight:700;cursor:pointer}.tab:hover:not(.tab-active){border-color:#999;color:#555}.tab-active{border-color:#1a1a1a;background:#1a1a1a;color:#fff;pointer-events:none}.as-of{font-size:.75rem;color:#999;margin-bottom:1rem}.section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin:1.5rem 0 .5rem}.notice{background:#fff4e0;color:#a06000;font-size:.82rem;font-weight:600;padding:.5rem .75rem;border-radius:6px;margin-bottom:.75rem}.window{background:#fff;border-radius:10px;margin-bottom:.75rem;overflow:hidden}.window-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:#1a1a1a;color:#fff;font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}.rec-pill{font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.rec-direct{background:#e84040;color:#fff}.rec-kolbenova{background:#2a9d2a;color:#fff}.rec-hloubetin{background:#1a7fc1;color:#fff}.rec-dimmed{background:#999;color:#fff}.window-body{padding:.4rem 0}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .9rem;border-bottom:1px solid #f0f0eb}.via-row{flex-direction:column;align-items:flex-start;gap:.3rem}.via-metro,.via-tram{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;width:100%}.highlight{background:#f7fbf7}.dimmed{opacity:.55}.departed{opacity:.35}.departed .dep-time,.departed .time{text-decoration:line-through}.stop{font-size:.8rem;color:#888}.via-metro .stop,.via-tram .stop{width:100%}.time{font-weight:700;font-variant-numeric:tabular-nums;font-size:.95rem}.eta{font-size:.78rem;color:#888;font-variant-numeric:tabular-nums;margin-left:auto}.sub{font-size:.72rem;color:#aaa;width:100%;padding-left:2.1rem}.eta-col{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;margin-left:auto;text-align:right}.fallback{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#888;flex-wrap:wrap;width:100%;opacity:.65}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;padding:.15rem .35rem;border-radius:4px;font-size:.78rem;font-weight:800;flex-shrink:0}.badge-tram{background:#e84040;color:#fff}.badge-metro{background:#ffcd00;color:#1a1a1a}.tag{font-size:.7rem;font-weight:700;padding:.1rem .35rem;border-radius:3px}.tag-ok{background:#e6f7e6;color:#1e7a1e}.tag-late{background:#fde8e8;color:#c73232}.sched-time{font-size:.72rem;color:#999;font-variant-numeric:tabular-nums}.tag-warn{background:#fff4e0;color:#a06000}.tag-unknown{background:#f0f0f0;color:#888}.rec-note{padding:.45rem .9rem;font-size:.78rem;color:#666;background:#fafaf7;border-top:1px solid #ebebeb}.transfer-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.dir-toggle{display:flex;gap:.35rem;margin-left:auto}.toggle-btn{padding:.2rem .55rem;border:2px solid #555;border-radius:6px;background:transparent;color:#888;font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap}.toggle-btn.toggle-active{border-color:#1a1a1a;background:#1a1a1a;color:#fff;pointer-events:none}.transfer-stop{font-size:1.1rem;font-weight:700}.dep-label{display:flex;align-items:baseline;gap:.4rem}.dep-time{font-variant-numeric:tabular-nums}.dep-dir{font-weight:400;font-size:.82rem}.tap-hint{font-size:.7rem;color:#bbb;margin-left:auto}.via-row[data-transfer]:hover{background:#f0f5ff;cursor:pointer}.arrival-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.arrival-bar label{font-size:.82rem;font-weight:600}.arrival-bar input[type=time]{font-size:1.1rem;font-weight:700;padding:.3rem .5rem;border:2px solid #ccc;border-radius:6px;font-variant-numeric:tabular-nums;background:#fff;color:#1a1a1a}.now-btn{margin-top:0!important;padding:.3rem .65rem!important;font-size:.8rem!important;background:#555!important;border-radius:6px!important}.arrival-bar .walk-note{font-size:.75rem;color:#888;width:100%}.rec-card{padding:.65rem .9rem;border-radius:8px;margin-bottom:.75rem;font-size:.85rem;line-height:1.4}.rec-card strong{font-weight:700}.rec-card .rec-alt{font-size:.78rem;margin-top:.3rem;opacity:.8}.rec-catch-tram{background:#e6f7e6;border-left:4px solid #2a9d2a;color:#1e6a1e}.rec-continue-metro{background:#e8f0fe;border-left:4px solid #1a7fc1;color:#1a5a8a}.rec-no-tram{background:#fff4e0;border-left:4px solid #c89030;color:#a06000}.tram-catchable{background:#f7fbf7;border-left:3px solid #2a9d2a}button:not(.tab):not(.toggle-btn){margin-top:1.5rem;padding:.6rem 1.2rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}button:not(.tab):hover{background:#333}.hidden{display:none!important}.error-banner{background:#fde8e8;border:1px solid #e84040;color:#c73232;padding:.75rem 1rem;border-radius:8px;margin-top:1rem}@media(prefers-color-scheme:dark){body{background:#111;color:#e8e8e8}.tab{border-color:#444;color:#888}.tab-active{border-color:#e8e8e8;background:#e8e8e8;color:#1a1a1a}.window{background:#1e1e1e}.window-header{background:#2a2a2a}.row{border-bottom-color:#2a2a2a}.highlight{background:#1a2a1a}.stop{color:#888}.eta{color:#777}.sub,.as-of,.section-label,.fallback{color:#666}.tap-hint{color:#555}.rec-note{background:#191919;border-top-color:#2a2a2a;color:#888}.notice{background:#2a2000;color:#c89030}.tag-ok{background:#0d2e0d;color:#4caf4c}.tag-late{background:#2e0d0d;color:#e06060}.tag-warn{background:#2e1e00;color:#c89030}.tag-unknown{background:#2a2a2a;color:#666}.via-row[data-transfer]:hover{background:#1a1f2e}button:not(.tab):not(.toggle-btn){background:#2a2a2a}button:not(.tab):hover{background:#3a3a3a}.arrival-bar input[type=time]{background:#2a2a2a;border-color:#444;color:#e8e8e8}.rec-catch-tram{background:#0d2e0d;border-left-color:#4caf4c;color:#6fcf6f}.rec-continue-metro{background:#0d1a2e;border-left-color:#4a9fd8;color:#6ab8e8}.rec-no-tram{background:#2e1e00;border-left-color:#c89030;color:#c89030}.tram-catchable{background:#1a2a1a;border-left-color:#4caf4c}.error-banner{background:#2e0d0d;border-color:#c73232;color:#e06060}}