/* Calm at rest; warm, high-contrast highlight while shared content is unread. */
.sharesCard{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #577668;border-radius:20px;color:var(--text,#f5f3ef);background:linear-gradient(135deg,#1b2825,#191a20);text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}
.sharesCard:focus-visible{outline:3px solid #fff;outline-offset:4px}
.sharesIcon{flex:0 0 48px;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffffff0d;font-size:1.8rem}
.sharesBody{display:block;flex:1;min-width:0}.sharesHeading{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.sharesHeading strong{font-size:1.2rem}
.sharesDescription{display:block;font-size:.85rem;line-height:1.5;color:#c4ccc7;margin-top:5px;overflow-wrap:anywhere}
.sharesNew{padding:5px 10px;border-radius:999px;background:#312209;color:#fff1c2;font-size:.78rem;font-weight:850}
.sharesSummary{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sharesKinds{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.sharesKinds span{display:inline-block;border:1px solid #6f4a25;border-radius:10px;padding:6px 9px;background:#ffffff75;color:#36240e;font-size:.8rem;font-weight:750;line-height:1.4}
.sharesAction{display:block;margin-top:12px;font-weight:800;font-size:.84rem}.sharesSync{display:block;font-size:.76rem;margin-top:7px;line-height:1.4;opacity:.85}
.sharesCard.hasNew{border:2px solid #ffd770;padding:17px;color:#281c10;background:linear-gradient(120deg,#ffe7a5,#ffd28c);box-shadow:0 0 0 3px #ffd77020,0 8px 28px #eeb0461a}
.sharesCard.hasNew .sharesIcon{background:#ffffff80}.sharesCard.hasNew .sharesDescription{color:#584126}.sharesCard.hasNew .sharesAction{color:#38210c}
.sharesCard [hidden]{display:none!important}
@media(max-width:400px){.sharesCard{gap:10px;padding:14px}.sharesCard.hasNew{padding:13px}.sharesIcon{flex-basis:40px;width:40px;height:40px;font-size:1.55rem}.sharesHeading strong{font-size:1.1rem}.sharesNew{font-size:.73rem}.sharesDescription{font-size:.8rem}.sharesKinds span{padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.sharesCard{transition:none}}