/* The outer field moves; the typography and planet names remain steady. */
html.ag body #kind-words .asteroid-belt{position:absolute;inset:-1% -1%;width:102%;height:102%;overflow:visible;pointer-events:none;z-index:0}
html.ag body #kind-words .asteroid-belt ellipse{fill:none;stroke:#eacafa;stroke-width:2.1;stroke-linecap:round;stroke-dasharray:1 22;opacity:.7;vector-effect:non-scaling-stroke;animation:asteroid-flow 88s linear infinite}
html.ag body #kind-words .asteroid-belt ellipse+ellipse{stroke:#bfa3de;stroke-width:1.6;stroke-dasharray:1 34;opacity:.45;animation-duration:125s;animation-direction:reverse}
html.ag body[data-theme=day] #kind-words .asteroid-belt ellipse{stroke:#9564b4;opacity:.64}
html.ag body[data-theme=day] #kind-words .asteroid-belt ellipse+ellipse{stroke:#ae86c9;opacity:.42}
@keyframes asteroid-flow{to{stroke-dashoffset:-2520}}

/* The different sizes give each person a more individual presence. */
html.ag body #kind-words #quoteStars .star-0 .stellar-point{width:82px!important;height:82px!important}
html.ag body #kind-words #quoteStars .star-1 .stellar-point{width:57px!important;height:57px!important}
html.ag body #kind-words #quoteStars .star-2 .stellar-point{width:49px!important;height:49px!important}
html.ag body #kind-words #quoteStars .star-3 .stellar-point{width:88px!important;height:88px!important}
html.ag body #kind-words #quoteStars .star-4 .stellar-point{width:94px!important;height:94px!important}
html.ag body #kind-words #quoteStars .star-5 .stellar-point{width:61px!important;height:61px!important}
html.ag body #kind-words #quoteStars :is(.star-0,.star-3,.star-5) .stellar-point:after{content:''!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:145%!important;height:34%!important;translate:-50% -50%!important;rotate:-17deg!important;border:2px solid #f7dbffbd!important;border-radius:50%!important;background:none!important;box-shadow:0 0 7px #d5a8ee8c!important;pointer-events:none}
html.ag body #kind-words #quoteStars .star-3 .stellar-point:after{border-color:#f4dcabdc!important;rotate:13deg!important}
html.ag body #kind-words #quoteStars .star-5 .stellar-point:after{border-color:#b4eaf8c7!important;rotate:-25deg!important}

/* Version one shows the original full wording at a quieter scale. */
html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="full"] .quote-note{width:min(57%,680px)!important}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="full"] .quote-note blockquote{font-size:clamp(23px,2.2vw,31px)!important;line-height:1.27!important;font-weight:450!important}
/* Version two is an excerpt, kept verbatim and given more room as type. */
html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="short"] .quote-note{width:min(58%,710px)!important}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="short"] .quote-note blockquote{font-size:clamp(31px,3.35vw,46px)!important;line-height:1.15!important;font-weight:550!important}

@media(max-width:850px){
 html.ag body #kind-words #quoteStars .star-0 .stellar-point{width:58px!important;height:58px!important}
 html.ag body #kind-words #quoteStars .star-1 .stellar-point{width:43px!important;height:43px!important}
 html.ag body #kind-words #quoteStars .star-2 .stellar-point{width:37px!important;height:37px!important}
 html.ag body #kind-words #quoteStars .star-3 .stellar-point{width:61px!important;height:61px!important}
 html.ag body #kind-words #quoteStars .star-4 .stellar-point{width:66px!important;height:66px!important}
 html.ag body #kind-words #quoteStars .star-5 .stellar-point{width:45px!important;height:45px!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="full"] .quote-note blockquote{font-size:clamp(19px,3vw,25px)!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="short"] .quote-note blockquote{font-size:clamp(25px,4vw,34px)!important}
}
@media(max-width:520px){
 html.ag body #kind-words .planet-layout-choices{flex-wrap:wrap;padding:0 15px}
 html.ag body #kind-words .planet-layout-choices button{font-size:10px!important;padding:9px 10px!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-stage{width:calc(100% - 42px);margin-inline:auto}
 html.ag body #kind-words #quoteStars .star-0 .stellar-point{width:45px!important;height:45px!important}
 html.ag body #kind-words #quoteStars .star-1 .stellar-point{width:32px!important;height:32px!important}
 html.ag body #kind-words #quoteStars .star-2 .stellar-point{width:29px!important;height:29px!important}
 html.ag body #kind-words #quoteStars .star-3 .stellar-point{width:48px!important;height:48px!important}
 html.ag body #kind-words #quoteStars .star-4 .stellar-point{width:52px!important;height:52px!important}
 html.ag body #kind-words #quoteStars .star-5 .stellar-point{width:34px!important;height:34px!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="full"] .quote-note{width:64%!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="full"] .quote-note blockquote{font-size:16.5px!important;line-height:1.25!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="short"] .quote-note{width:64%!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"][data-quote-length="short"] .quote-note blockquote{font-size:22px!important;line-height:1.17!important}
}
@media(prefers-reduced-motion:reduce){html.ag body #kind-words .asteroid-belt ellipse{animation:none!important}}