@charset "UTF-8";
/* Benefit 05 only. Generic mail, notification and post icons; no social-platform logos. */
#benefits #gift-share .gift-share-story{height:auto;width:100%;max-width:430px;aspect-ratio:400/480;margin:19px auto 9px;isolation:isolate;container-type:inline-size}
#gift-share .gift-share-story:before{inset:21% 0 2%;background:#fffaf768;transform:rotate(-3deg)}
#gift-share .share-stage{position:absolute;inset:0;pointer-events:none}
#gift-share .share-ground{position:absolute;left:9%;right:4%;bottom:5%;height:4%;border-radius:50%;background:#b88c9620;filter:blur(3px)}
#gift-share .share-sprite{display:block;background-image:url('assets/toua-share-atlas.webp');background-repeat:no-repeat}
#gift-share .share-worry-scene,#gift-share .share-broadcast-scene,#gift-share .share-reach{position:absolute;inset:0;opacity:0;visibility:hidden}
#gift-share .share-learner{position:absolute;left:6%;bottom:11%;width:87%;aspect-ratio:665/566;transform-origin:12% 100%;transition:transform .65s ease;clip-path:polygon(0 0,84% 0,84% 76%,100% 76%,100% 100%,0 100%)}
#gift-share .share-comfort-toua{position:absolute;right:-1%;bottom:10%;width:64%;aspect-ratio:635/640;opacity:0;transform:translateX(45%);clip-path:polygon(0 0,100% 0,100% 100%,24% 100%,24% 75%,0 75%)}
#gift-share .share-bubble{position:absolute;padding:12px 15px;border:1.5px solid #b59198;background:#fffcf7;color:#715963;border-radius:47% 46% 45% 44%;font-family:var(--hand);font-size:clamp(15px,5.1cqw,22px);line-height:1.65;text-align:center;z-index:5;box-shadow:0 3px 0 #b69ba112;font-style:oblique 6deg;font-weight:400;font-synthesis:style}
#gift-share .share-bubble:after{content:'';position:absolute;bottom:-7px;left:40%;width:12px;height:12px;border-right:1.5px solid #b59198;border-bottom:1.5px solid #b59198;background:#fffcf7;transform:rotate(40deg)}
#gift-share .share-worry-bubble{left:3%;top:0;width:94%;font-size:clamp(15px,4.8cqw,21px);transition:opacity .3s}
#gift-share .share-comfort-bubble{right:0;top:10%;width:66%;opacity:0;font-size:clamp(19px,6cqw,26px)}
#gift-share .share-comfort-bubble:after{left:65%}
#gift-share .share-scribble{position:absolute;left:7%;top:32%;width:14%;color:#938286;opacity:.8}
#gift-share .share-worry-drop{position:absolute;left:62%;top:40%;width:4%;height:6%;border-radius:70% 30% 60% 40%;background:#a9dce8;border:1px solid #73a6b1;transform:rotate(28deg)}
#gift-share .share-publisher{position:absolute;left:3%;bottom:7%;width:94%;aspect-ratio:575/554;transform-origin:50% 85%}
#gift-share .share-publish-bubble{left:8%;top:0;width:84%;font-size:clamp(15px,4.8cqw,21px)}
#gift-share .share-broadcast-icon{position:absolute;left:46%;top:69%;width:13%;aspect-ratio:1;z-index:4;opacity:0;color:#a36f82;transform:scale(.4);filter:drop-shadow(0 3px 2px #a47e851c)}
#gift-share .share-broadcast-icon svg{width:100%;height:100%;display:block}
#gift-share .share-post{position:absolute;left:33%;top:19%;width:34%;height:60%;background:#fdf9f8;border:4px solid #685c62;border-radius:17px;box-shadow:5px 6px 0 #c397a122;padding:14% 8% 8%;transform:rotate(-4deg);z-index:2}
#gift-share .share-post:before{content:'';position:absolute;top:4%;left:35%;width:30%;height:2%;background:#685c62;border-radius:8px}
#gift-share .share-post:after{content:'';position:absolute;bottom:3%;left:42%;width:16%;height:1.5%;background:#c7b8bd;border-radius:8px}
#gift-share .share-post-art{position:absolute;left:12%;right:12%;top:18%;height:32%;background:#f4e7dd;border-radius:6px;display:grid;place-items:center;color:#9b7b72}
#gift-share .share-post-art svg{width:80%;height:80%}
#gift-share .share-post-lines{position:absolute;left:13%;right:13%;top:59%;display:grid;gap:8px}
#gift-share .share-post-lines i{height:4px;border-radius:4px;background:#d6bac3}
#gift-share .share-post-lines i:last-child{width:67%}
#gift-share .share-post-heart{position:absolute;left:14%;bottom:10%;color:#ce8396;font:18px/1 Georgia,serif}
#gift-share .share-reach-rays{position:absolute;inset:7% -2% 0;background:repeating-conic-gradient(from 8deg at 50% 55%,transparent 0deg 20deg,#edb6c754 20deg 24deg,transparent 24deg 46deg);mask-image:radial-gradient(ellipse,transparent 18%,#000 47%,transparent 73%)}
#gift-share .share-person{position:absolute;left:var(--x);top:var(--y);width:15%;aspect-ratio:1;background:var(--tone,#edf1e9);color:var(--person,#929d85);border:2px solid #fffaf8;border-radius:50%;display:grid;place-items:center;z-index:3;opacity:0;box-shadow:0 3px 0 #b89ba523}
#gift-share .share-person svg{width:85%;height:85%}
#gift-share .share-person:after{content:'♥';position:absolute;right:-7%;top:-19%;font:clamp(10px,3cqw,14px)/1 Georgia,serif;color:#dc99ae;transform:rotate(12deg)}
#gift-share .share-reach-heart{position:absolute;left:var(--x);top:var(--y);color:#d99aaf;font:clamp(13px,5cqw,21px)/1 Georgia,serif;opacity:0}
#gift-share .share-team{position:absolute;inset:0;opacity:1;visibility:visible}
#gift-share .share-team-bubble{left:3%;top:0;width:94%;font-size:clamp(17px,5.4cqw,23px)}
#gift-share .share-team-bubble:after{left:58%}
#gift-share .share-team-kusanagi{position:absolute;left:2%;bottom:5%;height:61%;aspect-ratio:725/1198;background:url('assets/kusanagi-resident-back-thumb.webp') no-repeat;transform-origin:50% 95%;z-index:2}
#gift-share .share-team-toua{position:absolute;right:-2%;bottom:5%;height:61%;aspect-ratio:466/593;transform-origin:50% 95%;z-index:3}
#gift-share .share-team-mail{position:absolute;left:35%;top:25%;width:14%;aspect-ratio:1;color:#ac7b90;transform:rotate(-12deg)}
#gift-share .share-team-mail svg{width:100%;height:100%}
#gift-share .share-team-spark{position:absolute;left:8%;top:31%;font:clamp(22px,7cqw,32px)/1 Georgia,serif;color:#d8b363}
#gift-share .share-team-spark.second{left:auto;right:6%;top:25%;font-size:clamp(18px,5cqw,24px)}
#gift-share .share-replay{position:absolute;right:1%;bottom:0;z-index:12;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #be97a38f;border-radius:50%;background:#fffaf4df;color:#a5758a;font-size:19px;line-height:1;box-shadow:0 2px 0 #b59ba328}
#gift-share .share-replay:hover{background:#fffdfb;color:#875568}
#gift-share .share-replay[hidden]{display:none}
#gift-share .gift-share-story:is([data-share-state="ready"],[data-share-state="worried"],[data-share-state="comfort"],[data-share-state="broadcast"],[data-share-state="audience"]) .share-team{opacity:0;visibility:hidden}
#gift-share .gift-share-story:is([data-share-state="ready"],[data-share-state="worried"],[data-share-state="comfort"]) .share-worry-scene{opacity:1;visibility:visible}
#gift-share .gift-share-story[data-share-state="worried"] .share-learner{animation:share-worry-sigh 2s ease-in-out both}
#gift-share .gift-share-story[data-share-state="worried"] .share-scribble{animation:share-scribble 1.4s ease-in-out infinite}
#gift-share .gift-share-story[data-share-state="comfort"] .share-learner{transform:translateX(-9%) scale(.66)}
#gift-share .gift-share-story[data-share-state="comfort"] :is(.share-worry-bubble,.share-scribble,.share-worry-drop){opacity:0}
#gift-share .gift-share-story[data-share-state="comfort"] .share-comfort-toua{animation:share-comfort-enter .85s cubic-bezier(.2,.65,.3,1) both}
#gift-share .gift-share-story[data-share-state="comfort"] .share-comfort-bubble{animation:share-bubble-pop .4s .45s ease-out both}
#gift-share .gift-share-story[data-share-state="broadcast"] .share-broadcast-scene{opacity:1;visibility:visible;animation:share-scene-reveal .3s ease-out both}
#gift-share .gift-share-story[data-share-state="broadcast"] .share-publisher{animation:share-typing .4s ease-in-out infinite}
#gift-share .gift-share-story[data-share-state="broadcast"] .share-broadcast-icon{animation:share-send 1.25s calc(var(--delay)*1ms) cubic-bezier(.2,.7,.4,1) both}
#gift-share .gift-share-story[data-share-state="audience"] .share-reach{opacity:1;visibility:visible;animation:share-scene-reveal .3s ease-out both}
#gift-share .gift-share-story[data-share-state="audience"] .share-person{animation:share-reader-pop .5s calc(var(--delay)*1ms) cubic-bezier(.2,.8,.3,1.4) both}
#gift-share .gift-share-story[data-share-state="audience"] .share-reach-heart{animation:share-heart .8s calc(var(--delay)*1ms) ease-out both}
#gift-share .gift-share-story[data-share-state="team"] .share-team-toua{animation:share-toua-finish .55s ease-out both}
#gift-share .gift-share-story[data-share-state="team"] .share-team-kusanagi{animation:share-kusanagi-enter .8s ease-out both}
#gift-share .gift-share-story[data-share-state="team"] .share-team-bubble{animation:share-bubble-pop .5s .35s ease-out both}
#gift-share .gift-share-story[data-share-state="team"] .share-team-spark{animation:share-reader-pop .7s .5s ease-out both}
@keyframes share-worry-sigh{0%,100%{transform:translateY(0)}45%,65%{transform:translateY(2%) rotate(-1deg)}}
@keyframes share-scribble{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}
@keyframes share-comfort-enter{0%{opacity:0;transform:translateX(48%)}65%{opacity:1;transform:translateX(-2%)}100%{opacity:1;transform:translateX(0)}}
@keyframes share-bubble-pop{0%{opacity:0;scale:.85}100%{opacity:1;scale:1}}
@keyframes share-scene-reveal{0%{opacity:0}100%{opacity:1}}
@keyframes share-typing{0%,100%{transform:translateY(0)}50%{transform:translateY(1px)}}
@keyframes share-send{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.35)}15%{opacity:1}80%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1)}100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) - 3cqw)) rotate(var(--r)) scale(1.05)}}
@keyframes share-reader-pop{0%{opacity:0;scale:.25}70%{opacity:1;scale:1.1}100%{opacity:1;scale:1}}
@keyframes share-heart{0%{opacity:0;translate:0 10px}50%{opacity:1}100%{opacity:.8;translate:0 -9px}}
@keyframes share-kusanagi-enter{0%{opacity:0;transform:translateX(-20%) scale(.94)}65%{opacity:1;transform:translateX(1%) scale(1)}100%{opacity:1;transform:none}}
@keyframes share-toua-finish{0%{opacity:0;transform:translateY(5%) scale(.95)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#gift-share .gift-share-story:not(.replay-motion) *,#gift-share .gift-share-story:not(.replay-motion) *:before,#gift-share .gift-share-story:not(.replay-motion) *:after{animation:none!important;transition:none!important}}

/* Padded crop windows preserve the original generated cutouts. */
#gift-share .share-learner{background-size:188.571429% 221.554770%;background-position:10.186757% 14.534884%}
#gift-share .share-comfort-toua{background-size:197.480315% 195.937500%;background-position:99.353796% 2.442997%}
#gift-share .share-publisher{background-size:218.086957% 226.353791%;background-position:13.991163% 96.285714%}
#gift-share .share-team-toua{background-size:269.098712% 211.467116%;background-position:92.639594% 99.092284%}
#gift-share .share-team-kusanagi{background-size:172.965517% 104.674457%;background-position:50.283554% 50.000000%}