/* Version 3: one unmistakably moving spiral and discreet continuous-session playback. */
.hero-spiral{
  width:min(130%,760px);opacity:.98;
  filter:drop-shadow(0 0 26px #ed455927);
  animation:audibleSpiral 16s linear infinite!important;
  will-change:transform;
  mask-image:radial-gradient(circle,#000 46%,#000c 65%,transparent 76%);
}
.hero-art{background:radial-gradient(circle at 50% 50%,#2a0d18 0%,#08070b 72%)}
.hero-disc{display:none!important}
.hero-graticule{opacity:.28}
.hero-center-copy{bottom:79px}
/* This site uses a single spiral centerpiece. Other pages use still artwork. */
.ritual-art:before,.card-art:before,.detail-art:before{animation:none!important;background-image:none!important}
.focus-spiral{
  width:120vmax;height:120vmax;opacity:.80;
  animation:audibleSpiral 16s linear infinite!important;
  filter:drop-shadow(0 0 50px #ff244340);
  mask-image:radial-gradient(circle,#000 22%,#000b 45%,transparent 64%);
}
.focus-eye{width:112px;height:112px;margin-bottom:40px;animation:none;background:radial-gradient(circle,#f5eae9 0 4%,#e64a64 6% 12%,#190913 14% 21%,#bd243f 25% 33%,#0d070f 36% 59%,#eb6f81 60% 62%,#160811 63%);box-shadow:0 0 65px #ff51607a}
.focus-vignette{background:radial-gradient(circle at center,transparent 5%,#07030740 52%,#050408f5 97%)}
@keyframes audibleSpiral{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.spiral-motion-control{padding:8px 10px;border:1px solid #e8486566;color:#f9dade;background:#150d14c9;font-size:9px;letter-spacing:.11em;font-weight:700;white-space:nowrap;cursor:pointer;position:relative;z-index:9}
.spiral-motion-control:hover{background:#572030;border-color:#ff697f}
.focus-top-actions{display:flex;align-items:center;gap:12px}
body.spiral-paused .hero-spiral,body.spiral-paused .focus-spiral{animation-play-state:paused!important}


body.using-playlist .session-progress-note{display:block!important;color:#dca7b0;font-size:9px;letter-spacing:.12em;text-align:center}
body.using-playlist .seek-line{justify-content:space-between;gap:15px}
body.using-playlist .seek-line #timeTotal{display:none}
body.using-playlist .player-tiny{color:#f192a1}
@media (max-width:650px){
  .hero-spiral{width:150%}
  .hero-center-copy{bottom:55px}
  .focus-spiral{width:190vmax;height:190vmax;opacity:.8}
  .focus-top-actions{gap:5px}
  .focus-top .spiral-motion-control{font-size:8px;padding:10px 7px}
  .focus-eye{height:80px;width:80px;margin-bottom:22px}
  body.using-playlist .seek-line{gap:4px}
  body.using-playlist .session-progress-note{font-size:7px;letter-spacing:.04em}
}
@media (prefers-reduced-motion:reduce){
  .hero-spiral,.focus-spiral{animation:none!important;transform:translate(-50%,-50%) rotate(0deg)!important}
}

.keep-listening-option{display:flex;align-items:center;gap:10px;color:#f2ccd3;margin-top:18px;min-height:44px;font-size:14px;cursor:pointer}.keep-listening-option input{width:20px;height:20px;accent-color:#e74f6c}.keep-listening-caption{font-size:12px!important;margin:0 0 18px!important;color:#c2a7ae!important}.filter-button{background:transparent;color:inherit;border:1px solid #5b343e;padding:10px 16px;cursor:pointer}.filter-button.active{background:#5b2031}body.using-playlist #playerSeek{min-width:42px;flex:1}body.using-playlist .session-progress-note{font-size:8px;max-width:120px}#focusStop{min-height:44px} @media(max-width:650px){.focus-bottom{gap:10px}.focus-bottom-copy{display:none}.focus-repeat{padding:10px 12px}.player-options{gap:8px}body.using-playlist .session-progress-note{max-width:70px;font-size:7px}}