.kg-share-hero{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.kg-share-main{flex:1 1 100%}@media(min-width:640px){.kg-share-main{flex:0 0 auto}}.kg-share-row{display:flex;flex-wrap:wrap;gap:8px}.kg-share-hero:not(.is-native) .kg-share-row .kg-share-wa{display:none}@media(max-width:639px){.kg-share-hero .kg-share-row{flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr}.kg-share-hero .kg-share-row .kg-share-item{justify-content:center}.kg-share-hero:not(.is-native) .kg-share-row>.kg-share-item:last-child{grid-column:1 / -1}}.kg-share-item{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--color-line);border-radius:10px;background:var(--color-surface);color:var(--color-ink);font-size:14px;font-weight:500;transition:background-color .15s ease,border-color .15s ease}.kg-share-item:hover{background:var(--color-surface-2);border-color:var(--color-line-strong)}.kg-share-wa svg{color:#25d366}.kg-share-li svg{color:#0a66c2}:root[data-theme=dark] .kg-share-li svg{color:#70b5f9}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .kg-share-li svg{color:#70b5f9}}.kg-share-note{flex-basis:100%;min-height:1.25em;font-size:13px;color:var(--color-muted)}.kg-share-note:empty{display:none}.cert-support{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-line)}.cert-support-options{display:grid;gap:20px;margin-top:16px}@media(min-width:720px){.cert-support-options{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}.cert-support-chip{min-height:44px;padding:0 16px;border:1px solid var(--color-line-strong);border-radius:12px;font-size:15px;font-weight:500}.cert-support-chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.kg-share-menu{position:relative;display:inline-block}.kg-share-menu>summary{list-style:none;cursor:pointer}.kg-share-menu>summary::-webkit-details-marker{display:none}.kg-share-pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:200px;display:grid;gap:4px;padding:6px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;box-shadow:0 12px 32px #0000001f}.kg-share-pop .kg-share-item{border-color:transparent;width:100%}.kg-share-end .kg-share-pop{left:auto;right:0}.kg-milestone .kg-share-pop{top:auto;bottom:calc(100% + 6px)}.kg-celebrate-band{display:grid;grid-template-columns:auto 1fr;gap:16px 18px;align-items:start;padding:22px;border-radius:var(--radius-card);background:var(--color-primary-subtle);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent)}.kg-celebrate-band>.kg-share-hero{grid-column:1 / -1}@media(min-width:640px){.kg-celebrate-band{padding:26px 28px}.kg-celebrate-band>.kg-share-hero{grid-column:2}}.kg-celebrate-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--accent, var(--color-primary));color:var(--color-on-accent);flex:none}.kg-milestone{position:fixed;z-index:60;left:0;right:0;bottom:0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));background:var(--color-surface);border-top:3px solid var(--accent, var(--color-primary));border-radius:20px 20px 0 0;box-shadow:0 -12px 40px #00000029;animation:kg-rise .2s ease-out}.kg-milestone-grip{display:block;width:40px;height:4px;margin:0 auto 12px;border-radius:99px;background:var(--color-line-strong)}@media(min-width:768px){.kg-milestone{left:auto;right:24px;bottom:96px;width:360px;padding:20px;border:1px solid var(--color-line);border-top:3px solid var(--accent, var(--color-primary));border-radius:var(--radius-card)}.kg-milestone-grip{display:none}}.kg-celebrate-in{animation:kg-rise .2s ease-out}@keyframes kg-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.kg-milestone,.kg-celebrate-in{animation:none}}.cert-support-chip{box-shadow:var(--shadow-raise-sm);transition:transform .08s ease,box-shadow .08s ease}.cert-support-chip:active{transform:translateY(1px);box-shadow:var(--shadow-press)}.cert-support-chip[aria-pressed=true]{transform:translateY(2px);box-shadow:var(--shadow-sunken-active)}.kg-share-item{box-shadow:var(--shadow-raise-sm);transition:transform .08s ease,box-shadow .08s ease}.kg-share-item:active{transform:translateY(1px);box-shadow:var(--shadow-press)}.kg-celebrate-icon{box-shadow:0 3px color-mix(in srgb,var(--accent, var(--color-primary)) 55%,var(--color-ink))}.kg-celebrate-in .kg-celebrate-icon,.kg-milestone .kg-celebrate-icon{animation:kg-pop .45s cubic-bezier(.34,1.56,.64,1) .1s both}.kg-cert-enter{animation:kg-cert-enter .7s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 100%}@keyframes kg-cert-enter{0%{opacity:0;transform:perspective(1400px) rotateX(14deg) rotateY(-10deg) translateY(24px)}to{opacity:1;transform:none}}.mn-konfeti{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.mn-konfeti i{position:absolute;top:var(--y);left:var(--x);width:10px;height:16px;border-radius:3px;background:var(--c);transform:rotate(var(--r))}@media(prefers-reduced-motion:no-preference){.mn-konfeti i{animation:mn-jatuh 2.6s ease-in var(--d, 0s) both}@keyframes mn-jatuh{0%{transform:translateY(-60vh) rotate(0)}}}.kg-celebrate-band:has(>.mn-konfeti){position:relative}.kg-celebrate-band:has(>.mn-konfeti)>:not(.mn-konfeti){position:relative}@media(prefers-reduced-motion:reduce){.cert-support-chip,.kg-share-item{transition:none}.kg-celebrate-in .kg-celebrate-icon,.kg-milestone .kg-celebrate-icon,.kg-cert-enter{animation:none}}
