:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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:#535bf2}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dark{--nav-bg: rgba(15, 23, 42, .95);--content-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--text-color: #e2e8f0;--active-color: #60a5fa;--hover-color: #94a3b8;--selector-border: rgba(96, 165, 250, .3);--circle-bg: linear-gradient(135deg, rgba(51, 65, 85, .6), rgba(71, 85, 105, .4));--button-bg: rgba(30, 41, 59, .9);--popup-bg: rgba(30, 41, 59, .95);--x-bg: rgba(0, 0, 0, .6);--changer-bg: #111827;--changer-left: 2px}.light{--nav-bg: rgba(243, 244, 246, .95);--content-bg: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 50%, #f3f4f6 100%);--text-color: #1e293b;--active-color: #2563eb;--hover-color: #475569;--selector-border: rgba(37, 99, 235, .3);--circle-bg: linear-gradient(135deg, rgba(203, 213, 225, .6), rgba(148, 163, 184, .4));--button-bg: rgba(243, 244, 246, .9);--popup-bg: rgba(243, 244, 246, .95);--x-bg: rgba(255, 255, 255, .6);--changer-bg: #d1d5db;--changer-left: 20px}:root{--lpp-color: #00640081;--sz-color: #1e90ff81;--nomago-color: #ffe6008c;--marprom-color: #ff000081;--arriva-color: #00338081;--murska-color: #00518081;--default-color: #80808081}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Proxima Nova Light;src:url(./proximanova_light-C77mwfk9.otf) format("opentype");font-display:swap}body{font-family:Proxima Nova Light,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text-color)}.container{height:100vh;display:flex;flex-direction:column}.container nav{position:absolute;bottom:0;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:80px}.container nav a{width:100%;display:flex;justify-content:center;padding:10px 0;border-top:4px solid transparent;transition:all .3s ease}.container nav a button{width:100%;border:none;background:none;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:20px;color:var(--hover-color);transition:color .3s ease}.container nav a:hover button{color:var(--active-color)}.container nav a.active{border-top:4px solid var(--active-color)}.container nav a.active button{color:var(--active-color)}.container .content{height:calc(100vh - 80px);background:var(--content-bg)}.container .content .map-container{overflow:hidden;height:calc(100vh - 80px)}.container .content .map-container .route-drawer{position:absolute;left:0;right:0;bottom:0;z-index:9;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .25s ease;background:var(--nav-bg);border-top:1px solid var(--selector-border)}.container .content .map-container .route-drawer--open{transform:translateY(0)}.container .content .map-container .route-drawer__header{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-bottom:1px solid var(--selector-border);color:var(--text-color);cursor:grab;touch-action:none;position:relative;height:40px}.container .content .map-container .route-drawer__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-color);font-size:22px;line-height:1;padding:4px 8px;cursor:pointer;touch-action:manipulation}.container .content .map-container .route-drawer__close:hover{background:var(--button-bg);border-radius:8px}.container .content .map-container .route-drawer__header:active{cursor:grabbing}.container .content .map-container .route-drawer__grab{position:absolute;top:18px;left:50%;transform:translate(-50%);width:44px;height:5px;border-radius:999px;background:var(--selector-border)}.container .content .map-container .route-drawer__content{overflow-y:auto;-webkit-overflow-scrolling:touch}.container .content .insideDiv{display:flex;flex-direction:column}.container .content .insideDiv h2{text-align:center;padding:10px 0;color:var(--text-color)}.container .content .insideDiv .arrival-list{overflow-y:scroll}.container .content .insideDiv .arrival-list .arrival-item{display:grid;grid-template-columns:3fr 1fr auto;padding:10px;align-items:center;border-bottom:1px solid var(--selector-border);text-align:center;transition:background .2s ease;color:var(--text-color)}.container .content .insideDiv .arrival-list .arrival-item:hover{background:#3341554d}.container .content .insideDiv .arrival-list .arrival-item h2,.container .content .insideDiv .arrival-list .arrival-item p{padding:10px}.container .content .insideDiv .arrival-list .arrival-item .left{display:flex;align-items:center;gap:12px}.container .content .insideDiv .arrival-list .arrival-item .left .circle{padding:20px;border-radius:50%;height:4rem;width:4rem;border:1px solid var(--selector-border);display:flex;align-items:center;justify-content:center;color:var(--text-color)}.container .content .insideDiv .arrival-list .arrival-item:last-child{border-bottom:none}.container .content .insideDiv .route-item{display:flex;flex-direction:row;justify-content:space-around;padding:10px;align-items:center;border-bottom:1px solid var(--selector-border);text-align:center;transition:background .2s ease;color:var(--text-color);gap:12px;cursor:pointer}.container .content .insideDiv .route-item:hover{background:#3341554d}.container .content .insideDiv .route-item h2{padding:10px}.container .content .insideDiv .route-item h3{flex:1;text-align:left}.container .content .insideDiv .route-item p{padding:10px}.container .content .insideDiv .route-item .circle{padding:20px;border-radius:50%;height:4rem;width:4rem;min-width:4rem;border:1px solid var(--selector-border);display:flex;align-items:center;justify-content:center;color:var(--text-color)}.container .content .insideDiv .route-item .route-item:last-child{border-bottom:none}.container .content .insideDiv .station-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;margin-top:10px;color:var(--text-color)}.container .content .insideDiv .station-list .station-item{padding:10px;border-bottom:1px solid var(--selector-border);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;transition:background .2s ease}.container .content .insideDiv .station-list .station-item div{display:flex;flex-direction:row;align-items:center;gap:10px}.container .content .insideDiv .station-list .station-item div ul{list-style:none;padding:0;margin:0 0 0 10px;display:flex;flex-direction:row;align-items:center;gap:6px}.container .content .insideDiv .station-list .station-item div ul li{border:1px solid var(--selector-border);border-radius:50%;color:var(--active-color);font-weight:600;font-size:.9em;width:40px;height:40px;padding:10px;display:flex;align-items:center;justify-content:center}.container .content .insideDiv .station-list .station-item:hover{background:#3341554d}.container .content .insideDiv .top-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.container .content .insideDiv .top-nav button{width:100%;background:none;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:20px;padding:15px 0;color:var(--hover-color);border:1px solid transparent;transition:all .2s ease;background:#0000004d;border-radius:0}.container .content .insideDiv .top-nav button:hover{color:var(--active-color);background:#00000040}.container .content .insideDiv .top-nav button.active{color:var(--active-color);background:none}.container .content .insideDiv .config{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.container .content .insideDiv .config div{display:flex;align-items:center;gap:6px}.container .content .insideDiv .config div input{width:auto}.container .content .insideDiv .station-item-search{padding:10px;border-bottom:1px solid var(--selector-border);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;transition:background .2s ease;color:var(--text-color);cursor:pointer;box-sizing:border-box;height:100%}.container .content .insideDiv .station-item-search .station-content{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.container .content .insideDiv .station-item-search .station-content .name{flex:0 0 auto;min-width:0;display:flex;flex-direction:row;gap:10px;align-items:center}.container .content .insideDiv .station-item-search .station-content .station-info{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:4px}.container .content .insideDiv .station-item-search .station-content .station-info li{border:1px solid var(--selector-border);border-radius:4px;color:var(--active-color);font-weight:600;font-size:.75em;padding:2px 6px;display:flex;align-items:center;justify-content:center}.container .content .insideDiv .station-item-search:hover{background:#3341554d}.container .content .insideDiv .results{height:calc(100svh - 240px);overflow-y:auto}.container .content .insideDiv .results ul{list-style:none}.container .content .insideDiv .results .empty-message{text-align:center;color:var(--hover-color);padding:40px 20px}.container .content .insideDiv .results .station-info-header{text-align:center;padding:10px;color:var(--text-color);border-bottom:1px solid var(--selector-border);background:#0000001a}.container .content .insideDiv .results .route-list{list-style:none}.container .content .insideDiv .distance{color:var(--hover-color);font-size:.85em;padding:0 10px;white-space:nowrap}.container .content .insideDiv .liked{height:calc(100svh - 260px);overflow-y:auto;padding:10px 0}.container .content .insideDiv .liked .empty-message{text-align:center;color:var(--hover-color);padding:40px 20px}.container .content .insideDiv .liked .liked-section{margin-bottom:20px}.container .content .insideDiv .liked .liked-section>h3{padding:10px;border-bottom:1px solid var(--selector-border);color:var(--active-color);font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.container .content .insideDiv .liked .liked-section ul{list-style:none}.container .content .insideDiv .like-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--hover-color);transition:all .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;height:fit-content}.container .content .insideDiv .like-btn:hover{color:#ef4444;background:#ef44441a}.container .content .insideDiv .like-btn.liked{color:#ef4444}.container .content .insideDiv input{width:100%;border-radius:0;height:3rem;outline:none;border:1px solid var(--selector-border);padding:10px;background:var(--content-bg);color:var(--text-color);transition:all .3s ease}.container .content .insideDiv input::placeholder{color:#64748b}.container .content .insideDiv input:focus{background:#1e293bcc;border-color:var(--active-color)}.container .content .route .data{background:var(--content-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 16px;text-align:center;color:var(--text-color);border-bottom:1px solid var(--selector-border);cursor:grab;touch-action:none}.container .content .route .stops ul{list-style:none;padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 190px);overflow-y:auto;color:var(--text-color)}.container .content .route .stops ul li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--selector-border);padding:10px 5px 10px 10px;transition:background .2s ease}.container .content .route .stops ul li:hover{background:#3341554d}.container .content .route .stops ul li:last-child{border-bottom:none}.container .content .settings h2{text-align:center;padding:10px 0;color:var(--text-color);border-bottom:2px solid var(--selector-border)}.container .content .settings .inside{display:flex;flex-direction:column;max-height:calc(100vh - 140px);overflow-y:scroll}.container .content .settings .inside h3{color:var(--text-color)}.container .content .settings .inside div{padding:10px;margin:10px}.container .content .settings .inside .map-setttings{display:flex;flex-direction:column;gap:12px;padding:10px;border:1px solid var(--selector-border);border-radius:8px;margin-bottom:20px;background:#0000004d;text-align:center}.container .content .settings .inside .map-setttings h3{margin-bottom:10px;color:var(--text-color);border-bottom:1px solid var(--selector-border);padding-bottom:5px}.container .content .settings .inside .map-setttings label{display:flex;align-items:center;gap:8px;color:var(--text-color);cursor:pointer}.container .content .settings .inside .map-setttings label input{width:auto}.container .content .settings .inside .theme-switcher{display:flex;flex-direction:row;align-items:center;align-self:center;gap:12px;margin:0;color:var(--text-color)}.container .content .settings .inside .theme-switcher button{width:42px;height:24px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:var(--changer-bg);position:relative;cursor:pointer;padding:0;outline:none;margin:0}.container .content .settings .inside .theme-switcher button span{position:absolute;top:1px;left:var(--changer-left);width:20px;height:20px;background:#fff;border-radius:999px;box-shadow:0 1px 2px #00000040;transition:left .2s ease}.container .content .settings .inside .ranges{display:flex;flex-direction:column;gap:12px;padding:10px;border:1px solid var(--selector-border);border-radius:8px;margin-bottom:20px;background:#0000004d}.container .content .settings .inside .ranges label{display:flex;flex-direction:column;color:var(--text-color);font-size:.9em}.container .content .settings .inside .ranges label input{width:100%}.container .content .settings .inside .about{text-align:center;padding:10px;margin:10px;color:var(--text-color);background:#0000004d;border-radius:8px;border:1px solid var(--selector-border)}@media screen and (max-width: 480px){.container{height:100svh}.container nav a button{display:block;font-size:.7em}.container .content{height:calc(100svh - 80px)}.container .content .map-container{height:calc(100svh - 80px)}.container .insideDiv .arrival-list .arrival-item{font-size:.8em}}.maplibregl-popup-content{background:var(--popup-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:var(--text-color)!important;border:1px solid var(--selector-border);max-width:none;width:fit-content;border-radius:8px}.maplibregl-popup-tip{border-top-color:var(--popup-bg)!important;border-bottom-color:var(--popup-bg)!important}.maplibregl-popup-content h3{font-size:15px;margin-bottom:8px;color:var(--text-color);display:flex;align-items:center;gap:6px}.maplibregl-popup-content h3 img{filter:invert(1)}.maplibregl-popup-content button,.maplibregl-popup-content .popup-button{background:#60a5fa26;color:var(--active-color);border:1px solid var(--selector-border);padding:8px 10px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s ease}.maplibregl-popup-content button:hover,.maplibregl-popup-content .popup-button:hover{background:#60a5fa40;border-color:var(--active-color)}.popup-image-wrapper{width:100%;height:150px;margin-bottom:8px;display:block;background:#eeeeee1e;overflow:hidden}.popup-image-wrapper img{width:100%;height:150px;object-fit:cover;margin-bottom:8px;border-radius:0;display:block;background:#eee}.popup-image-wrapper p{color:#fff;background:#000000d5;position:absolute;padding:4px 8px;border-radius:4px;font-size:12px;margin-top:-40px;right:14px;z-index:3;display:flex;flex-direction:row;align-items:center}.popup-image-wrapper p img{width:12px;height:12px;margin:0 6px 0 0;filter:invert(1)}