/* wins-simple.css: Share My Win (share-win.html), one simple feed like Say hello. */
.sw{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.sw-top h1{font:900 clamp(2rem,5vw,2.6rem)/1.05 var(--font-display);margin:8px 0 4px;color:var(--dark)}
.sw-top h1 em{color:var(--fg-e2556f,#E2556F)}
.sw-top p{margin:0;color:var(--muted)}
.sw-label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}
.sw-post textarea{width:100%;min-height:84px;border:1.5px solid var(--ln-eadbd3,#EADBD3);border-radius:16px;padding:12px 14px;font:500 15px/1.5 var(--font-body);background:var(--bg-fffbf9,#FFFBF9);resize:vertical;color:var(--fg-2c1810,#2C1810);box-sizing:border-box}
.sw-post textarea:focus{outline:none;border-color:var(--ln-f4829a,#F4829A)}
.sw-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.sw-row .grow,.sw-acts .grow{flex:1}
.sw-pill{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ln-eadbd3,#EADBD3);border-radius:999px;padding:8px 13px;background:var(--bg-ffffff,#fff);font:700 13px var(--font-body);color:var(--fg-3d2b20,#3D2B20);cursor:pointer}
.sw-anon{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:600;cursor:pointer}
.sw-anon input{accent-color:var(--fg-f4829a,#F4829A)}
.sw-thumb{position:relative;width:96px;height:72px;border-radius:12px;overflow:hidden;border:1px solid var(--ln-eadbd3,#EADBD3);margin-top:10px}
.sw-thumb[hidden]{display:none}
.sw-thumb img{width:100%;height:100%;object-fit:cover}
.sw-thumb button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:var(--bg-2c1810,#2C1810);color:var(--fg-ffffff,#fff);font-size:11px;cursor:pointer}
.sw-err{margin:10px 0 0;color:var(--fg-c2475f,#C2475F);font-size:13.5px;font-weight:600}
.sw-err[hidden]{display:none}
.sw-note{font-size:12px;color:var(--muted);margin:8px 0 0}
.sw-h{font:900 1.35rem var(--font-display);margin:10px 0 0;color:var(--dark)}
.sw-h em{color:var(--fg-e2556f,#E2556F)}
.sw-feed{display:flex;flex-direction:column;gap:14px}
.sw-win .who{display:flex;gap:10px;align-items:center}
.sw-win .who b{font-size:14.5px}
.sw-win .who small{display:block;color:var(--muted);font-size:12.5px}
.sw-ok{color:var(--fg-3e9e93,#3E9E93)}
.sw-headline{margin:12px 0 0;font:900 1.15rem/1.3 var(--font-display);color:var(--dark)}
.sw-headline + .sw-text{margin-top:6px}
.sw-text{margin:12px 0 0;font-size:15px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
.sw-text.clip{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.sw-more{border:0;background:none;padding:4px 0 0;font:700 13.5px var(--font-body);color:var(--fg-e2556f,#E2556F);cursor:pointer}
.sw-shot{display:block;margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid var(--ln-eadbd3,#EADBD3);max-width:100%;width:fit-content}
.sw-shot[hidden]{display:none}
.sw-shot img{display:block;max-width:100%;max-height:360px;width:auto}
.sw-acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--ln-eadbd3,#EADBD3)}
.sw-cheer{border:1.5px solid var(--ln-eadbd3,#EADBD3);background:var(--bg-ffffff,#fff);border-radius:999px;padding:6px 13px;font:700 13.5px var(--font-body);color:var(--fg-3d2b20,#3D2B20);cursor:pointer}
.sw-cheer.on{background:var(--bg-fde8ed,#FDE8ED);border-color:var(--ln-f4829a,#F4829A);color:var(--fg-e2556f,#E2556F)}
.sw-admin{border:0;background:none;font:700 12.5px var(--font-body);color:var(--muted);cursor:pointer;padding:4px 6px}
.sw-empty{text-align:center}
.sw-reviews{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-radius:18px;padding:14px 18px;background:var(--bg-fff7e8,#FFF7E8);border:1px solid var(--ln-f3e3c2,#F3E3C2);margin-top:8px}
.sw-reviews b{font:900 1.3rem var(--font-display)}
.sw-reviews .ac-muted{font-size:13.5px}
.sw-stars{color:var(--fg-e8a33a,#E8A33A);letter-spacing:2px}
.sw-rev-btns{display:flex;gap:8px;flex-wrap:wrap}
.sw-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:200;background:var(--bg-2c1810,#2C1810);color:var(--fg-fffbf9,#FFFBF9);padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 10px 30px rgba(44,24,16,.25)}
/* Wins brought over from the Discord wins channel (api/_lib/discord-wins.js). */
.sw-dc{background:var(--bg-eeedfb,#EEEDFB);font-size:18px}
.sw-from{display:inline-flex;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--bg-eeedfb,#EEEDFB);color:var(--c-purple-ink,#5A51B8);vertical-align:2px}
.sw-dcbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;border:1.5px dashed var(--ln-f4829a,#F4829A);background:var(--bg-fdf3ef,#FDF3EF);font-size:13.5px}
.sw-dcbar[hidden]{display:none}
.sw-admin.on{border:1.5px solid var(--ln-f4829a,#F4829A);border-radius:999px;padding:6px 12px;color:var(--fg-e2556f,#E2556F)}
.sw-err-inline{color:var(--fg-c2475f,#C2475F)}
.sw-dcmsg{margin:-6px 0 0;padding:10px 14px;border-radius:12px;background:var(--bg-ffffff,#fff);border:1px solid var(--ln-eadbd3,#EADBD3);font-size:13.5px;line-height:1.5}
.sw-dcmsg[hidden]{display:none}

/* Featured wins, in the AGHF Signature style: a soft pastel section, white cards, pink-to-peach touches. */
.sw-feat{border-radius:26px;padding:20px 20px 22px;background:radial-gradient(70% 90% at 0% 0%,var(--bg-fde8ed,#FDE8ED),transparent 70%),radial-gradient(60% 80% at 100% 100%,var(--bg-fef0e1,#FEF0E1),transparent 70%),var(--bg-fffbf9,#FFFBF9);border:1px solid var(--ln-f3e6e0,#F3E6E0);box-shadow:0 10px 30px rgba(44,24,16,.06)}
.sw-feat h2{font:900 clamp(1.3rem,3.4vw,1.6rem)/1.15 var(--font-display);margin:8px 0 14px;color:var(--dark)}
.sw-feat h2 em{color:var(--fg-e2556f,#E2556F)}
.sw-feat-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:900px){.sw-feat-grid.many{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}
.sw-feat-card{display:flex;align-items:center;gap:14px;min-width:0;width:100%;box-sizing:border-box;text-align:left;cursor:pointer;border:1px solid var(--ln-f3e6e0,#F3E6E0);border-radius:22px;padding:12px;background:var(--bg-ffffff,#fff);box-shadow:0 8px 22px rgba(44,24,16,.06);font-family:var(--font-body);color:var(--fg-2c1810,#2C1810);position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.sw-feat-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--acc-grad,linear-gradient(90deg,var(--bg-f4829a,#F4829A),var(--bg-f5a857,#F5A857)))}
.sw-feat-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(44,24,16,.1)}
.sw-feat-card .pic{width:84px;height:84px;border-radius:16px;flex:none;background:center/cover no-repeat var(--bg-fdf3ef,#FDF3EF)}
.sw-feat-card .pic.none{display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,var(--bg-fde8ed,#FDE8ED),var(--bg-fef0e1,#FEF0E1))}
.sw-feat-card .tx{min-width:0;display:flex;flex-direction:column;gap:5px}
.sw-feat-card .badge{align-self:flex-start;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--fg-e2556f,#E2556F);background:var(--bg-fde8ed,#FDE8ED);border-radius:999px;padding:3px 9px}
.sw-feat-card b{font:900 1.02rem/1.3 var(--font-display);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.sw-feat-card .by{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.sw-feat-card .by .hm-av{width:22px;height:22px;font-size:11px}
@media (min-width:900px){.sw-feat-grid.many .sw-feat-card{flex-direction:column;align-items:stretch}.sw-feat-grid.many .sw-feat-card .pic{width:100%;height:130px}}
@media (prefers-reduced-motion:reduce){.sw-feat-card{transition:none}.sw-feat-card:hover{transform:none}}
