html, body { margin: 0; min-height: 100%; background: #151b26; }

#cc-full-desktop {
  --cc-ink: #202738;
  --cc-muted: #515e72;
  --cc-body: #e9ecf2;
  --cc-line: #35445c24;
  color: var(--cc-ink);
  font: 13px/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
  container-type: inline-size;
  text-align: left;
}
#cc-full-desktop * { box-sizing: border-box; }
#cc-full-desktop :is(button, a) { font: inherit; color: inherit; }
#cc-full-desktop [hidden] { display: none !important; }
#cc-full-desktop .cc-scene {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: max(720px, 100svh);
  background: url('/assets/horny-and-sad-bed.jpg') 62% center / cover no-repeat #151b26;
  overflow: hidden;
}
#cc-full-desktop .cc-menu {
  position: relative;
  z-index: 120;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 13px;
  background: #16181eba;
  color: #f1f2f7;
  backdrop-filter: blur(24px) saturate(150%);
  border-bottom: 1px solid #ffffff17;
  font-size: 11px;
  white-space: nowrap;
}
#cc-full-desktop .cc-apple { font-size: 17px; line-height: 1; }
#cc-full-desktop .cc-active-app { font-weight: 650; }
#cc-full-desktop .cc-status { display: flex; align-items: center; gap: 10px; margin-left: auto; }
#cc-full-desktop .cc-status svg { width: 13px; height: 13px; }
#cc-full-desktop .cc-menu details { position: relative; }
#cc-full-desktop .cc-menu summary { list-style: none; padding: 4px 0; }
#cc-full-desktop .cc-menu summary::-webkit-details-marker { display: none; }
#cc-full-desktop .cc-menu-pop {
  position: absolute;
  top: 26px;
  left: -10px;
  display: grid;
  min-width: 156px;
  padding: 5px;
  border: 1px solid #ffffff25;
  border-radius: 8px;
  background: #292c35;
  box-shadow: 0 10px 26px #0007;
}
#cc-full-desktop .cc-menu-pop :is(a, button) { border: 0; background: none; border-radius: 4px; padding: 5px 9px; text-align: left; text-decoration: none; }
#cc-full-desktop .cc-menu-pop :is(a, button):is(:hover, :focus-visible) { background: #305b9f; }
#cc-full-desktop .cc-workspace {
  position: relative;
  flex: 1;
  width: min(100%, 1440px);
  margin: 0 auto;
  padding: 22px clamp(16px, 3.5cqw, 54px) 18px;
  display: grid;
  grid-template-columns: 1.08fr .96fr 1fr;
  align-content: start;
  align-items: start;
  gap: clamp(14px, 2cqw, 28px);
}
#cc-full-desktop .cc-column { display: grid; min-width: 0; gap: 14px; }
#cc-full-desktop .cc-column:nth-child(2) { margin-top: 10px; }
#cc-full-desktop .cc-column:nth-child(3) { margin-top: 15px; }
#cc-full-desktop .cc-window {
  position: relative;
  min-width: 0;
  color: var(--cc-ink);
  overflow: hidden;
  border: 1px solid #ffffff9c;
  border-radius: 11px;
  background: var(--cc-body);
  box-shadow: 0 14px 35px #0007, 0 2px 5px #0006;
}
#cc-full-desktop .cc-window[data-front="true"] { border-color: #fff; box-shadow: 0 19px 42px #0008, 0 2px 5px #0005; }
#cc-full-desktop .cc-window[data-expanded="true"] { position: absolute; inset: 10px 14px; translate: none !important; display: flex; flex-direction: column; }
#cc-full-desktop .cc-window[data-expanded="true"] .cc-body { flex: 1; overflow: auto; }
#cc-full-desktop .cc-titlebar {
  min-height: 33px;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 56px;
  align-items: center;
  padding: 0 9px;
  border-bottom: 1px solid #303a5129;
  background: linear-gradient(#f8f9fc, #d9dfe9);
  color: #353f52;
  cursor: grab;
  touch-action: none;
  user-select: none;
}
#cc-full-desktop .cc-titlebar strong { justify-self: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; font-size: 11px; font-weight: 620; }
#cc-full-desktop .cc-traffic { display: flex; align-items: center; gap: 3px; }
#cc-full-desktop .cc-traffic button {
  position: relative;
  display: grid;
  place-items: center;
  width: 15px;
  height: 26px;
  padding: 0;
  border: 0;
  background: none;
  color: #14151a;
  font-size: 10px;
  font-weight: 700;
}
#cc-full-desktop .cc-traffic button::before { content: ""; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--dot); box-shadow: inset 0 0 0 1px #0002; }
#cc-full-desktop .cc-window[data-front="false"] .cc-traffic:not(:hover) button:not(:focus-visible)::before { background: #b7bdc9; }
#cc-full-desktop .cc-traffic span { position: relative; visibility: hidden; line-height: 1; }
#cc-full-desktop .cc-traffic:hover span, #cc-full-desktop .cc-traffic button:focus-visible span { visibility: visible; }
#cc-full-desktop .cc-body { padding: 12px; }
#cc-full-desktop :is(h2, p, figure) { margin: 0; }
#cc-full-desktop h2 { font-size: 16px; line-height: 1.18; letter-spacing: -.02em; }
#cc-full-desktop .cc-muted { color: var(--cc-muted); font-size: 11px; }
#cc-full-desktop .cc-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#cc-full-desktop .cc-action {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 3px 9px;
  background: #f7f8fb;
  border: 1px solid #3e4c632b;
  border-radius: 6px;
  color: var(--cc-ink);
  font-size: 11px;
  text-decoration: none;
  white-space: nowrap;
}
#cc-full-desktop .cc-action:hover { background: #dce6f7; }
#cc-full-desktop .cc-action.is-primary, #cc-full-desktop .cc-action[aria-pressed="true"] { background: #245bac; color: #fff; }
#cc-full-desktop .cc-action.is-primary:hover, #cc-full-desktop .cc-action[aria-pressed="true"]:hover { background: #1f4e93; }
#cc-full-desktop .cc-action svg { width: 13px; height: 13px; }
#cc-full-desktop .cc-release-body { display: grid; grid-template-columns: minmax(75px, 34%) minmax(0, 1fr); align-items: center; gap: 12px; padding: 15px; }
#cc-full-desktop .cc-cover { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; box-shadow: 0 5px 14px #0008; }
#cc-full-desktop .cc-track { display: grid; gap: 6px; }
#cc-full-desktop .cc-track h2 { font-size: clamp(15px, 2.1cqw, 22px); }
#cc-full-desktop .cc-playlist .cc-body { display: grid; gap: 9px; }
#cc-full-desktop .cc-songs { list-style: none; margin: 0; padding: 0; font-size: 12px; }
#cc-full-desktop .cc-songs li { display: flex; gap: 9px; padding: 4px 5px; }
#cc-full-desktop .cc-songs li:nth-child(odd) { background: #dbe1eb; border-radius: 4px; }
#cc-full-desktop .cc-songs span { color: var(--cc-muted); font-variant-numeric: tabular-nums; }
#cc-full-desktop .cc-video .cc-body { padding: 0; }
#cc-full-desktop .cc-video-card { display: grid; place-items: center; position: relative; width: 100%; min-height: 130px; max-height: 216px; aspect-ratio: 16/9; overflow: hidden; background: #101116; color: #fff; text-decoration: none; }
#cc-full-desktop .cc-video-card img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: .88; }
#cc-full-desktop .cc-video-card .cc-video-play { position: relative; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 1px solid #ffffff65; background: #161820bd; backdrop-filter: blur(8px); }
#cc-full-desktop .cc-video-card:hover .cc-video-play { background: #3561a8; }
#cc-full-desktop .cc-video-caption { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 7px 10px; font-size: 11px; }
#cc-full-desktop .cc-video-caption svg { flex: 0 0 12px; height: 12px; }
#cc-full-desktop .cc-profile { display: flex; justify-content: space-between; gap: 6px; align-items: center; margin-bottom: 8px; }
#cc-full-desktop .cc-profile strong { font-size: 11px; }
#cc-full-desktop .cc-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; }
#cc-full-desktop .cc-gallery a { min-width: 0; display: block; }
#cc-full-desktop .cc-gallery img { display: block; width: 100%; max-height: 82px; aspect-ratio: 1; object-fit: cover; }
#cc-full-desktop .cc-merch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-bottom: 9px; }
#cc-full-desktop .cc-merch-grid a { display: grid; gap: 5px; text-decoration: none; text-align: center; font-size: 11px; }
#cc-full-desktop .cc-merch-grid img { display: block; width: 100%; max-height: 82px; aspect-ratio: 1; object-fit: contain; border-radius: 5px; background: #f8f8f8; }
#cc-full-desktop .cc-list-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
#cc-full-desktop .cc-list-row + .cc-list-row { margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--cc-line); }
#cc-full-desktop .cc-list-row p { margin-top: 2px; }
#cc-full-desktop .cc-substack .cc-body { display: grid; gap: 8px; }
#cc-full-desktop .cc-dock {
  position: relative;
  z-index: 115;
  align-self: center;
  margin: 0 8px 10px;
  color: #f3f4fc;
  display: flex;
  align-items: flex-end;
  gap: 4px;
  padding: 6px 9px 9px;
  border: 1px solid #ffffff59;
  border-radius: 18px;
  background: linear-gradient(#b6bfd24d, #68728754);
  backdrop-filter: blur(28px) saturate(175%);
  box-shadow: inset 0 1px #ffffff38, 0 6px 24px #0006;
}
#cc-full-desktop .cc-dock-app { position: relative; flex: none; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; background: transparent; border: 0; border-radius: 11px; text-decoration: none; }
#cc-full-desktop .cc-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  color: var(--icon-ink, #fff);
  background: var(--icon-bg);
  box-shadow: inset 0 1px #ffffff65, inset 0 -1px #0002, 0 2px 4px #0006;
  transform: translateY(var(--dock-rise, 0px)) scale(var(--dock-scale, 1));
  transform-origin: bottom center;
  transition: transform 145ms ease-out;
  pointer-events: none;
}
#cc-full-desktop .cc-icon svg { width: 25px; height: 25px; stroke-width: 1.9; filter: drop-shadow(0 1px 1px #0003); }
#cc-full-desktop .cc-dock-app[data-running="true"]::after { content: ""; position: absolute; bottom: -5px; left: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background: #f3f4fc; }
#cc-full-desktop .cc-dock-divider { align-self: center; width: 1px; height: 37px; margin: 0 4px; background: #ffffff4a; }
#cc-full-desktop .cc-minimized { display: flex; align-items: flex-end; gap: 4px; }
#cc-full-desktop .cc-mini { width: 30px; height: 26px; margin: 0 1px 5px; display: grid; place-items: center; border: 1px solid #ffffff55; border-top: 6px solid #646c7d; border-radius: 4px; background: #242937; }
#cc-full-desktop .cc-mini svg { width: 14px; height: 14px; }
#cc-full-desktop .cc-mini:hover { background: #3b475f; }
#cc-full-desktop .cc-dock-label { display: none; position: absolute; z-index: 3; bottom: calc(100% + 23px); left: 50%; transform: translateX(-50%); width: max-content; padding: 4px 9px; border-radius: 6px; border: 1px solid #ffffff33; color: #fff; background: #292d38; font-size: 11px; pointer-events: none; }
#cc-full-desktop .cc-dock-app:is(:hover, :focus-visible) { z-index: 4; }
#cc-full-desktop .cc-dock-app:is(:hover, :focus-visible) .cc-dock-label { display: block; }
#cc-full-desktop .cc-dock-app:focus-visible .cc-icon { --dock-scale: 1.13; --dock-rise: -4px; }
@media (prefers-reduced-motion: reduce) { #cc-full-desktop .cc-icon { transition: none; } }
@container (max-width: 800px) {
  #cc-full-desktop .cc-scene {
    --cc-dock-rows: 1;
    background-position: 79% top;
    background-size: auto 780px;
    padding-bottom: calc(16px + var(--cc-dock-rows) * 53px + env(safe-area-inset-bottom));
  }
  #cc-full-desktop .cc-workspace { padding: 15px 12px 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  #cc-full-desktop .cc-column { display: contents; }
  #cc-full-desktop .cc-window, #cc-full-desktop .cc-window[data-expanded="true"] { position: relative; inset: auto; translate: none !important; scroll-margin-top: 12px; }
  #cc-full-desktop .cc-window[data-expanded="true"] { grid-column: 1 / -1; }
  #cc-full-desktop .cc-titlebar { cursor: default; touch-action: auto; grid-template-columns: 72px minmax(0, 1fr) 72px; }
  #cc-full-desktop .cc-traffic { gap: 0; }
  #cc-full-desktop .cc-traffic button { width: 24px; height: 32px; }
  #cc-full-desktop .cc-minimized, #cc-full-desktop .cc-dock-divider { display: none; }
  #cc-full-desktop .cc-dock {
    position: fixed;
    bottom: calc(6px + env(safe-area-inset-bottom));
    left: 50%;
    translate: -50% 0;
    width: min(430px, calc(100% - 12px));
    margin: 0;
    padding: 4px 5px;
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 2px;
    background: #202a3de6;
  }
  #cc-full-desktop .cc-dock-app { width: 100%; height: 49px; grid-template-rows: 32px 14px; align-content: center; }
  #cc-full-desktop .cc-icon { width: 29px; height: 29px; border-radius: 8px; transform: none; }
  #cc-full-desktop .cc-icon svg { width: 18px; height: 18px; }
  #cc-full-desktop .cc-dock-app[data-running="true"]::after { display: none; }
  #cc-full-desktop .cc-dock-app .cc-dock-label {
    display: block;
    position: static;
    transform: none;
    width: auto;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 10px;
    line-height: 1.2;
  }
}
@container (max-width: 520px) {
  #cc-full-desktop .cc-menu { gap: 11px; padding-inline: 9px; }
  #cc-full-desktop .cc-status svg { display: none; }
  #cc-full-desktop .cc-workspace { grid-template-columns: minmax(0, 1fr); }
  #cc-full-desktop .cc-gallery img { max-height: 117px; }
}
@container (max-width: 387px) {
  #cc-full-desktop .cc-scene { --cc-dock-rows: 2; }
  #cc-full-desktop .cc-dock { width: min(300px, calc(100% - 12px)); grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

#cc-full-desktop button, #cc-full-desktop summary { cursor: pointer; }
#cc-full-desktop summary::-webkit-details-marker { display: none; }
#cc-full-desktop .cc-video-card { border: 0; padding: 0; }
#cc-full-desktop .cc-video-caption { text-decoration: none; }
#cc-full-desktop .cc-video-caption:hover { text-decoration: underline; }
#cc-full-desktop .cc-video-frame { aspect-ratio: 16 / 9; background: #101116; }
#cc-full-desktop .cc-video-frame iframe { height: 100%; display: block; }
#cc-full-desktop iframe { width: 100%; border: 0; }
#cc-full-desktop .cc-inline-player { padding: 0 15px 10px; font-size: 11px; }
#cc-full-desktop .cc-inline-player summary { width: fit-content; color: #234f94; }
#cc-full-desktop .cc-inline-player iframe { margin-top: 8px; }
#cc-full-desktop .cc-playlist-player iframe { margin-bottom: 5px; }
#cc-full-desktop [data-stream][aria-expanded="true"] { background: #245bac; color: #fff; }
#cc-full-desktop .cc-list-row { display: block; }
#cc-full-desktop .cc-list-row summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; list-style: none; }
#cc-full-desktop .cc-list-row summary small { display: block; margin-top: 2px; }
#cc-full-desktop .cc-list-row[open] iframe { display: block; margin-top: 10px; }
#cc-full-desktop .kit-body { margin-top: 8px; }
#cc-full-desktop .kit-body .formkit-form { margin: 0; }
#cc-full-desktop .ig-load-more { margin-top: 8px; }
#cc-full-desktop .substack-posts { display: grid; gap: 3px; font-size: 11px; }
#cc-full-desktop .substack-posts a { display: flex; justify-content: space-between; gap: 6px; color: #234f94; text-decoration: none; }
#cc-full-desktop .substack-posts a:hover { text-decoration: underline; }