/* The Post Manager appearance control, with identical artwork and motion. */

html .post-manager-appearance {
  align-items: center;
  display: flex;
  gap: 5px;
  position: relative;
}
html .post-manager-appearance .theme-toggle {
  -webkit-backdrop-filter: blur(9px) saturate(190%);
  backdrop-filter: blur(9px) saturate(190%);
  background: var(--theme-track);
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 999px;
  box-shadow: 0 9px 22px rgba(12,46,71,.22),0 1px 3px rgba(8,26,40,.16),inset 0 2px 2px rgba(255,255,255,.96),inset 0 -3px 7px rgba(17,59,91,.25);
  cursor: grab;
  height: 48px;
  isolation: isolate;
  overflow: hidden;
  padding: 0;
  position: relative;
  touch-action: none;
  transition: background .68s cubic-bezier(.2,.8,.2,1),border-color .42s ease,box-shadow .5s ease;
  user-select: none;
  width: 94px;
}
html .post-manager-appearance .theme-toggle .theme-sky { inset: 0; overflow: hidden; pointer-events: none; position: absolute; }
html .post-manager-appearance .theme-toggle .theme-sky::before {
  background: repeating-radial-gradient(ellipse at 108% 50%,transparent 0 12px,rgba(255,255,255,.09) 13px 22px);
  content: "";
  inset: -22px -12px -22px 32px;
  opacity: calc(.9 - var(--theme-progress) * .45);
  position: absolute;
  transform: translateX(calc(var(--theme-progress) * -8px));
}
html .post-manager-appearance .theme-toggle .theme-sky::after {
  background:
    radial-gradient(circle at 9% 24%,rgba(255,255,255,.98) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 20% 72%,rgba(191,224,255,.92) 0 .8px,transparent 1.5px),
    radial-gradient(circle at 34% 39%,rgba(255,255,255,.9) 0 .7px,transparent 1.35px),
    radial-gradient(circle at 45% 13%,rgba(221,207,255,.92) 0 1px,transparent 1.7px),
    radial-gradient(circle at 56% 68%,rgba(255,255,255,.95) 0 1.1px,transparent 1.8px),
    radial-gradient(circle at 69% 31%,rgba(173,222,255,.9) 0 .7px,transparent 1.4px),
    radial-gradient(circle at 82% 78%,rgba(255,255,255,.9) 0 .8px,transparent 1.5px),
    radial-gradient(circle at 91% 18%,rgba(230,216,255,.95) 0 1.1px,transparent 1.8px);
  content: "";
  inset: 0;
  opacity: var(--theme-progress);
  position: absolute;
  transform: translateY(calc((1 - var(--theme-progress)) * 9px)) rotate(calc((1 - var(--theme-progress)) * -8deg));
  transition: opacity .52s ease,transform .68s cubic-bezier(.2,.8,.2,1);
}
html .post-manager-appearance .theme-toggle .theme-stars {
  background:
    radial-gradient(ellipse at 26% 42%,rgba(80,144,223,.5),transparent 38%),
    radial-gradient(ellipse at 63% 68%,rgba(119,76,181,.38),transparent 43%),
    linear-gradient(118deg,transparent 20%,rgba(119,174,224,.16) 44%,rgba(164,110,205,.12) 56%,transparent 78%);
  filter: saturate(1.18);
  inset: 0;
  opacity: var(--theme-progress);
  position: absolute;
  transform: translateX(calc((1 - var(--theme-progress)) * 12px)) scale(1.06);
  transition: opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1);
}
html .post-manager-appearance .theme-toggle .theme-stars::before {
  background: rgba(240,249,255,.98);
  clip-path: polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
  content: "";
  filter: drop-shadow(0 0 4px rgba(184,222,255,.9));
  height: 8px;
  left: 14px;
  position: absolute;
  top: 7px;
  transform: rotate(8deg);
  width: 8px;
}
html .post-manager-appearance .theme-toggle .theme-stars::after {
  background: rgba(255,255,255,.95);
  clip-path: polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
  content: "";
  filter: drop-shadow(0 0 3px rgba(217,204,255,.9));
  height: 5px;
  left: 43px;
  position: absolute;
  top: 29px;
  transform: rotate(-12deg);
  width: 5px;
}
html .post-manager-appearance .theme-toggle .theme-cloud {
  background: rgba(255,255,255,.88);
  border-radius: 999px;
  bottom: 5px;
  box-shadow: 8px -5px 0 1px rgba(255,255,255,.92),17px 1px 0 2px rgba(255,255,255,.78),27px -3px 0 -1px rgba(255,255,255,.7);
  height: 8px;
  left: 43px;
  opacity: calc(1 - var(--theme-progress));
  position: absolute;
  transition: opacity .42s ease,transform .68s cubic-bezier(.2,.8,.2,1);
  width: 21px;
  transform: translateX(calc(var(--theme-progress) * 18px)) scale(calc(1 - var(--theme-progress) * .18));
}
html .post-manager-appearance .theme-toggle .theme-orb {
  background: linear-gradient(145deg,#fff67b,#ffd31c 65%,#dda600);
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 50%;
  box-shadow: 0 5px 12px rgba(6,25,39,.35),0 0 15px rgba(255,221,35,.5),inset 2px 2px 3px rgba(255,255,255,.9),inset -2px -3px 5px rgba(145,96,0,.22);
  height: 40px;
  left: 3px;
  pointer-events: none;
  position: absolute;
  top: 3px;
  transform: translateX(calc(var(--theme-progress) * 46px)) rotate(calc(var(--theme-progress) * 180deg));
  transition: transform .72s cubic-bezier(.18,1.18,.24,1),background .52s ease,box-shadow .52s ease;
  width: 40px;
  z-index: 2;
}
html .post-manager-appearance .theme-toggle .theme-sun,
html .post-manager-appearance .theme-toggle .theme-moon { border-radius:50%; inset:0; position:absolute; transition:opacity .35s ease,transform .52s ease; }
html .post-manager-appearance .theme-toggle .theme-sun { background: radial-gradient(circle at 35% 30%,#fff9a8,#ffdc23 58%,#dda200); opacity: calc(1 - var(--theme-progress)); transform: scale(calc(1 - var(--theme-progress) * .18)); }
html .post-manager-appearance .theme-toggle .theme-moon { background: radial-gradient(circle at 35% 28%,#fafcff,#dbe2e8 62%,#9ba8b2); opacity: var(--theme-progress); transform: scale(calc(.82 + var(--theme-progress) * .18)); }
html .post-manager-appearance .theme-toggle .theme-moon::before,
html .post-manager-appearance .theme-toggle .theme-moon::after { background:rgba(114,129,141,.42); border-radius:50%; content:""; position:absolute; }
html .post-manager-appearance .theme-toggle .theme-moon::before { box-shadow:15px 8px 0 -2px rgba(114,129,141,.34),7px 20px 0 -3px rgba(114,129,141,.36); height:8px; left:10px; top:8px; width:8px; }
html .post-manager-appearance .theme-toggle .theme-moon::after { height:5px; right:7px; top:18px; width:5px; }
html .post-manager-appearance[data-mode="dark"] .theme-toggle { border-color: rgba(211,238,252,.46); box-shadow: 0 9px 24px rgba(0,0,0,.36),inset 0 1px 2px rgba(255,255,255,.32),inset 0 -3px 7px rgba(0,0,0,.38); }
html .post-manager-appearance[data-mode="dark"] .theme-orb { background:linear-gradient(145deg,#f8fbff,#dce3e8 62%,#9aa8b3); box-shadow:0 5px 14px rgba(0,0,0,.44),0 0 13px rgba(215,236,255,.3),inset 2px 2px 3px rgba(255,255,255,.95),inset -2px -3px 5px rgba(47,64,77,.2); }
html .post-manager-appearance.is-click-transition .theme-toggle { transition-duration: 1.16s,.72s,.9s; }
html .post-manager-appearance.is-click-transition .theme-sky::after { transition-duration: .96s,1.2s; }
html .post-manager-appearance.is-click-transition .theme-stars { transition-duration: .92s,1.22s; }
html .post-manager-appearance.is-click-transition .theme-cloud { transition-duration: .84s,1.18s; }
html .post-manager-appearance.is-click-transition .theme-orb { transition-duration: 1.2s,.86s,.86s; }
html .post-manager-appearance.is-click-transition .theme-sun,
html .post-manager-appearance.is-click-transition .theme-moon { transition-duration: .7s,.96s; }
html .post-manager-appearance.is-dragging .theme-toggle { cursor:grabbing; }
html .post-manager-appearance.is-dragging .theme-toggle,
html .post-manager-appearance.is-dragging .theme-sky::after,
html .post-manager-appearance.is-dragging .theme-stars,
html .post-manager-appearance.is-dragging .theme-cloud,
html .post-manager-appearance.is-dragging .theme-orb,
html .post-manager-appearance.is-dragging .theme-sun,
html .post-manager-appearance.is-dragging .theme-moon { transition:none; }
html .post-manager-appearance .theme-auto {
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 999px;
  color: var(--slate);
  cursor: pointer;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .06em;
  min-height: 26px;
  padding: 0 7px;
  text-transform: uppercase;
  transition: background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease;
}
html .post-manager-appearance .theme-auto[aria-pressed="true"] { background: rgba(255,212,0,.22); border-color: rgba(255,212,0,.62); box-shadow: 0 0 11px rgba(255,212,0,.16),inset 0 1px rgba(255,255,255,.58); color: var(--ink); }
html .post-manager-appearance .theme-toggle:focus-visible,
html .post-manager-appearance .theme-auto:focus-visible { outline: 2px solid var(--yellow); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
html .post-manager-appearance .theme-toggle,
html .post-manager-appearance .theme-toggle *,
html .post-manager-appearance .theme-auto { transition-duration: .01ms !important; }
}


/* Post Manager's final sizing and theme overrides, scoped to the main site. */
html .post-manager-appearance{--orb-travel:46px;--slate:var(--muted);--ink:var(--text);--yellow:#9782e3;gap:8px}
html .post-manager-appearance .theme-toggle{--orb-travel:46px;transform:scale(.85);transform-origin:right center;margin-left:-14px;background:var(--theme-track)}
html[data-theme] .post-manager-appearance .theme-toggle{background:var(--theme-track)}
html .post-manager-appearance .theme-toggle .theme-orb>.theme-sun,html .post-manager-appearance .theme-toggle .theme-orb>.theme-moon{width:100%;height:100%;left:0;top:0;box-shadow:none}
html .post-manager-appearance .theme-auto{font-size:12px;color:var(--muted);min-height:30px}
html .post-manager-appearance .theme-auto[aria-pressed=true]{background:#c3b9fa55;border-color:#a394e788;color:var(--text);box-shadow:inset 0 1px #fff9}
html[data-theme=dark] .post-manager-appearance .theme-auto[aria-pressed=true]{color:#e2ddff;box-shadow:inset 0 1px #ffffff22}
@media(max-width:767px){html .post-manager-appearance .theme-toggle{transform:scale(.75);margin-left:-23px}html .post-manager-appearance{gap:2px}}