/* Share your wins (account page). Moved from the perks page 12 Nov 2026. Vibe palette only: olive, sage, blush, linen, brown. Never yellow. */
.share-wins{--olive-dark:#373d2b;--muted:#6b645a;--white:#fffdf9;margin-top:18px;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start;scroll-margin-top:20px}
.share-wins:hover{transform:none}
.share-wins h2{font:500 clamp(1.7rem,3.5vw,2.3rem)/1.15 Georgia,serif;margin:4px 0 8px;color:var(--olive-dark)}
.share-wins .intro{color:var(--muted);margin:0 0 16px}
.share-wins .picks,.share-wins .options{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.share-wins .picks button,.share-wins .options button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;font-size:.9rem;color:var(--brown);cursor:pointer;transition:all .2s ease}
.share-wins .picks button:hover,.share-wins .options button:hover{border-color:var(--sage);transform:translateY(-2px)}
.share-wins .picks button[aria-pressed="true"]{background:var(--olive);border-color:var(--olive);color:#fff;box-shadow:0 8px 18px -10px rgba(80,82,56,.8)}
.share-wins .options{padding:14px;border-radius:20px;background:var(--linen)}
.share-wins .options button{font-size:.85rem;padding:6px 12px}
.share-wins .options button[aria-pressed="true"]{background:var(--blush);border-color:var(--blush);color:var(--brown)}
.share-wins .options .stepper{display:flex;align-items:center;gap:12px;font-weight:700}
.share-wins .options .stepper button{width:40px;height:40px;padding:0;font-size:1.2rem}
.share-wins .options .stepper output{font:600 1.8rem/1 Georgia,serif;color:var(--olive-dark);min-width:1.4em;text-align:center}
.share-wins .options input[type=text]{flex:1 1 220px;min-width:0;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font:inherit;background:#fff;color:var(--brown)}
.share-wins .options .lbl{width:100%;font-size:.82rem;font-weight:700;color:var(--muted)}
.share-wins label.cap{display:block;font-size:.85rem;font-weight:700;color:#4a3a38;margin-bottom:6px}
.share-wins textarea{width:100%;min-height:150px;font:inherit;border:1.5px solid var(--line);border-radius:18px;padding:14px 16px;background:var(--linen);color:var(--brown);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}
.share-wins textarea:focus,.share-wins .options input:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 4px rgba(133,136,105,.18)}
.share-wins .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.share-wins .sbtn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--olive);background:var(--olive);color:#fff;border-radius:999px;padding:10px 18px;font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.share-wins .sbtn:hover{transform:translateY(-2px);background:var(--olive-dark);box-shadow:0 10px 20px -12px rgba(55,61,43,.8)}
.share-wins .sbtn.ghost{background:#fff;color:var(--olive)}.sbtn.ghost:hover{background:var(--linen)}
.share-wins .sbtn svg{width:18px;height:18px}
.share-wins .tip{font-size:.85rem;color:var(--muted);margin:12px 0 0}
.share-wins .story{position:sticky;top:20px}
.share-wins .story .phone{margin:0 auto;width:min(270px,100%);aspect-ratio:9/16;border-radius:30px;padding:10px;background:var(--brown);box-shadow:0 30px 50px -28px rgba(58,41,40,.7);transform:rotate(2deg);transition:transform .4s ease}
.share-wins .story .phone:hover{transform:rotate(0) scale(1.02)}
.share-wins .story canvas{width:100%;height:100%;border-radius:22px;display:block}
.share-wins .story p{text-align:center;font-size:.82rem;color:var(--muted);margin:12px 0 0}
.sw-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#3A2928;color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;opacity:0;transition:all .35s ease;z-index:60;pointer-events:none}
.sw-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.share-wins{grid-template-columns:1fr}.share-wins .story{position:static}}
@media(prefers-reduced-motion:reduce){.share-wins *{transition:none!important}}