/* Share Kemy (js/share-kemy.js). Purple and gold, light text on dark, dark text on gold. */
.sk-page { max-width: 460px; margin: 0 auto; padding: 4px 0 28px; }
.sk-home { max-width: 520px; margin: 0 auto; }
.sk-back-row { margin: 0 0 6px; }
.sk-back { color: var(--purple-light, #b57cff); font-weight: 600; text-decoration: none; }
.sk-lead { margin: -6px 0 14px; color: var(--muted, #b3aac6); }
.sk-card { text-align: center; }
.sk-qr-wrap {
  display: inline-block; box-sizing: border-box; max-width: 100%;
  background: #fff6d6; border-radius: 28px; padding: 14px;
  border: 4px solid #ffc83d; box-shadow: 0 16px 40px rgba(42, 8, 69, .35);
}
.sk-qr-wrap canvas { display: block; height: auto; border-radius: 8px; image-rendering: pixelated; }
.sk-url { margin: 14px 0 0; }
.sk-url a {
  color: #1a0533; background: #fff6d6; text-decoration: none; font-weight: 700;
  padding: 8px 12px; border-radius: 12px; display: inline-block; word-break: break-all;
}
.sk-actions { display: grid; gap: 10px; margin-top: 16px; }
.sk-actions .btn { width: 100%; justify-content: center; min-height: 52px; }
.sk-credit { margin: 16px 0 0; color: var(--muted, #c4b5fd); font-size: .92rem; }
.sk-toast {
  position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom)); transform: translateX(-50%);
  z-index: 400; background: #1a0533; color: #fff6d6; border: 1px solid #ffc83d;
  padding: 12px 18px; border-radius: 999px; font-weight: 700; opacity: 0; pointer-events: none;
  transition: opacity .2s;
}
.sk-toast.on { opacity: 1; }
.sk-hub {
  display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 12px 14px;
  border-radius: 16px; text-decoration: none; color: #1a0533;
  background: linear-gradient(90deg, #fff6d6, #ffc83d); border: 2px solid #2a0845;
}
.sk-hub b { display: block; font-size: 1.02rem; color: #1a0533; }
.sk-hub small { display: block; color: #3b2460; font-size: .82rem; line-height: 1.35; }
.sk-hub-ic {
  width: 44px; height: 44px; border-radius: 12px; background: #2a0845; color: #ffc83d;
  display: grid; place-items: center; flex-shrink: 0;
}
.sk-hub-ic svg { width: 26px; height: 26px; }
.share-home {
  display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px;
  border-radius: 999px; color: #fff6d6; background: rgba(138, 43, 226, .35);
  border: 1px solid #ffc83d; text-decoration: none; flex-shrink: 0;
}
.share-home svg { width: 22px; height: 22px; }
.header-tools { display: flex; align-items: center; gap: 8px; order: 3; }
.vshare {
  position: absolute; right: 56px; top: calc(env(safe-area-inset-top) + 8px);
  width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: #fff;
  background: rgba(0, 0, 0, .45); border: 1px solid rgba(255, 255, 255, .18);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.vshare svg { width: 21px; height: 21px; }
.vshare .ki { stroke: #fff; }