@media (max-width: 767px){
  html:has(body.calendar-screenerish){
    height:auto!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body.calendar-screenerish{
    height:auto!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y;
  }
  body.calendar-screenerish #app{
    height:auto!important;
    min-height:100dvh!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-rows:auto auto auto auto!important;
    padding:10px 10px 18px!important;
    gap:10px!important;
  }
  body.calendar-screenerish #app > header{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:12px!important;
    border-radius:22px!important;
  }
  body.calendar-screenerish #headerActions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
  }
  body.calendar-screenerish #headerActions > *{
    width:100%!important;
    min-height:42px!important;
    justify-content:center!important;
    margin:0!important;
  }
  body.calendar-screenerish #mainAppSwitch{
    grid-column:1/-1!important;
  }
  body.calendar-screenerish #quickBuysBtn,
  body.calendar-screenerish #addTaskBtn,
  body.calendar-screenerish #mobileAddTaskBtn{
    align-self:stretch!important;
  }
  body.calendar-screenerish .calendar-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.calendar-screenerish main.surface,
  body.calendar-screenerish #calendarGrid,
  body.calendar-screenerish .calendar-grid{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.calendar-screenerish #grid{
    gap:5px!important;
    padding:8px!important;
    grid-auto-rows:minmax(58px,auto)!important;
    background:linear-gradient(180deg, rgba(248,250,252,.9), rgba(241,245,249,.84))!important;
  }
  body.calendar-screenerish .calendar-day{
    min-height:58px!important;
    padding:7px 6px!important;
    align-content:start!important;
    border:1px solid rgba(148,163,184,.18)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
  }
  body.calendar-screenerish .calendar-day:active{
    transform:scale(.98)!important;
  }
  body.calendar-screenerish .calendar-top-label:first-child{
    width:26px!important;
    height:26px!important;
    font-size:12px!important;
  }
  body.calendar-screenerish .calendar-top-label:last-child{
    min-width:18px!important;
    height:18px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(201,106,24,.12)!important;
    color:#8a4b14!important;
    font-weight:800!important;
  }
  body.calendar-screenerish .calendar-chip{
    display:none!important;
  }
  body.calendar-screenerish #dayAside{
    display:none!important;
  }
  body.calendar-screenerish #mobileBack{
    background:rgba(15,23,42,.42)!important;
    backdrop-filter:blur(5px)!important;
  }
  body.calendar-screenerish #mobileSheet{
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
    max-width:430px!important;
    max-height:min(78dvh,640px)!important;
    transform:translateX(-50%)!important;
    padding:12px!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.78)!important;
    box-shadow:0 28px 70px rgba(15,23,42,.28)!important;
    overflow:hidden!important;
  }
  body.calendar-screenerish #mobileSheet.hidden{
    display:none!important;
  }
  body.calendar-screenerish #mobileSheet > .mb-2{
    margin-bottom:10px!important;
    align-items:center!important;
  }
  body.calendar-screenerish #mobileDayTitle{
    max-width:none!important;
    min-width:0!important;
    font-size:16px!important;
    line-height:1.15!important;
    letter-spacing:-.02em!important;
  }
  body.calendar-screenerish #mobileClose{
    flex:0 0 auto!important;
    min-height:38px!important;
  }
  body.calendar-screenerish #mobileAddTaskBtn{
    min-height:44px!important;
    margin-bottom:10px!important;
    border-radius:18px!important;
    font-weight:850!important;
  }
  body.calendar-screenerish #mobileDayList{
    max-height:calc(min(78dvh,640px) - 124px)!important;
    padding-right:2px!important;
  }
  body.calendar-screenerish #profileModal{
    inset:0!important;
    padding:8px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y!important;
  }
  body.calendar-screenerish #profileModal .profile-shell{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
  }
  body.calendar-screenerish .profile-settings-layout{
    grid-template-columns:1fr!important;
    overflow-x:hidden!important;
  }
  body.calendar-screenerish .profile-settings-nav,
  body.calendar-screenerish .profile-settings-pane,
  body.calendar-screenerish .profile-section{
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
}