body.calendar-screenerish{
  background:
    radial-gradient(circle at top left, rgba(245,158,11,.15), transparent 34%),
    radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 28%),
    linear-gradient(180deg, #f7f6f1 0%, #eef2f7 42%, #f5f7fb 100%);
  color:#18212f;
}
body.calendar-screenerish #app{
  max-width:1660px;
  padding:18px 20px 24px;
}
body.calendar-screenerish #app > header{
  padding:20px 24px;
  border-radius:30px;
  border:1px solid rgba(148,163,184,.18);
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,248,251,.9)),
    radial-gradient(circle at top right, rgba(245,158,11,.12), transparent 38%);
  box-shadow:0 24px 64px rgba(15,23,42,.08);
}
body.calendar-screenerish #app header h2,
body.calendar-screenerish #myDayTitle,
body.calendar-screenerish .task-title-main,
body.calendar-screenerish .profile-section-title,
body.calendar-screenerish #taskModalTitle{
  letter-spacing:-.055em;
}
body.calendar-screenerish #app header h2{
  font-size:clamp(2.25rem,3.6vw,3.55rem);
  line-height:.92;
}
body.calendar-screenerish .app-switch{
  background:rgba(255,255,255,.9);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
body.calendar-screenerish .app-switch-link{
  font-weight:800;
  letter-spacing:-.01em;
}
body.calendar-screenerish .app-switch-link.active,
body.calendar-screenerish .app-switch-link[aria-current="page"]{
  background:linear-gradient(135deg, #f97316, #fb923c);
  color:#fff;
  box-shadow:0 14px 26px rgba(249,115,22,.24);
}
body.calendar-screenerish .header-pill,
body.calendar-screenerish .profile-nav-btn,
body.calendar-screenerish button,
body.calendar-screenerish .btn{
  letter-spacing:-.01em;
}
body.calendar-screenerish main.surface,
body.calendar-screenerish #dayAside,
body.calendar-screenerish .profile-section,
body.calendar-screenerish .profile-hero{
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,249,252,.92));
  box-shadow:0 18px 42px rgba(15,23,42,.06);
}
body.calendar-screenerish main.surface{
  border-radius:28px;
}
body.calendar-screenerish #dayAside{
  border-radius:28px;
}
body.calendar-screenerish .calendar-day{
  min-height:76px;
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(244,247,251,.88));
}
body.calendar-screenerish .calendar-day.is-today,
body.calendar-screenerish .calendar-day.today{
  border-color:rgba(249,115,22,.28);
  box-shadow:inset 0 0 0 1px rgba(249,115,22,.14), 0 18px 32px rgba(249,115,22,.08);
}
body.calendar-screenerish .calendar-chip{
  border-radius:10px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
}
body.calendar-screenerish .task-card{
  border:1px solid rgba(148,163,184,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(247,249,252,.95)),
    radial-gradient(circle at top right, rgba(245,158,11,.1), transparent 32%);
  box-shadow:0 18px 38px rgba(15,23,42,.07);
}
body.calendar-screenerish .task-title-main{
  font-size:15px;
  line-height:1.08;
}
body.calendar-screenerish .field,
body.calendar-screenerish select,
body.calendar-screenerish textarea,
body.calendar-screenerish input{
  border:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
body.calendar-screenerish .profile-shell{
  max-width:1080px!important;
}
body.calendar-screenerish .profile-hero{
  padding:20px 22px;
  border-radius:26px;
}
body.calendar-screenerish .profile-settings-nav{
  padding:12px;
  border-radius:20px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(148,163,184,.16);
}
body.calendar-screenerish .profile-nav-btn{
  min-height:42px;
  border-radius:14px;
}
body.calendar-screenerish .profile-nav-btn.active{
  background:linear-gradient(135deg, #f97316, #fb923c);
  color:#fff;
  box-shadow:0 12px 24px rgba(249,115,22,.22);
}
body.calendar-screenerish .profile-settings-pane{
  gap:14px;
}
body.calendar-screenerish .profile-section{
  border-radius:20px;
  padding:16px;
}
@media (max-width: 900px){
  body.calendar-screenerish #app{
    padding:14px 14px 20px;
  }
  body.calendar-screenerish #app > header{
    padding:16px 16px 18px;
    border-radius:24px;
  }
  body.calendar-screenerish main.surface,
  body.calendar-screenerish #dayAside{
    border-radius:22px;
  }
}