html.horizon-live{
  --horizon-grad-a:rgba(251,146,60,.20);
  --horizon-grad-b:rgba(236,72,153,.16);
  --horizon-bg-1:#fff7ed;
  --horizon-bg-2:#fff7fb;
  --horizon-bg-3:#f4f7ff;
  --horizon-brand-1:#fb923c;
  --horizon-brand-2:#ec4899;
}
html.horizon-live[data-horizon-palette="mint"]{
  --horizon-grad-a:rgba(20,184,166,.20);
  --horizon-grad-b:rgba(34,197,94,.15);
  --horizon-bg-1:#ecfdf5;
  --horizon-bg-2:#f0fdfa;
  --horizon-bg-3:#f7fee7;
  --horizon-brand-1:#0f766e;
  --horizon-brand-2:#22c55e;
  --accent:#0f766e;
  --accent-2:#22c55e;
  --accent-soft:rgba(15,118,110,.12);
}
html.horizon-live[data-horizon-palette="berry"]{
  --horizon-grad-a:rgba(244,63,94,.18);
  --horizon-grad-b:rgba(168,85,247,.18);
  --horizon-bg-1:#fff1f2;
  --horizon-bg-2:#fdf2f8;
  --horizon-bg-3:#f5f3ff;
  --horizon-brand-1:#e11d48;
  --horizon-brand-2:#8b5cf6;
  --accent:#e11d48;
  --accent-2:#8b5cf6;
  --accent-soft:rgba(225,29,72,.12);
}
html.horizon-live[data-horizon-palette="sand"]{
  --horizon-grad-a:rgba(180,83,9,.18);
  --horizon-grad-b:rgba(234,179,8,.14);
  --horizon-bg-1:#fffbeb;
  --horizon-bg-2:#fef3c7;
  --horizon-bg-3:#fff7ed;
  --horizon-brand-1:#b45309;
  --horizon-brand-2:#d97706;
  --accent:#b45309;
  --accent-2:#d97706;
  --accent-soft:rgba(180,83,9,.12);
}
html.horizon-live[data-horizon-palette="sky"]{
  --horizon-grad-a:rgba(14,165,233,.20);
  --horizon-grad-b:rgba(99,102,241,.16);
  --horizon-bg-1:#eff6ff;
  --horizon-bg-2:#f0f9ff;
  --horizon-bg-3:#eef2ff;
  --horizon-brand-1:#0284c7;
  --horizon-brand-2:#4f46e5;
  --accent:#0284c7;
  --accent-2:#4f46e5;
  --accent-soft:rgba(2,132,199,.12);
}
html.horizon-live[data-horizon-palette="graphite"]{
  --horizon-grad-a:rgba(96,165,250,.12);
  --horizon-grad-b:rgba(148,163,184,.10);
  --horizon-bg-1:#101827;
  --horizon-bg-2:#111827;
  --horizon-bg-3:#0f172a;
  --horizon-brand-1:#60a5fa;
  --horizon-brand-2:#94a3b8;
  --bg:#0f172a;
  --panel:rgba(15,23,42,.86);
  --panel-2:#111827;
  --panel-3:#182234;
  --text:#f8fafc;
  --muted:#a9b6c9;
  --border:rgba(255,255,255,.10);
  --accent:#60a5fa;
  --accent-2:#94a3b8;
  --accent-soft:rgba(96,165,250,.16);
  --shadow:0 28px 80px rgba(0,0,0,.34);
}
html.horizon-live body{
  background:
    radial-gradient(circle at 8% 8%, var(--horizon-grad-a), transparent 24%),
    radial-gradient(circle at 92% 6%, var(--horizon-grad-b), transparent 22%),
    linear-gradient(135deg,var(--horizon-bg-1),var(--horizon-bg-2) 45%,var(--horizon-bg-3))!important;
  overflow-x:hidden;
}
html.horizon-live #app{
  max-width:1580px!important;
  padding:14px!important;
}
html.horizon-live #app > header.horizon-original-header{
  display:none!important;
}
.horizon-topbar{
  display:grid;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:0 0 14px;
  padding:10px;
  border:1px solid rgba(255,255,255,.70);
  border-radius:30px;
  background:rgba(255,255,255,.58);
  box-shadow:0 22px 70px rgba(124,58,237,.10);
  backdrop-filter:blur(24px);
}
html[data-horizon-palette="graphite"] .horizon-topbar{
  background:rgba(15,23,42,.62);
  border-color:rgba(255,255,255,.10);
}
.horizon-brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.horizon-brand-mark{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--horizon-brand-1),var(--horizon-brand-2));
  color:#fff;
  font-weight:950;
  letter-spacing:-.08em;
  box-shadow:0 14px 34px color-mix(in srgb,var(--horizon-brand-2) 28%,transparent);
}
.horizon-brand strong{
  display:block;
  color:var(--text);
  font-size:16px;
  line-height:1;
}
.horizon-brand em{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  font-style:normal;
  letter-spacing:.03em;
}
.horizon-nav{
  display:flex;
  justify-content:center;
  min-width:0;
}
.horizon-nav .app-switch{
  display:flex!important;
  width:auto!important;
  max-width:100%;
  padding:4px;
  border-radius:999px;
  background:rgba(255,255,255,.56);
  overflow:auto;
}
html[data-horizon-palette="graphite"] .horizon-nav .app-switch{
  background:rgba(255,255,255,.07);
}
.horizon-nav .app-switch-link{
  min-height:36px;
  border-radius:999px;
  white-space:nowrap;
}
.horizon-profile{
  display:flex;
  justify-content:flex-end;
}
.horizon-profile #avatarMenuBtn{
  display:grid!important;
  place-items:center;
  width:52px;
  height:52px;
  padding:0!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.70)!important;
  box-shadow:0 14px 34px rgba(124,58,237,.12);
  overflow:hidden;
}
.horizon-profile #avatarMenuBtn::before,
.horizon-profile #avatarMenuBtn::after{
  display:none!important;
}
.horizon-profile #avatarCircle{
  width:44px!important;
  height:44px!important;
  display:block;
  margin:0!important;
  object-fit:cover;
}
.horizon-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.66);
  border-radius:30px;
  background:rgba(255,255,255,.42);
  box-shadow:0 18px 50px rgba(124,58,237,.07);
  backdrop-filter:blur(20px);
}
html[data-horizon-palette="graphite"] .horizon-actions{
  background:rgba(15,23,42,.46);
  border-color:rgba(255,255,255,.10);
}
.horizon-status{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:0 16px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);
  border-radius:999px;
  background:rgba(255,255,255,.66);
  color:var(--muted);
}
html[data-horizon-palette="graphite"] .horizon-status{
  background:rgba(255,255,255,.06);
}
.horizon-status span{
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--accent);
}
.horizon-status strong{
  color:var(--text);
  font-size:14px;
  line-height:1;
}
.horizon-action-buttons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.horizon-action-buttons > *{
  width:auto!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  font-size:13px!important;
  box-shadow:0 12px 30px rgba(124,58,237,.08);
}
html.horizon-live .calendar-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.75fr) minmax(320px,.65fr)!important;
  align-items:start;
  gap:18px!important;
}
html.horizon-live main.surface{
  position:relative;
  min-height:calc(100vh - 176px);
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:42px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72)),
    radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 30%)!important;
  box-shadow:0 34px 100px rgba(124,58,237,.14)!important;
  overflow:hidden;
}
html[data-horizon-palette="graphite"] main.surface{
  background:
    linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.68)),
    radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 30%)!important;
}
html.horizon-live main.surface > .surface-soft:first-child{
  border:0!important;
  background:transparent!important;
  padding:14px 16px!important;
}
html.horizon-live #monthLabel{
  font-size:22px;
  font-weight:900;
  letter-spacing:-.04em;
}
html.horizon-live #grid{
  gap:10px;
  padding:12px;
  background:transparent;
}
html.horizon-live .calendar-day{
  min-height:118px;
  border-radius:28px!important;
  border:1px solid rgba(124,58,237,.08)!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 12px 30px rgba(124,58,237,.06);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
html[data-horizon-palette="graphite"] .calendar-day{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.08)!important;
}
html.horizon-live .calendar-day:hover{
  transform:translateY(-3px) rotate(-.25deg);
  background:#fff!important;
  box-shadow:0 18px 44px rgba(124,58,237,.12);
}
html[data-horizon-palette="graphite"] .calendar-day:hover{
  background:rgba(255,255,255,.09)!important;
}
html.horizon-live .calendar-chip{
  border-radius:999px!important;
  box-shadow:none!important;
}
.horizon-pinboard{
  display:grid;
  gap:14px;
  position:sticky;
  top:14px;
}
.horizon-pinboard-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  padding:0 4px;
}
.horizon-pinboard-head span{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.horizon-pinboard-head strong{
  font-size:24px;
  letter-spacing:-.06em;
}
.horizon-pinboard-widgets{
  display:grid;
  gap:14px;
}
html.horizon-live #myDayPanel,
html.horizon-live #dayAside{
  display:grid!important;
  width:100%;
  margin:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.70)!important;
  box-shadow:0 24px 70px rgba(124,58,237,.10)!important;
  backdrop-filter:blur(22px);
}
html[data-horizon-palette="graphite"] #myDayPanel,
html[data-horizon-palette="graphite"] #dayAside{
  background:rgba(15,23,42,.70)!important;
  border-color:rgba(255,255,255,.10)!important;
}
html.horizon-live #myDayPanel.hidden,
html.horizon-live #myDayCard.hidden,
html.horizon-live #weatherCard.hidden{
  display:none!important;
}
html.horizon-live #myDayPanel{
  padding:14px!important;
  grid-template-columns:1fr!important;
}
html.horizon-live #dayAside{
  padding:14px!important;
}
html.horizon-live #dayAside #addTaskBtn{
  display:none!important;
}
html.horizon-live #dayList{
  max-height:46vh!important;
}
html.horizon-live .weather-widget{
  min-height:132px;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 30%),
    rgba(255,255,255,.62)!important;
}
html[data-horizon-palette="graphite"] .weather-widget{
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent-2) 15%,transparent),transparent 30%),
    rgba(255,255,255,.06)!important;
}
.horizon-palette-field{
  margin-top:12px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--panel-3);
}
.horizon-palette-field select{
  margin-top:8px;
  padding:12px 14px;
}
@media (max-width:1023px){
  .horizon-topbar{
    grid-template-columns:1fr auto;
    border-radius:24px;
  }
  .horizon-nav{
    grid-column:1/-1;
    justify-content:flex-start;
    order:3;
  }
  .horizon-brand-mark{
    width:42px;
    height:42px;
    border-radius:16px;
  }
  .horizon-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .horizon-status{
    justify-content:space-between;
  }
  .horizon-action-buttons{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .horizon-action-buttons > *{
    width:100%!important;
  }
  html.horizon-live .calendar-layout{
    grid-template-columns:1fr!important;
  }
  .horizon-pinboard{
    position:relative;
    top:auto;
    order:-1;
  }
  html.horizon-live main.surface{
    min-height:auto;
    border-radius:28px!important;
  }
  html.horizon-live .calendar-day{
    min-height:92px;
    border-radius:18px!important;
  }
}