@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap');
:root{
  --pink:#ff4fa3;--pink-deep:#e0348a;--purple:#8b5cf6;--violet:#6d28d9;
  --teal:#2dd4bf;--yellow:#ffd23f;--ink:#2b2140;--muted:#7d7096;
  --bg1:#ffeaf6;--bg2:#eee3ff;--white:#ffffff;
  --success:#17a06b;--success-bg:#e3fbf0;--error:#e3486e;--error-bg:#fff0f3;
  --radius:28px;--shadow:0 14px 34px rgba(109,40,217,.16);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;font-family:'Nunito',system-ui,sans-serif;color:var(--ink);
  background:
    radial-gradient(circle at 10% 15%,rgba(255,79,163,.28),transparent 42%),
    radial-gradient(circle at 90% 10%,rgba(139,92,246,.24),transparent 44%),
    radial-gradient(circle at 88% 90%,rgba(45,212,191,.22),transparent 42%),
    linear-gradient(160deg,var(--bg1),var(--bg2));
  min-height:100vh;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{font-family:'Fredoka',system-ui,sans-serif;margin:0}
a{color:inherit;text-decoration:none}
.wrap{max-width:640px;margin:0 auto;padding:22px 18px 40px}
.backlink{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--violet);font-size:14px;margin-bottom:14px}
.pill-btn{cursor:pointer;font-family:'Nunito',sans-serif;border:0;border-radius:999px;font-weight:800;padding:14px 22px;font-size:16px;
  background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 10px 22px rgba(224,52,138,.35);
  transition:transform .15s ease}
.pill-btn:active{transform:scale(.96)}
.pill-btn.ghost{background:#fff;color:var(--violet);border:2px solid #e7defc;box-shadow:none}
.hero{text-align:center;padding:26px 0 6px}
.hero.small{padding:6px 0 4px;text-align:left}
.hero .badge{display:inline-block;background:#fff;border-radius:999px;padding:8px 16px;font-weight:800;color:var(--violet);font-size:13px;box-shadow:var(--shadow);margin-bottom:14px}
.hero h1{font-size:32px;line-height:1.15}
.hero.small h1{font-size:24px}
.hero p{color:var(--muted);font-weight:700;margin-top:8px}
.pickgrid{display:grid;gap:16px;margin-top:22px}
.pickcard{display:flex;align-items:center;gap:16px;background:var(--white);border-radius:24px;padding:20px;box-shadow:var(--shadow);transition:transform .15s ease}
.pickcard:active{transform:scale(.98)}
.pickcard .avatar{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;overflow:hidden}
.pickcard .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pickcard .meta h2{font-size:19px}
.pickcard .meta p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:700}
.pickcard .chev{margin-left:auto;color:var(--muted);font-size:24px}
.confetti-piece{position:fixed;top:0;left:0;width:10px;height:14px;border-radius:3px;pointer-events:none;z-index:9999;will-change:transform,opacity}
@keyframes confetti-fall{0%{transform:translate(var(--x0),var(--y0)) rotate(0deg);opacity:1}100%{transform:translate(var(--x1),var(--y1)) rotate(var(--r));opacity:0}}
@media(max-width:480px){.wrap{padding:16px 14px 32px}}