/* Poster-derived light sits behind the reading plane of each work. */
.app.work-atmosphere {
  --action-fill: linear-gradient(145deg, color-mix(in srgb, var(--work-accent) 48%, #10121a), color-mix(in srgb, var(--work-primary) 52%, #0b0d14));
  --action-line: color-mix(in srgb, var(--work-accent) 38%, transparent);
  background: radial-gradient(ellipse 100% 65% at 0 0, color-mix(in srgb, var(--work-primary) 25%, transparent), transparent 86%), #090a0d;
}
.app.work-atmosphere .ambient-lights i:nth-child(1) {
  width: 630px; height: 690px; top: -240px; left: -250px; opacity: .9;
}
.app.work-atmosphere .ambient-lights i:nth-child(2) {
  width: 520px; height: 510px; top: -140px; right: -270px; opacity: .72;
}
.app.work-atmosphere :is(.availability-panel,.shared-panel) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--work-primary) 15%, #151820b0), #11131ba3 75%);
  border-color: color-mix(in srgb, var(--work-accent) 20%, #ffffff0a);
}
.app.work-atmosphere .detail-status .status-tile {
  background: linear-gradient(135deg, color-mix(in srgb, var(--work-secondary) 26%, #171b25), #131720);
}
.app.work-atmosphere .tabs button[aria-selected=true] {
  background: color-mix(in srgb, var(--work-accent) 18%, #131620);
  border-color: color-mix(in srgb, var(--work-accent) 35%, #ffffff08);
}
.note-share-entry { display: flex; align-items: center; justify-content: space-between; gap: 11px; margin-top: 12px; min-height: 57px; text-align: left; padding: 11px 15px; }
.note-share-entry>svg { width: 20px; height: 20px; color: var(--work-accent, #a8bed5); flex-shrink: 0; }
.note-share-entry>span { flex: 1; font-size: 13px; }
.note-share-entry small { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; }
.post-actions .share-note-btn { margin-left: 7px; }
@media (prefers-reduced-transparency: reduce) {
  .app.work-atmosphere :is(.availability-panel,.shared-panel) { background: #191c24; }
}