.share-button{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;background:transparent;border:0;color:inherit;flex-shrink:0}.share-button svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.share-button:focus-visible{outline:2px solid var(--loot-blue);outline-offset:3px}
.kirino-share-sheet{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:92dvh;overflow:auto;padding:48px 20px 20px;background:#f6f3ec;color:#142035;border:0;border-radius:16px;overscroll-behavior:contain}.kirino-share-sheet::backdrop{background:#08102099}.share-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;background:transparent;color:#142035;font-size:26px}.share-motion{display:grid;place-items:center;min-height:100px;overflow:hidden}.share-brand{display:inline-flex;align-items:center;white-space:nowrap;font-size:clamp(19px,5.6vw,26px);font-weight:750;letter-spacing:-.03em;line-height:1.2}.share-glyph{position:relative;display:inline-block}.share-glyph>span{display:inline-block;animation:share-letter 1.8s both;animation-delay:calc(var(--i)*65ms)}.share-shape{position:absolute;inset:0;display:grid;place-items:center;animation:share-roll 1.8s both;animation-delay:calc(var(--i)*65ms);transform-origin:50% 100%}.share-shape svg{width:1em;height:1em;fill:#ff6b5c}.share-shape.shape-0{background:#3b7bff;border-radius:50%;width:.8em;height:.8em;top:.15em}.share-shape.shape-0 svg{display:none}.share-shape.shape-1{background:#ffc83d;width:.8em;height:.8em;top:.15em;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.share-shape.shape-1 svg{display:none}.share-progress{font-size:14px;line-height:1.6;min-height:24px;margin:8px 0 18px;text-align:center}.share-preview{max-height:48dvh;overflow:auto;border:1px solid #dcd8d0;background:#fff;overscroll-behavior:contain}.share-preview img{display:block;width:100%;height:auto;max-width:100%}.share-help{font-size:12px;line-height:1.6;margin:12px 0;color:#505761}.share-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.share-actions button{flex:1 1 auto;min-height:44px;padding:10px 14px;font:inherit;font-size:14px;background:#e5e2db;color:#142035;border-radius:6px}.share-actions .share-save{background:#ffc83d}.share-actions .share-native{background:#2edba8}.share-ready .share-motion{min-height:74px}.share-actions button:focus-visible,.share-close:focus-visible{outline:3px solid #3b7bff;outline-offset:2px}@keyframes share-roll{0%{transform:translateX(110px) rotate(180deg);opacity:0}12%{opacity:1}58%{transform:translateX(0) rotate(-15deg);opacity:1}75%{transform:translateX(0) rotate(0);opacity:1}100%{transform:translateY(-8px) rotate(0) scale(.4);opacity:0}}@keyframes share-letter{0%,55%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.share-glyph>span{animation:none}.share-shape{display:none}}@media(max-width:480px){.kirino-share-sheet{padding:48px 16px 18px;max-height:94dvh}.share-preview{max-height:50dvh}}