#header{background-image:url(/img/bg.jpg);padding:20px 0;display:flex;justify-content:center;align-items:center;height:30px;background-repeat:no-repeat;background-size:cover;box-shadow:2px 2px 5px #0000004d}#header img{width:380px}#weather{display:flex;align-items:center;position:absolute;top:5px;left:30px;height:45px;width:315px;background:#fff;color:#444;padding:8px 14px;font-size:13px;font-family:Arial,Helvetica,sans-serif;box-shadow:2px 2px 5px #0000004d;z-index:9999;border-radius:5px}#temp{font-size:32px;font-weight:700;color:#686868;margin-right:0 px;white-space:nowrap}#weather_icon img{height:95px;width:95px;margin-right:5px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}#weather_content{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;flex-grow:1}#weather_content div{margin-bottom:2px}#weather_prediction_btn{align-self:flex-start;margin-top:2px;padding:3px 10px;font-size:12px;color:#000;background:linear-gradient(to right,#ff5e62b3,#ff9966b3);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}#weather_prediction_btn:hover{background:linear-gradient(to right,#ea2f33b3,#f57534b3)}#journey_planner{position:absolute;bottom:15px;right:25px;width:280px;background:#fbfbfb;color:#4e937d;padding:10px 15px 15px;z-index:9999;border-radius:5px;box-shadow:2px 0 5px #0000004d;font-family:Arial,Helvetica,sans-serif}#title{width:310px;height:auto;display:block;margin:-10px -15px 25px;border-top-left-radius:5px;border-top-right-radius:5px}#search_wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;position:relative;z-index:9999}#journey_planner input[type=text]{flex-grow:1;padding:6px 8px;font-size:14px;border:1px solid #ccc;border-radius:3px;position:relative;z-index:9999}#journey_planner #search_btn{margin-left:0;padding:9px 8px;font-size:14px;background-color:#5ec7b3;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}#journey_planner #search_btn:hover{background:linear-gradient(to right,#ff5e62,#f96)}#journey_planner label{font-size:14px;font-weight:700;display:block;margin-top:10px;margin-bottom:5px;color:#5b9a8b}#journey_planner select{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:3px;margin-bottom:17px}#journey_planner #go_btn{width:100%;padding:10px 0;background:linear-gradient(to right,#55c5c1,#3bbda1);color:#fff;font-size:15px;margin-bottom:10px;margin-top:5px;font-weight:700;border:none;border-radius:4px;cursor:pointer}#journey_planner #go_btn:hover{background:linear-gradient(to right,#ff5e62,#f96)}#stand_info{margin:-3px 5px 5px;font-size:14px;font-family:Arial,sans-serif;width:280px;padding-top:0}#stand_info h2{color:#e6713f;font-size:17px;margin-bottom:26px;margin-top:6px}#stand_info h4{color:#0da05c;font-size:14px;margin:0 0 20px;font-weight:700}#stand_info img{vertical-align:middle;margin-left:5px;height:20px;width:20px}#ml_prediction_btn{margin-top:18px;cursor:pointer;padding:8px 10px;border-radius:4px;font-size:15px;color:#000;background:linear-gradient(to right,#ff5e62b3,#ff9966b3);border:1px solid rgba(211,211,211,.6);width:100%}#ml_prediction_btn:hover{background:linear-gradient(to right,#ea2f33b3,#f57534b3)}#stand_info div{margin-bottom:0;line-height:1.2}#stand_info .value{font-weight:400;font-size:14px;margin-left:4px}.plan-btn{cursor:pointer;width:48%;background:linear-gradient(to right,#6ebbc6,#3cbca0);color:#fff;font-size:14px;border:none;margin-top:10px;border-radius:3px;padding:8px}.plan-btn:hover{background:linear-gradient(to right,#ff5e62,#f96)}.label{font-size:15px;margin-bottom:5px;margin-right:10px;display:inline-block}.plan-btn.disabled{background:#e3e3e3!important;color:#666!important;cursor:not-allowed!important;box-shadow:none}.toggle-overlay-buttons{position:absolute;top:85px;right:25px;display:flex;flex-direction:row;gap:8px;z-index:9999}.toggle-overlay-buttons button{width:100px;height:26px;font-size:14px;border:2px solid white;border-radius:20px;border-color:#fff;background:#ff9966b3;color:#fff;cursor:pointer}.toggle-overlay-buttons button:hover{background:linear-gradient(to right,#ff5e62,#f96)}.toggle-overlay-buttons button.active{border:2px solid #e44900;background:linear-gradient(to right,#ff5e62,#f96)}.legend-container{position:absolute;top:130px;right:25px;width:70px;background:#fff9;padding:10px 14px;border-radius:8px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;z-index:10;font-size:12px;color:#5a5a5a;font-family:Arial,sans-serif}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:16px;height:16px;border-radius:50%;border:1px solid #fff;display:inline-block;margin-right:5px;opacity:.65}.ml-modal-backdrop{position:fixed;top:70px;width:420px;height:calc(100vh - 70px);padding:7px 15px;background-color:#fff;z-index:9999;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;gap:2px}.title{font-family:Inter,sans-serif;font-size:20px;font-weight:600;color:#209ca3;margin-bottom:5px;margin-top:5px}.section-divider{border:none;border-bottom:1px solid #ccc;margin:5px 0 12px}.ml-modal-content{display:flex;flex-direction:column;height:100%;padding:10px;border-radius:8px}.close-btn{position:absolute;top:0;right:0;cursor:pointer;font-size:22px;color:#404040;border:none;padding:0 6px;background-color:#fff}.ml-select-group{display:flex;align-items:center;margin-top:10px;margin-right:0;margin-bottom:15px}.ml-select-group label{font-size:17px;width:70px;margin-right:8px}.ml-select-group select{flex:1;border:1px solid #ccc;border-radius:2px;height:30px;background-color:#f9f9f9;padding:4px 8px;font-size:14px}.ml-chart-container{flex:1;display:flex;flex-direction:column;margin-top:10px;gap:0px;overflow-y:hidden}.chart-wrapper{flex:1}#weather_more{position:fixed;top:70px;height:calc(100vh - 70px);width:420px;padding:8px 15px;background-color:#fff;z-index:100;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;gap:10px}.close{position:absolute;top:0;right:0;cursor:pointer;font-size:22px;color:#404040;border:none;padding:0 6px}#weather_condition{display:flex;justify-content:start;align-items:center;height:75px;padding-left:5px;overflow-x:auto}.forecast_icon{text-align:center;margin-right:4px;font-size:13px}.forecast_icon img{height:46px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}#weather_temperature,#weather_wind{flex:1;overflow:hidden}html,body{margin:0;padding:0;height:100%;overflow:hidden}