: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}}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Proxima Nova;src:url(./proximanova_regular-45mnJ3qM.ttf) format("opentype")}@font-face{font-family:Proxima Nova Light;src:url(./proximanova_light.oft) format("truetype");font-display:swap}body{background:linear-gradient(90deg,#06101b,#0e1a26);font-family:Proxima Nova;font-weight:200;color:#fff;min-height:100vh}.mobile-container{max-width:680px;margin:0 auto;height:100vh;display:flex;flex-direction:column}.content{flex:1;overflow-y:auto;padding:10px}.tab-content{display:none;flex-direction:column;gap:20px}.tab-content.active{display:flex}.insideDiv{display:flex;flex-direction:column;gap:20px}h2{font-size:24px}.map-container{background-color:#555;display:flex;justify-content:center;align-items:center;overflow:hidden;height:85vh}.map-image{width:100%;height:100%;object-fit:cover}.leaflet-popup-content-wrapper{background-color:#555!important;color:#fff!important}.leaflet-popup-content-wrapper .leaflet-popup-content{display:flex;flex-direction:column;align-items:center;margin:10px!important}.leaflet-popup-content-wrapper .leaflet-popup-content h3{font-size:15px;margin-bottom:10px}.leaflet-popup-content-wrapper .leaflet-popup-content button{background-color:#007bff;color:#fff;border:none;padding:10px;border-radius:4px;font-size:10px;cursor:pointer}.search-input,.setting-input{width:100%;padding:10px;border:1px solid #555;border-radius:4px;font-size:16px;background-color:#555;color:#fff}.arrival-item,.station-item{background-color:#555;padding:15px;border-radius:8px;color:#fff}.station-list{display:flex;flex-direction:column;gap:10px;height:60vh;overflow-y:scroll;border-radius:8px;margin-top:10px}.station-item{display:flex;align-items:center;gap:15px}.settings{display:flex;flex-direction:column;gap:20px}.settings .setting-item{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.settings .setting-item ul{list-style-type:none;padding:0}.settings .setting-item ul div{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:right}.settings .setting-item ul div input[type=checkbox]{width:20px;height:20px}.settings .setting-item ul div input[type=range]{width:100%}.settings .setting-item ul div label{font-size:16px}.settings .save-button{background-color:#007bff;color:#fff;border:none;padding:10px;border-radius:4px;font-size:16px;cursor:pointer}.bottom-nav{display:flex;justify-content:space-around;background-color:#333;padding:20px 0;border-top:1px solid #555}.bottom-nav button{display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;font-size:12px;color:#ccc}.bottom-nav button.active{color:#007bff}.bottom-nav button span{margin-top:5px}.dark-mode{background-color:#333;color:#fff}.dark-mode .search-input,.dark-mode .setting-input{background-color:#555;color:#fff;border-color:#555}.dark-mode .arrival-item,.dark-mode .station-item{background-color:#555;color:#fff}.dark-mode .save-button{background-color:#007bff;color:#fff}.dark-mode .bottom-nav{background-color:#333;border-top-color:#555}.dark-mode .bottom-nav button{color:#ccc}.dark-mode .bottom-nav button.active{color:#007bff}