.home .fi{display:block;width:58px;height:58px;background-position:center;background-size:contain;background-repeat:no-repeat}.home .fi-rr-planet-ringed{background-image:url('./planet.svg')}.home .fi-rs-pen-swirl{background-image:url('./pen.svg')}.home-quote{position:absolute;z-index:2;top:30%;left:50%;width:min(520px,74vw);transform:translateX(-50%);margin:0;text-align:center;color:var(--ink);font-family:"LXGW WenKai","Microsoft YaHei",sans-serif;font-size:clamp(20px,2.2vw,32px);font-weight:600;line-height:1.5;text-shadow:0 1px 10px #fff9;pointer-events:none;animation:quote-in .8s ease-out}.home-quote.is-changing{animation:quote-in .8s ease-out}.home-guide{position:absolute;z-index:7;left:50%;top:62%;transform:translateX(-50%);width:max-content;max-width:76vw;text-align:center;color:var(--ink);font-family:"LXGW WenKai","Microsoft YaHei",sans-serif;filter:drop-shadow(0 2px 7px #fff)}.home-guide span{display:block;font-size:30px;animation:guide-bounce 1s ease-in-out infinite}.home-guide p{margin:4px 0 8px;font-weight:700;font-size:18px}.home-guide button{border:2px solid var(--ink);border-radius:99px;background:var(--paper);padding:5px 14px;cursor:pointer}@keyframes quote-in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes guide-bounce{50%{transform:translateY(7px)}}@media(max-width:767px){.home-quote{top:24%;font-size:20px}.home .fi{width:45px;height:45px}.home-guide{top:66%}.home-guide p{font-size:15px}}
.audio-toggle{position:absolute;z-index:5;bottom:24px;left:24px;width:44px;height:44px;border:0;background:transparent;color:var(--ink);font-size:27px;line-height:1;cursor:pointer}.audio-toggle.is-playing{background:transparent}.audio-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}@media(max-width:767px){.audio-toggle{bottom:16px;left:16px;width:38px;height:38px;font-size:23px}}
.guide-scrim{position:absolute;z-index:3;inset:0;background:rgba(27,25,20,.68);pointer-events:none;animation:guide-dim .55s ease-out}.guide-reveals{position:absolute;z-index:4;inset:0;pointer-events:none}.guide-reveals i{position:absolute;top:38%;width:19%;height:38%;background:url('../photo/moon-emotions-option-1-centered-deeper-colors.png') center/cover fixed no-repeat;border-radius:48% 52% 50% 50%;filter:drop-shadow(0 0 18px #fff8);animation:guide-glow 1.8s ease-in-out infinite}.guide-reveals i:nth-child(1){left:4%}.guide-reveals i:nth-child(2){left:21%}.guide-reveals i:nth-child(3){left:40.5%}.guide-reveals i:nth-child(4){left:59%}.guide-reveals i:nth-child(5){left:77%}.home.is-guiding .home-content{z-index:5}.home.is-guiding .planet,.home.is-guiding .paint-entry,.home.is-guiding .audio-toggle{z-index:2}.home:not(.is-guiding) .guide-scrim,.home:not(.is-guiding) .guide-reveals{display:none}.home-guide{z-index:8;top:17%;width:auto;max-width:300px;padding:19px 27px 17px;background:rgba(255,251,233,.94);border:2px solid #fff;border-radius:47% 53% 44% 56% / 52% 48% 55% 45%;filter:drop-shadow(0 8px 15px #0004);text-align:center}.home-guide::before,.home-guide::after{content:"";position:absolute;z-index:-1;border-radius:50%;background:rgba(255,251,233,.94)}.home-guide::before{width:55px;height:55px;left:-19px;bottom:4px}.home-guide::after{width:43px;height:43px;right:-14px;top:6px}.home-guide p{position:relative;margin:0;color:var(--ink);font-size:19px;line-height:1.45;font-weight:700}.guide-arrow{position:absolute;left:50%;top:calc(100% + 1px);font-family:Arial,sans-serif;font-size:49px;line-height:1;color:#fff;transform:translateX(10px) rotate(12deg);text-shadow:0 2px 6px #0006;animation:guide-bounce 1s ease-in-out infinite}.home-guide button{position:relative;margin-top:11px;border:0;border-radius:99px;background:#a6ddb4;padding:6px 16px;font-weight:700;cursor:pointer}.home-guide button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@keyframes guide-dim{from{opacity:0}to{opacity:1}}@keyframes guide-glow{50%{filter:drop-shadow(0 0 26px #fff);transform:scale(1.025)}}@media(max-width:767px){.guide-reveals i{top:39%;height:36%;width:22%}.guide-reveals i:nth-child(1){left:-3%}.guide-reveals i:nth-child(2){left:17%}.guide-reveals i:nth-child(3){left:39%}.guide-reveals i:nth-child(4){left:61%}.guide-reveals i:nth-child(5){left:81%}.home-guide{top:16%;padding:15px 23px 14px}.home-guide p{font-size:17px}.guide-arrow{font-size:41px}}
.guide-reveals{display:none}.guide-scrim{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='white'/%3E%3Cellipse cx='13' cy='58' rx='10' ry='22' fill='black'/%3E%3Cellipse cx='29' cy='58' rx='10' ry='22' fill='black'/%3E%3Cellipse cx='47' cy='58' rx='10' ry='22' fill='black'/%3E%3Cellipse cx='65' cy='58' rx='10' ry='22' fill='black'/%3E%3Cellipse cx='83' cy='58' rx='10' ry='22' fill='black'/%3E%3C/svg%3E');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-mode:luminance;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='white'/%3E%3Cellipse cx='13' cy='58' rx='10' ry='22' fill='black'/%3E%3Cellipse cx='29' cy='58' rx='10' ry='22' fill='black'/%3E%3Cellipse cx='47' cy='58' rx='10' ry='22' fill='black'/%3E%3Cellipse cx='65' cy='58' rx='10' ry='22' fill='black'/%3E%3Cellipse cx='83' cy='58' rx='10' ry='22' fill='black'/%3E%3C/svg%3E');mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:luminance}
.guide-scrim{-webkit-mask-image:linear-gradient(#000 0 0),radial-gradient(ellipse 10% 22% at 13% 58%,#000 97%,transparent 100%),radial-gradient(ellipse 10% 22% at 29% 58%,#000 97%,transparent 100%),radial-gradient(ellipse 10% 22% at 47% 58%,#000 97%,transparent 100%),radial-gradient(ellipse 10% 22% at 65% 58%,#000 97%,transparent 100%),radial-gradient(ellipse 10% 22% at 83% 58%,#000 97%,transparent 100%);-webkit-mask-composite:xor,xor,xor,xor,xor;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.guide-scrim{background:rgba(27,25,20,.68);-webkit-mask:none;mask:none;clip-path:polygon(0 0,100% 0,100% 41%,0 41%)}.guide-reveals{display:block;z-index:3;top:75%;height:25%;background:rgba(27,25,20,.68)}.guide-reveals i{display:none}