body.calendar-screenerish{
  --taste-accent:#c96a18;
  --taste-accent-soft:rgba(201,106,24,.14);
}
html:has(body.calendar-screenerish){
  height:100dvh;
  min-height:100dvh;
  overflow:hidden;
}
body.calendar-screenerish,body.calendar-screenerish body{
  min-height:100dvh;
  height:100dvh;
  overflow:hidden;
}
body.calendar-screenerish #app{
  min-height:100dvh;
  height:100dvh;
  display:grid;
  grid-template-rows:auto auto auto 1fr;
  gap:10px;
  align-content:start;
  max-width:1720px;
  padding:14px 18px 14px;
  overflow:hidden;
}
body.calendar-screenerish #app.hidden,
body.calendar-screenerish #authScreen.hidden,
body.calendar-screenerish #mobileSheet.hidden{
  display:none!important;
}
body.calendar-screenerish #authScreen.flex:not(.hidden){
  display:flex!important;
}
body.calendar-screenerish #app > header{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:20px;
  align-items:start;
  padding:14px 18px;
  border-radius:24px;
  background:
    radial-gradient(circle at 78% 18%, rgba(201,106,24,.14), transparent 28%),
    linear-gradient(150deg, rgba(255,255,255,.98), rgba(244,246,250,.92));
}
body.calendar-screenerish #app > header,
body.calendar-screenerish #installBanner,
body.calendar-screenerish #myDayPanel,
body.calendar-screenerish .calendar-layout{
  margin:0!important;
}
body.calendar-screenerish #app > header > div:first-child{
  max-width:760px;
}
body.calendar-screenerish #app > header > div:first-child > p{
  margin-bottom:8px!important;
  padding:6px 12px!important;
  border-radius:999px;
  background:rgba(255,255,255,.8)!important;
  color:#7c4312!important;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:10px!important;
  font-weight:800;
}
body.calendar-screenerish #app header h2{
  font-size:clamp(2rem,3vw,3.2rem);
  line-height:.95;
  max-width:10ch;
  text-wrap:balance;
  text-transform:lowercase;
  letter-spacing:-.055em;
}
body.calendar-screenerish #welcome{
  max-width:58ch;
  font-size:13px!important;
  line-height:1.35;
  color:#556273!important;
}
body.calendar-screenerish #headerActions{
  display:grid;
  grid-template-columns:repeat(2,max-content);
  justify-content:end;
  align-content:start;
  gap:10px;
  max-width:560px;
  margin-left:auto;
  justify-items:end;
}
body.calendar-screenerish #mainAppSwitch{
  grid-column:1/-1;
  justify-self:end;
  margin-right:6px;
}
body.calendar-screenerish #toggleAsideGlobal{
  display:none!important;
}
body.calendar-screenerish #myDayPanel,
body.calendar-screenerish #weatherCard,
body.calendar-screenerish #myDayCard,
body.calendar-screenerish [data-module="weather"],
body.calendar-screenerish [data-onboard-module="weather"],
body.calendar-screenerish #showMyDayWidgetInput,
body.calendar-screenerish #showWeatherWidgetInput,
body.calendar-screenerish #weatherCityInput,
body.calendar-screenerish #weatherPushEnabledInput,
body.calendar-screenerish #weatherPushTimeInput,
body.calendar-screenerish #timezoneInput{
  display:none!important;
}
body.calendar-screenerish #showMyDayWidgetInput.closest-label,
body.calendar-screenerish #showWeatherWidgetInput.closest-label{
  display:none!important;
}
body.calendar-screenerish .app-switch{
  padding:5px;
  border-radius:18px;
}
body.calendar-screenerish .app-switch-link{
  min-height:34px;
  padding:0 14px;
  border-radius:12px;
}
body.calendar-screenerish #myDayPanel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,260px);
  gap:10px;
  min-height:0;
  max-height:92px;
  padding:10px 12px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,247,251,.94)),
    radial-gradient(circle at top right, rgba(201,106,24,.09), transparent 34%);
  box-shadow:0 24px 58px rgba(15,23,42,.08);
}
body.calendar-screenerish #myDayPanel,
body.calendar-screenerish .calendar-layout{
  min-width:0;
}
body.calendar-screenerish #myDayCard{
  display:grid;
  align-content:start;
  gap:4px;
  min-height:0;
  overflow:hidden;
}
body.calendar-screenerish #myDayTitle{
  font-size:1.12rem;
  line-height:1;
  margin-top:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.calendar-screenerish #myDayList{
  display:block;
  min-height:0;
  overflow:hidden;
  font-size:12px!important;
  line-height:1.3;
}
body.calendar-screenerish .my-day-task{
  border-radius:12px!important;
  padding:7px 9px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:none!important;
}
body.calendar-screenerish #weatherCard{
  display:grid;
  align-content:space-between;
  min-height:0;
  border-radius:14px!important;
  padding:9px!important;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(25,33,47,.98), rgba(36,45,62,.94))!important;
  color:#f8fafc;
  border-color:rgba(255,255,255,.08)!important;
}
body.calendar-screenerish #weatherCard .text-muted,
body.calendar-screenerish #weatherContent{
  color:rgba(226,232,240,.78)!important;
}
body.calendar-screenerish #weatherContent{
  min-height:0!important;
  margin-top:4px!important;
  font-size:11px!important;
  line-height:1.25!important;
}
body.calendar-screenerish #weatherContent .text-4xl{
  font-size:1.4rem!important;
  line-height:1!important;
}
body.calendar-screenerish #weatherContent .mt-2{
  margin-top:3px!important;
}
body.calendar-screenerish .calendar-layout{
  grid-template-columns:minmax(0,1.48fr) minmax(330px,.72fr)!important;
  gap:18px!important;
  align-items:stretch;
  min-height:0;
  height:100%;
  overflow:hidden;
}
body.calendar-screenerish main.surface{
  display:grid;
  grid-template-rows:auto auto 1fr;
  border-radius:34px;
  overflow:hidden;
  min-height:0;
  height:100%;
}
body.calendar-screenerish main.surface > .surface-soft{
  padding:10px 12px!important;
}
body.calendar-screenerish #monthLabel{
  font-size:1rem!important;
  letter-spacing:-.03em;
}
body.calendar-screenerish #grid{
  background:linear-gradient(180deg, rgba(248,250,252,.88), rgba(241,245,249,.82));
  min-height:0;
  height:auto;
  overflow:hidden;
  align-self:stretch;
  grid-template-rows:repeat(6,minmax(0,1fr));
  grid-auto-rows:minmax(0,1fr);
}
body.calendar-screenerish .calendar-day{
  min-height:0;
  padding:6px 7px;
  background:rgba(255,255,255,.56)!important;
}
body.calendar-screenerish .calendar-day:hover{
  transform:translateY(-3px);
}
body.calendar-screenerish .calendar-top-label:first-child{
  width:30px;
  height:30px;
  border-radius:999px;
}
body.calendar-screenerish #dayAside{
  display:grid;
  grid-template-rows:auto auto 1fr;
  gap:8px;
  padding:12px;
  border-radius:24px;
  min-height:0;
  height:100%;
}
body.calendar-screenerish #dayTitle{
  font-size:1.22rem;
  line-height:1;
  letter-spacing:-.045em;
}
body.calendar-screenerish #dayList{
  display:grid;
  gap:12px;
  padding-right:4px;
  min-height:0;
  height:100%;
  max-height:none!important;
  overflow-y:auto!important;
  align-content:start;
}
body.calendar-screenerish #mobileDayList{
  max-height:none!important;
}
body.calendar-screenerish #addTaskBtn{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.calendar-screenerish #dayAside{
  display:grid;
  grid-template-rows:auto auto 1fr;
  min-height:0;
  overflow:hidden;
}
body.calendar-screenerish #mobileSheet{
  display:grid;
  grid-template-rows:auto auto auto 1fr;
}
body.calendar-screenerish #myDayPanel{
  display:none!important;
}
body.calendar-screenerish .task-card{
  border-radius:24px;
  padding:14px!important;
}
body.calendar-screenerish .task-title-main{
  font-size:1rem;
  line-height:1.06;
}
body.calendar-screenerish #taskModal .task-modal-card{
  max-width:920px;
  border-radius:34px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg, rgba(252,252,251,.98), rgba(245,247,251,.96));
  box-shadow:0 34px 84px rgba(15,23,42,.18);
}
body.calendar-screenerish #taskModal .task-modal-head{
  padding:20px 22px;
  border-bottom:1px solid rgba(148,163,184,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,249,252,.76));
}
body.calendar-screenerish #taskModal .task-form-min{
  gap:14px;
  padding:18px;
}
body.calendar-screenerish #taskModal .task-section{
  border:1px solid rgba(148,163,184,.14);
  border-radius:24px;
  background:rgba(255,255,255,.68);
  padding:14px;
}
body.calendar-screenerish #taskModal .task-actions{
  margin-top:4px;
  padding-top:6px;
}
body.calendar-screenerish #taskModal .task-modal-card{
  min-height:0;
}
@media (max-width: 1279px){
  body.calendar-screenerish #app > header{
    grid-template-columns:1fr;
  }
  body.calendar-screenerish #headerActions{
    grid-template-columns:repeat(3,max-content);
    justify-content:start;
    margin-left:0;
  }
  body.calendar-screenerish #mainAppSwitch{
    justify-self:start;
  }
  body.calendar-screenerish #myDayPanel,
  body.calendar-screenerish .calendar-layout{
    grid-template-columns:1fr!important;
  }
  body.calendar-screenerish #app{
    grid-template-rows:auto auto auto auto 1fr;
  }
}
@media (max-width: 767px){
  body.calendar-screenerish #app{
    height:100dvh;
    padding:14px 14px 22px;
  }
  body.calendar-screenerish #app > header{
    padding:20px 18px;
    border-radius:26px;
  }
  body.calendar-screenerish #app header h2{
    font-size:2.4rem;
    max-width:none;
  }
  body.calendar-screenerish #headerActions{
    grid-template-columns:1fr 1fr;
    width:100%;
    max-width:none;
  }
  body.calendar-screenerish #mainAppSwitch{
    grid-column:1/-1;
  }
  body.calendar-screenerish #myDayPanel,
  body.calendar-screenerish #dayAside,
  body.calendar-screenerish main.surface{
    border-radius:24px;
  }
}