@media screen and (max-width:768px){.joe_action.mode,.joe_action_item.mode{display:none}.joe_mode_switch{position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.joe_mode_switch_day,.joe_mode_switch_night{font-size:0;width:20px;height:20px;user-select:none;transition:opacity 0.3s ease;position:relative}.joe_mode_switch_day::before{content:'☀️';font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joe_mode_switch_night::before{content:'🌙';font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joe_mode_switch_day{opacity:1;margin-right:5px}.joe_mode_switch_night{opacity:0.5;margin-left:5px}.joe_mode_switch.night .joe_mode_switch_day{opacity:0.5}.joe_mode_switch.night .joe_mode_switch_night{opacity:1}.joe_mode_switch_knob_container{position:relative;width:50px;height:26px;border-radius:13px;background-color:#e6e6e6;transition:background-color 0.3s ease;margin:0 8px}.joe_mode_switch.night .joe_mode_switch_knob_container{background-color:#6b8e23}.joe_mode_switch_knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background-color:white;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.joe_mode_switch.night .joe_mode_switch_knob{transform:translateX(24px);box-shadow:0 2px 6px rgba(107,142,35,0.4)}.joe_mode_switch:active .joe_mode_switch_knob_container{transform:scale(0.95)}.joe_mode_switch:active .joe_mode_switch_knob{transform:scale(1.1)}.joe_mode_switch.night:active .joe_mode_switch_knob{transform:translateX(24px) scale(1.1)}.joe_mode_switch_knob.active{animation:switchBounce 0.3s ease-out}@keyframes switchBounce{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.joe_mode_switch.night .joe_mode_switch_knob.active{animation:switchBounceNight 0.3s ease-out}@keyframes switchBounceNight{0%{transform:translateX(24px) scale(1)}50%{transform:translateX(24px) scale(1.15)}100%{transform:translateX(24px) scale(1)}