.xc,.xc *{box-sizing:border-box}.xc{--xc-glow: var(--yk-shoma-cta-glow-compat);display:block;width:100%;max-width:520px;margin:0 auto;text-decoration:none;color:var(--yk-shoma-cta-ink);-webkit-tap-highlight-color:transparent;text-align:center}.xc-compat{--xc-img: url(/images/shoma/cta/crystal-compat-33f6dd2b3f54.webp);--xc-glow: var(--yk-shoma-cta-glow-compat)}.xc-love{--xc-img: url(/images/shoma/cta/crystal-love-402cc7551df1.webp);--xc-glow: var(--yk-shoma-cta-glow-love)}.xc-aptitude{--xc-img: url(/images/shoma/cta/crystal-aptitude-19cee527c556.webp);--xc-glow: var(--yk-shoma-cta-glow-aptitude)}.xc-fortune{--xc-img: url(/images/shoma/cta/crystal-fortune-f3c542d03370.webp);--xc-glow: var(--yk-shoma-cta-glow-fortune)}.xc-btn{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;min-height:70px;padding:8px 14px 10px 22px;border-style:solid;border-width:16px 41px;border-image:var(--xc-img) 90 230 fill / 16px 41px / 11px 10px stretch;isolation:isolate;transition:transform .12s ease,filter .12s ease;filter:drop-shadow(0 10px 22px var(--yk-shoma-result-shadow-deep))}.xc-btn:after{content:"";position:absolute;top:-10px;right:-30px;bottom:-10px;left:-30px;border-radius:20px;background:linear-gradient(115deg,transparent 32%,var(--yk-shoma-cta-sheen) 46%,transparent 58%);background-size:260% 100%;animation:xc-sheen 7s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}@keyframes xc-sheen{0%,60%{background-position:130% 0}to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.xc-btn:after{animation:none}}.xc-btn{container-type:inline-size}.xc-btn b{font-family:var(--yk-font-mincho, serif);font-weight:700;font-size:clamp(16px,calc((100cqi - 32px) / var(--xc-em, 8)),22px);letter-spacing:.1em;line-height:1.3;text-wrap:balance;text-shadow:0 1px 2px var(--yk-shoma-cta-ink-shadow),0 0 16px var(--xc-glow)}.xc-btn[data-tight] b{letter-spacing:.04em}.xc-btn i{font-style:normal;font-size:20px;line-height:1;text-shadow:0 0 10px var(--xc-glow),0 1px 2px var(--yk-shoma-cta-ink-shadow)}.xc:active .xc-btn{transform:translateY(2px) scale(.99);filter:drop-shadow(0 4px 10px var(--yk-shoma-result-shadow-deep)) brightness(.82) saturate(.9)}.xc small{display:block;margin-top:8px;font-family:var(--font-sans, sans-serif);font-size:12px;letter-spacing:.06em;color:var(--yk-shoma-result-washi-dim)}.xc-inline{margin:24px 0 0}.xc-bar{position:sticky;bottom:var(--yk-bottom-overlay-clearance, 0px);z-index:40;margin:-110px 0 0;padding:150px 16px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(to bottom,var(--yk-shoma-cta-scrim-0) 0%,var(--yk-shoma-cta-scrim-12) 32%,var(--yk-shoma-cta-scrim-48) 58%,var(--yk-shoma-cta-scrim-86) 82%,var(--yk-shoma-cta-scrim-98) 100%);transition:opacity .32s ease}.xc-bar:after{content:"";position:absolute;left:0;right:0;top:100%;height:min(var(--yk-bottom-overlay-clearance, 0px),64px);background:var(--yk-shoma-cta-scrim-98);pointer-events:none}.xc-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(to bottom,transparent 30%,var(--yk-shoma-cta-mask) 85%);mask-image:linear-gradient(to bottom,transparent 30%,var(--yk-shoma-cta-mask) 85%);pointer-events:none}.xc-bar .xc{position:relative;pointer-events:auto}.xc-bar{visibility:visible;transition:opacity .32s ease,visibility 0s 0s}.xc-bar[data-show=false]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility 0s .32s}.xc-bar[data-scrim=off]{background:none}.xc-bar[data-scrim=off]:before,.xc-bar[data-scrim=off]:after{display:none}.xc-bar[data-show=false] .xc{pointer-events:none}.xc-bar .xc small{margin-top:6px}@supports (animation-timeline: scroll()){.xc-bar[data-scrim=off]{padding-top:16px}.xc-bar{position:fixed;left:0;right:0;margin:0;animation:xc-dock linear both;animation-timeline:scroll(root block);animation-range:var(--xc-dock-start, 99999px) calc(var(--xc-dock-start, 99999px) + 4000px)}@keyframes xc-dock{0%{translate:0 0}to{translate:0 -4000px}}.mr:has(>.xc-bar),.th:has(>.xc-bar),.sp:has(>.xc-bar),.bs:has(>.xc-bar){padding-bottom:calc(210px + env(safe-area-inset-bottom,0px))}}@media(min-width:960px){.xc-inline .xc{margin-left:0}.xc-bar{padding-left:0;padding-right:0}.xc-bar .xc{margin-left:calc(max(0px,50% - 560px) + var(--xc-desk-left, 0px));max-width:480px}}