.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}}.ykd{--night: var(--yk-shoma-result-night);--washi: var(--yk-shoma-result-washi);--washi-dim: var(--yk-shoma-result-washi-dim);--washi-faint: var(--yk-shoma-result-washi-faint);--kin: var(--yk-shoma-result-kin);--kin-dim: var(--yk-shoma-result-kin-dim);--display: var(--yk-font-mincho, serif);--body: var(--font-sans, sans-serif);clear:both;margin:40px 0}.ykd *,.ykd *:before,.ykd *:after{box-sizing:border-box}.ykd-panel{position:relative;display:grid;overflow:hidden;border-radius:14px;color:var(--washi);font-family:var(--body);padding:34px 40px 30px;grid-template-columns:252px 1fr;column-gap:28px;grid-template-areas:"head head" "lead lead" "mirror washi" "traits traits" "action action" "more more";background:radial-gradient(ellipse 46% 42% at 25% 52%,var(--yk-shoma-entrance-moon),transparent 72%),radial-gradient(ellipse 80% 40% at 50% 0%,var(--yk-shoma-entrance-crown),transparent 70%),var(--night);box-shadow:inset 0 0 0 1px var(--yk-shoma-result-board-edge),0 24px 48px -28px var(--yk-shoma-entrance-panel-shadow)}.ykd-panel:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--yk-shoma-result-kin-soft);border-radius:10px;opacity:.28;pointer-events:none}@media(min-width:641px){.ykd-panel[data-labels=long]{grid-template-columns:216px 1fr}}.ykd-panel[data-chart=none]{grid-template-areas:"head head" "lead lead" "mirror action" "more more";align-items:center}.ykd-panel[data-chart=none] .ykd-mirror{width:200px;justify-self:center}.ykd-head{grid-area:head;text-align:center}.ykd-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px;font-family:var(--display);font-size:12px;letter-spacing:.32em;color:var(--kin)}.ykd-eyebrow i{width:1px;height:13px;background:var(--kin-dim)}.ykd-title{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(22px,3.2vw,30px);line-height:1.4;letter-spacing:.08em;color:var(--washi);text-shadow:0 2px 18px var(--yk-shoma-result-shadow-text);overflow-wrap:anywhere;text-wrap:balance}.ykd-title:lang(ja),.ykd-title:lang(ko){word-break:keep-all}.ykd-lead{grid-area:lead;margin:12px auto 22px;max-width:33em;font-size:14px;line-height:1.9;color:var(--washi-dim);text-align:center;text-wrap:balance}.ykd-lead:lang(ja){word-break:auto-phrase}.ykd-lead:lang(ko){word-break:keep-all}.ykd-mirror{grid-area:mirror;position:relative;align-self:center;display:block;width:100%;aspect-ratio:1}.ykd-mirror>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;max-width:none;border:0}.ykd-mirror>img.art{top:13%;right:13%;bottom:13%;left:13%;width:74%;height:74%;border-radius:50%;object-fit:cover;background:var(--yk-shoma-result-mirror-fill)}.ykd-mirror>img.water{clip-path:circle(37% at 50% 50%);opacity:.94}.ykd-mirror>img.frame{filter:drop-shadow(0 16px 28px var(--yk-shoma-result-shadow-deep))}.ykd-mirror:focus-visible{outline:2px solid var(--kin);outline-offset:4px;border-radius:50%}.ykd-shade{position:absolute;top:13%;right:13%;bottom:13%;left:13%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 52%,var(--yk-shoma-entrance-vignette) 100%);box-shadow:inset 0 0 22px var(--yk-shoma-entrance-vignette-rim)}.ykd-glint{position:absolute;top:13%;right:13%;bottom:13%;left:13%;overflow:hidden;clip-path:circle(50%);mix-blend-mode:screen;pointer-events:none}.ykd-glint i{position:absolute;left:50%;top:82%;width:110%;aspect-ratio:1;margin:-55% 0 0 -55%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 8%,var(--yk-shoma-entrance-ring) 8.8% 9.8%,transparent 10.8% 17%);-webkit-mask-image:radial-gradient(circle,var(--yk-shoma-cta-mask) 30%,transparent 68%);mask-image:radial-gradient(circle,var(--yk-shoma-cta-mask) 30%,transparent 68%);opacity:0;transform:scale(.2,.06);animation:ykd-ring 7s cubic-bezier(.15,.55,.3,1) infinite}.ykd-glint i:nth-child(2){animation-delay:-3.5s;left:36%;top:86%;width:80%;margin:-40% 0 0 -40%}.ykd-glint:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-70%;width:46%;background:linear-gradient(90deg,transparent,var(--yk-shoma-entrance-glint) 50%,transparent);transform:translate(0) rotate(18deg);animation:ykd-glint 9s ease-in-out infinite}@keyframes ykd-ring{0%{opacity:0;transform:scale(.2,.06)}20%{opacity:1}to{opacity:0;transform:scaleY(.26)}}@keyframes ykd-glint{0%,50%{transform:translate(0) rotate(18deg)}to{transform:translate(520%) rotate(18deg)}}.ykd-washi{grid-area:washi;margin:0;padding:18px 10px 12px;background-size:100% 100%;background-repeat:no-repeat;text-align:center;min-width:0}.ykd-washi figcaption{font-family:var(--display);font-size:15px;letter-spacing:.14em;color:var(--washi)}.ykd-washi svg{display:block;width:min(100% - 28px,290px);height:auto;margin:0 auto;overflow:visible}.ykd .star-radar .rings polygon{fill:none;stroke:var(--kin-dim);stroke-width:.6}.ykd .star-radar .spokes line{stroke:var(--kin-dim);stroke-width:.5}.ykd .star-radar .fill-in{stop-color:var(--kin);stop-opacity:.22}.ykd .star-radar .fill-out{stop-color:var(--kin);stop-opacity:.05}.ykd .star-radar .line{fill:none;stroke:var(--kin);stroke-width:1.4;stroke-linejoin:round}.ykd .star-radar .nodes circle{fill:var(--washi)}.ykd .star-radar .labels text{font-family:var(--display);font-size:11.5px;fill:var(--washi);letter-spacing:.04em;paint-order:stroke;stroke:var(--yk-shoma-entrance-label-halo);stroke-width:3px;stroke-linejoin:round}.ykd-traits{grid-area:traits;list-style:none;margin:22px 0 0;padding:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px;border-top:1px solid var(--kin-dim)}.ykd-traits li{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 10px;min-width:0}.ykd-traits .nm{font-family:var(--display);font-size:14px;letter-spacing:.04em;overflow-wrap:break-word;min-width:0}.ykd-traits .nm b{color:var(--kin);font-weight:400;margin-right:4px}.ykd-traits .sc{font-family:var(--display);font-size:15px;font-variant-numeric:tabular-nums;color:var(--yk-shoma-result-ink-number)}.ykd-traits .bar{grid-column:1 / -1;position:relative;height:3px;background:var(--yk-shoma-result-bar-track)}.ykd-traits .bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--yk-shoma-result-kin-soft),var(--kin));box-shadow:0 0 8px var(--yk-shoma-result-kin-glow)}.ykd-action{grid-area:action;margin-top:26px}.ykd-action .xc-inline{margin:0}.ykd-action .xc-btn b:lang(ja){word-break:auto-phrase}.ykd-action .xc-inline .xc{max-width:440px;margin:0 auto}.ykd-panel[data-chart=none] .ykd-action{margin-top:0}.ykd-more{grid-area:more;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 22px;margin-top:18px;padding-top:16px;border-top:1px solid var(--yk-shoma-entrance-rule)}.ykd-more>span{font-size:12px;letter-spacing:.1em;color:var(--washi-faint)}.ykd-more a{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-family:var(--display);font-size:14px;letter-spacing:.06em;color:var(--washi);text-decoration:none;-webkit-tap-highlight-color:transparent}.ykd-more a:before{content:"";flex:none;width:7px;height:7px;transform:rotate(45deg);background:var(--gem);box-shadow:0 0 8px var(--gem)}.ykd-more a:after{content:"→";font-family:var(--body);color:var(--kin);font-size:13px;transition:transform .25s ease}.ykd-more a[data-kind=love]{--gem: var(--yk-shoma-entrance-gem-love)}.ykd-more a[data-kind=aptitude]{--gem: var(--yk-shoma-entrance-gem-aptitude)}.ykd-more a[data-kind=fortune]{--gem: var(--yk-shoma-entrance-gem-fortune)}.ykd-more a:focus-visible{outline:2px solid var(--kin);outline-offset:3px;border-radius:4px}@media(hover:hover){.ykd-more a:hover{color:var(--kin)}.ykd-more a:hover:after{transform:translate(3px)}}@media(max-width:640px){.ykd{margin:32px 0}.ykd-panel{padding:22px 18px 20px;grid-template-columns:118px 1fr;column-gap:14px;grid-template-areas:"mirror head" "lead lead" "washi washi" "traits traits" "action action" "more more"}.ykd-panel[data-chart=none]{grid-template-areas:"mirror head" "lead lead" "action action" "more more"}.ykd-panel[data-chart=none] .ykd-mirror{width:100%}.ykd-panel[data-chart=none] .ykd-action{margin-top:20px}.ykd-head{text-align:left;margin:0;align-self:center}.ykd-eyebrow{justify-content:flex-start;flex-wrap:wrap;font-size:11px;letter-spacing:.2em;gap:4px 8px;margin-bottom:8px}.ykd-title{font-size:21px;letter-spacing:.04em}.ykd-lead{margin:14px 0 4px;text-align:left;font-size:13.5px;line-height:1.85;text-wrap:pretty}.ykd-washi{margin-top:10px;padding:16px 6px 10px}.ykd-washi svg{width:min(100% - 52px,290px)}.ykd-traits{margin-top:16px;padding-top:14px;gap:8px 14px}.ykd-traits li{grid-template-areas:"nm nm" "bar sc";align-items:center;gap:4px 8px}.ykd-traits .nm{grid-area:nm;font-size:13px}.ykd-traits .sc{grid-area:sc;font-size:14px}.ykd-traits .bar{grid-area:bar}.ykd-action{margin-top:20px}.ykd-more{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 8px;padding-top:14px}.ykd-more>span{grid-column:1 / -1;text-align:center;margin-bottom:2px}.ykd-more a{flex-direction:column;justify-content:center;gap:6px;min-height:58px;padding:8px 2px;font-size:13px;text-align:center;line-height:1.35;border-radius:6px;background:var(--yk-shoma-entrance-tile);box-shadow:inset 0 0 0 1px var(--yk-shoma-entrance-tile-edge)}.ykd-more a:after{display:none}}@media(prefers-reduced-motion:reduce){.ykd-glint i,.ykd-glint:after{animation:none;opacity:0}.ykd-more a:after{transition:none}}