*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--safe-area-top: env(safe-area-inset-top, 0px)}html{background:#f0f0eb}body{font-family:system-ui,sans-serif;background:#f0f0eb;color:#1a1a1a;min-height:100vh}#app{max-width:600px;margin:0 auto;padding:0 1rem 3rem}header{position:sticky;display:flex;align-items:center;justify-content:flex-start;gap:.65rem;top:0;z-index:99;height:calc(2.75rem + var(--safe-area-top));margin:0 -1rem .6rem;padding:calc(.5rem + var(--safe-area-top)) 1rem .4rem;background:linear-gradient(to bottom,#f0f0eb,#f0f0ebe0,#f0f0ebad);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 3px #00000014}h1{font-size:1.4rem;line-height:1.2;font-weight:700;letter-spacing:-.03em}.header-back{margin:0;padding:.2rem 0;border:0;background:transparent;color:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.header-context{color:#555;font-size:.9rem;font-weight:700;white-space:nowrap}.header-dir-toggle{display:flex;gap:.25rem;margin-left:auto}.header-dir-toggle .toggle-btn{padding:.18rem .42rem;font-size:.68rem}.tabs{display:flex;align-items:stretch;gap:.25rem;margin-bottom:.75rem}.tab{flex:1;margin:0;height:2.1rem;padding:0 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}.deadline-toggle{width:2.75rem;height:2.1rem;margin:0;padding:0;border:2px solid #ddd;border-radius:8px;background:transparent;color:#555;font-size:1rem;line-height:1;cursor:pointer}.deadline-toggle:hover{border-color:#999}.deadline-toggle-active{border-color:#1a1a1a;background:#fff;color:#1a1a1a}.deadline-picker{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:-.25rem 0 .75rem;padding:.55rem .65rem;border-radius:8px;background:#fff}.deadline-picker label{font-size:.8rem;font-weight:700}.deadline-picker input[type=time]{padding:.25rem .35rem;border:1px solid #bbb;border-radius:5px;background:#fff;color:inherit;font:inherit;font-weight:700;font-variant-numeric:tabular-nums}.deadline-clear{width:1.6rem;height:1.6rem;margin:0;padding:0;border:0;border-radius:50%;background:#eee;color:#666;font-size:1.1rem;line-height:1;cursor:pointer}.deadline-walk{width:100%;font-size:.72rem;color:#888}.deadline-tag{margin-left:auto;font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums}.deadline-ok{color:#1e7a1e}.deadline-tight{color:#a06000}.deadline-late{color:#c73232}.as-of{font-size:.75rem;color:#999;margin-bottom:1rem}.section-label{margin:1.5rem 0 .5rem}.section-title{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.transfer-stop-link{color:inherit;text-decoration:underline;text-underline-offset:.12em}.section-subtitle{display:block;margin-top:.15rem;font-size:.75rem;color:#888}.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-sharp{background:#c4ecc4;color:#155e15}.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}.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}.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-prefix{font-size:.82rem;font-weight:600}.arrival-point-toggle{display:flex;gap:.25rem}.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}.tracking-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .5rem .2rem .6rem;background:#e8f4fd;border:1px solid #b3d9f5;border-radius:20px;margin-bottom:.75rem;font-size:.78rem;font-weight:500;color:#1a5276;line-height:1.4}.tracking-chip-lost{background:#f5f5f5;border-color:#ccc;color:#888}.tracking-chip button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:.75rem;line-height:1;padding:0;width:1.1rem;height:1.1rem;border-radius:50%;color:#1a5276;opacity:.5;margin:0;flex-shrink:0}.tracking-chip button:hover{opacity:1;background:#1a52761f}.metro-recovery{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;margin-bottom:.8rem;border:1px solid #d9cf91;border-radius:9px;background:#fffdf0}.metro-recovery>div:first-child{min-width:0;flex:1}.metro-recovery strong,.metro-recovery span{display:block}.metro-recovery strong{font-size:.82rem}.metro-recovery>div>span,.metro-recovery-empty{margin-top:.12rem;color:#777;font-size:.72rem}.metro-recovery-active{border-color:#b3d9f5;background:#eef8ff}.metro-recovery-open,.metro-recovery-close,.metro-recovery-switch,.metro-candidate{margin:0!important}.metro-recovery-open{padding:.4rem .55rem!important;font-size:.75rem!important;white-space:nowrap}.metro-recovery-close{width:1.5rem;height:1.5rem;padding:0!important;border:0;border-radius:50%;background:transparent!important;color:#777!important;font-size:1.1rem!important;line-height:1}.metro-recovery-choices{display:block}.metro-candidates{display:flex;gap:.35rem;margin-top:.55rem}.metro-candidate{flex:1;padding:.35rem .25rem!important;border:1px solid #d6c86b;border-radius:6px;background:#fff!important;color:#444!important;text-align:center}.metro-candidate span,.metro-candidate small{color:#777;font-size:.67rem}.metro-candidate strong{margin:.05rem 0;font-size:.8rem;color:#1a1a1a}.metro-recovery-switch{padding:0!important;border:0;background:transparent!important;color:#666!important;font-size:.72rem!important;text-decoration:underline}.metro-recovery-loading{opacity:.65;pointer-events:none}.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):not(.header-back):not(#tracking-dismiss):not(.deadline-toggle):not(.deadline-clear){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):not(.header-back):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){html{background:#111}body{background:#111;color:#e8e8e8}header{background:linear-gradient(to bottom,#111,#111111e0,#111111ad);box-shadow:0 1px 3px #0000004d}.tab{border-color:#444;color:#888}.tab-active{border-color:#e8e8e8;background:#e8e8e8;color:#1a1a1a}.deadline-toggle{border-color:#444;color:#aaa}.deadline-toggle:hover{border-color:#777}.deadline-toggle-active{border-color:#e8e8e8;background:#2a2a2a;color:#e8e8e8}.deadline-picker{background:#1e1e1e}.deadline-picker input[type=time]{border-color:#444;background:#2a2a2a;color:#e8e8e8}.deadline-clear{background:#333;color:#aaa}.deadline-walk{color:#777}.deadline-ok{color:#4caf4c}.deadline-tight{color:#c89030}.deadline-late{color:#e06060}.header-context{color:#aaa}.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):not(.header-back):not(#tracking-dismiss):not(.deadline-toggle):not(.deadline-clear){background:#2a2a2a}button:not(.tab):not(.header-back):not(.deadline-toggle):not(.deadline-clear):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}.tracking-chip{background:#0d1e2e;border-color:#2a5a7a;color:#6ab8e8}.tracking-chip button{color:#6ab8e8}.tracking-chip button:hover{background:#6ab8e826}.tracking-chip-lost{background:#1e1e1e;border-color:#333;color:#666}.tracking-chip-lost button{color:#666}.metro-recovery{border-color:#5d5423;background:#27240f}.metro-recovery-active{border-color:#2a5a7a;background:#0d1e2e}.metro-recovery>div>span,.metro-recovery-empty,.metro-candidate span,.metro-candidate small{color:#999}.metro-candidate{border-color:#5d5423;background:#1e1e1e!important;color:#ddd!important}.metro-candidate strong{color:#e8e8e8}.metro-recovery-switch{color:#aaa!important}}