.interest-picker{margin:1.5rem 0;padding:0;border:none}
.interest-picker h3{font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:700;color:var(--primary,#8b1e3f);margin:0 0 .5rem}
.interest-picker-hint{font-family:'DM Sans',sans-serif;font-size:.88rem;color:#666;margin:0 0 1rem}
.interest-group-label{font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:1.2rem 0 .5rem;display:block}
.interest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.65rem}
.interest-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.85rem .5rem;border:2px solid #ddd;border-radius:12px;background:#fff;cursor:pointer;transition:all .18s ease;text-align:center;-webkit-user-select:none;user-select:none;min-height:90px}
.interest-card:hover{border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.interest-card.selected{border-color:#059669;background:#059669;color:#fff;box-shadow:0 2px 8px rgba(5,150,105,.25)}
.interest-card.selected .card-label{color:#fff}
.interest-card.selected .card-emoji{filter:brightness(0) invert(1)}
.interest-card .card-emoji{font-size:1.6rem;line-height:1}
.interest-card .card-label{font-family:'DM Sans',sans-serif;font-size:.8rem;font-weight:600;color:#333;line-height:1.2;transition:color .18s ease}
.interest-card .card-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:#fff;color:#059669;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;opacity:0;transform:scale(.5);transition:all .18s ease}
.interest-card.selected .card-check{opacity:1;transform:scale(1)}
.interest-counter{font-family:'DM Sans',sans-serif;font-size:.82rem;color:var(--primary,#8b1e3f);font-weight:600;margin-bottom:.5rem;min-height:1.2rem}
.interest-skip{background:none;border:none;color:#888;font-family:'DM Sans',sans-serif;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:.3rem 0;margin-top:.3rem}
.interest-skip:hover{color:var(--primary,#8b1e3f)}
@media(max-width:640px){.interest-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.interest-card{padding:.65rem .4rem;min-height:78px}.interest-card .card-emoji{font-size:1.3rem}.interest-card .card-label{font-size:.73rem}}