.mood-share{--mood-share-size:44px;--mood-share-top:160px;box-sizing:border-box;font-family:inherit;font-size:15px;line-height:1.4;color:#243148}
.mood-share *{box-sizing:border-box}.mood-share [hidden]{display:none!important}
.mood-share--inline{margin:24px 0;clear:both}.mood-share-heading{font-size:16px!important;font-weight:700!important;line-height:1.5!important;margin:0 0 12px!important;color:inherit}
.mood-share-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}
.mood-share .mood-share-button{--mood-share-bg:#15528a;--mood-share-fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-width:var(--mood-share-size);min-height:var(--mood-share-size);height:auto;padding:9px 14px;margin:0;border:2px solid transparent;border-radius:12px;background:var(--mood-share-bg)!important;color:var(--mood-share-fg)!important;text-decoration:none!important;box-shadow:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:normal;text-transform:none;transition:transform .15s,box-shadow .15s}
.mood-share .mood-share-button:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0003}.mood-share .mood-share-button:focus-visible,.mood-share input:focus-visible,.mood-share-copy-fallback button:focus-visible{outline:3px solid #15528a;outline-offset:3px;box-shadow:0 0 0 3px #fff}
.mood-share-button img{display:block!important;width:24px!important;height:24px!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain}
.mood-share-symbol{font-size:22px;font-weight:700;min-width:24px;text-align:center;line-height:24px}.mood-share--dark-icon img{filter:brightness(0)}
.mood-share--icons .mood-share-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mood-share--icons .mood-share-button{padding:8px}
.mood-share--round .mood-share-button{border-radius:50%}.mood-share--square .mood-share-button{border-radius:4px}
.mood-share--center .mood-share-list{justify-content:center}.mood-share--center .mood-share-heading{text-align:center}.mood-share--right .mood-share-list{justify-content:flex-end}.mood-share--right .mood-share-heading{text-align:right}
.mood-share-status{display:block;font-size:13px;line-height:1.5;margin-top:6px}.mood-share-status:empty{display:none}
.mood-share-copy-fallback{padding:12px;background:#f1f5fa;color:#243148;border:1px solid #c8d4e2;border-radius:8px;max-width:100%;margin-top:10px}.mood-share-copy-fallback label{display:block;font-size:14px}.mood-share-copy-fallback input{width:100%;min-height:44px;background:#fff;color:#111;border:1px solid #64748b;font-size:14px}.mood-share-copy-fallback button{background:#15528a;color:#fff;border:0;border-radius:6px;padding:10px 14px;margin-top:8px;min-height:44px;cursor:pointer}
.mood-share--floating{position:fixed;top:var(--mood-share-top);z-index:9990;margin:0;padding:8px;background:#fffffff5;border:1px solid #d8e0eb;border-radius:14px;box-shadow:0 3px 18px #132b4320;max-height:calc(100vh - var(--mood-share-top) - 20px);overflow-y:auto;max-width:220px}.mood-share--side-left{left:12px}.mood-share--side-right{right:12px}.mood-share--floating .mood-share-list{flex-direction:column;flex-wrap:nowrap;gap:6px}.mood-share--floating .mood-share-status{max-width:150px}
@media(max-width:782px){.mood-share--desktop{display:none}.mood-share--mobile{top:auto;bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:45vh;border-radius:14px 14px 0 0;padding:8px 12px max(8px,env(safe-area-inset-bottom));overflow-y:auto}.mood-share--mobile .mood-share-list{flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:4px;gap:8px}.mood-share--mobile .mood-share-status{max-width:none}.mood-share--mobile .mood-share-copy-fallback{margin-top:4px}.mood-share--inline .mood-share-button{font-size:13px}.mood-share--inline .mood-share-list{gap:8px}body:has(.mood-share--mobile){padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.mood-share .mood-share-button{transition:none}.mood-share .mood-share-button:hover{transform:none}}
@media print{.mood-share{display:none!important}}