/* V19 — 천기해독 MBTI형 결과 공유 인장 */
.cheon-gi-share[hidden]{display:none!important}
.cheon-gi-share{
  --share-gold:#d7b66f;
  --share-gold-bright:#f1d99f;
  position:relative;
  display:grid;
  grid-template-columns:112px 1fr;
  gap:22px 24px;
  margin:18px 0 26px;
  padding:28px 26px 22px;
  overflow:hidden;
  color:#eee5d2;
  border:1px solid rgba(215,182,111,.42);
  background:
    radial-gradient(circle at 18% 18%,rgba(186,43,34,.18),transparent 32%),
    linear-gradient(145deg,#08090a 0%,#11100e 54%,#08090a 100%);
  box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.025);
  opacity:0;
  transform:translateY(12px);
  transition:opacity .55s ease,transform .55s ease;
}
.cheon-gi-share.is-visible{opacity:1;transform:none}
.cheon-gi-share:before{
  content:"天機解讀";
  position:absolute;
  right:-5px;
  top:6px;
  color:rgba(215,182,111,.055);
  font-family:"Song Myung",serif;
  font-size:58px;
  letter-spacing:.06em;
  writing-mode:vertical-rl;
  pointer-events:none;
}
.cheon-gi-share__halo{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:108px;
  height:108px;
  display:grid;
  place-items:center;
  border:1px solid var(--share-gold);
  border-radius:50%;
  box-shadow:0 0 0 6px #0b0b0b,0 0 0 7px rgba(215,182,111,.3),inset 0 0 28px rgba(179,48,38,.2);
  background:radial-gradient(circle,rgba(181,43,34,.25),transparent 68%);
}
.cheon-gi-share__halo:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle,rgba(4,3,8,.06) 18%,rgba(4,3,8,.62) 78%);
  pointer-events:none;
}
.cheon-gi-share__halo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:22% center;
  filter:saturate(.86) contrast(1.12) brightness(.68);
  transform:scale(1.16);
}
.cheon-gi-share__halo span{
  position:relative;
  z-index:2;
  color:var(--share-gold-bright);
  font-family:"Song Myung",serif;
  font-size:56px;
  line-height:1;
  text-shadow:0 0 20px rgba(215,182,111,.3);
}
.cheon-gi-share__copy{align-self:center;min-width:0}
.cheon-gi-share__eyebrow{margin:0 0 8px;color:#a99a7c;font-family:"Noto Sans KR",sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em}
.cheon-gi-share__copy h2{margin:0!important;padding:0!important;border:0!important;color:#f3ead7!important;font-family:"Song Myung",serif!important;font-size:26px!important;letter-spacing:-.02em}
.cheon-gi-share__copy>p:last-child{margin:10px 0 0;color:#aaa294;font-family:"Gowun Batang",serif;font-size:14px;line-height:1.75;word-break:keep-all}
.cheon-gi-share__elements{grid-column:1/-1;display:grid;gap:7px;padding:16px 0;border-top:1px solid rgba(215,182,111,.16);border-bottom:1px solid rgba(215,182,111,.16)}
.cheon-gi-share__element{display:grid;grid-template-columns:52px 1fr 20px;gap:10px;align-items:center;min-height:23px;color:#989185;font-family:"Noto Sans KR",sans-serif;font-size:11px}
.cheon-gi-share__element span{display:flex;align-items:center;gap:6px}
.cheon-gi-share__element b{color:#d9c28e;font-family:"Song Myung",serif;font-size:16px}
.cheon-gi-share__element i{height:3px;background:rgba(255,255,255,.08);overflow:hidden}
.cheon-gi-share__element em{display:block;width:0;height:100%;background:linear-gradient(90deg,#7a2722,var(--share-gold));transition:width .85s cubic-bezier(.2,.7,.2,1) .15s}
.cheon-gi-share.is-visible .cheon-gi-share__element em{width:var(--share-width)}
.cheon-gi-share__element strong{text-align:right;color:#cdbd9e;font-weight:600}
.cheon-gi-share__button{grid-column:1/-1;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 18px;border:1px solid #cfad67;border-radius:2px;color:#160e07;background:linear-gradient(115deg,#9f7435,#f0d189 48%,#aa7938);box-shadow:inset 0 1px rgba(255,255,255,.45),0 8px 24px rgba(0,0,0,.32);cursor:pointer}
.cheon-gi-share__button span{font-family:"Song Myung",serif;font-size:19px;font-weight:700}
.cheon-gi-share__button small{font-size:9px;font-weight:700;letter-spacing:.06em;opacity:.72}
.cheon-gi-share__button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.cheon-gi-share__button:focus-visible{outline:2px solid #fff0c6;outline-offset:3px}
.cheon-gi-share__privacy{grid-column:1/-1;margin:0;color:#777168;font-size:10px;line-height:1.65;text-align:center}
@media(max-width:560px){
  .cheon-gi-share{grid-template-columns:76px 1fr;gap:18px 16px;padding:24px 18px 20px}
  .cheon-gi-share__halo{width:74px;height:74px;box-shadow:0 0 0 4px #0b0b0b,0 0 0 5px rgba(215,182,111,.3)}
  .cheon-gi-share__halo span{font-size:40px}
  .cheon-gi-share__copy h2{font-size:21px!important}
  .cheon-gi-share__copy>p:last-child{font-size:12px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.cheon-gi-share,.cheon-gi-share__element em,.cheon-gi-share__button{transition:none!important}}