.badge-showcase-card{margin:1rem 0;overflow:hidden}.showcase-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0}.header-left{display:flex;flex-direction:column;gap:.25rem}.showcase-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.badge-count{font-size:.8rem;color:hsla(0,0%,100%,.5)}.expand-button{background:hsla(0,0%,100%,.1);border:none;color:hsla(0,0%,100%,.6);width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s ease}.expand-button:hover{background:hsla(0,0%,100%,.15);color:#fff}.showcase-content{padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1);margin-top:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.showcase-preview{padding-top:.5rem}.preview-badges{display:flex;gap:.5rem;align-items:center}.preview-hint{font-size:.75rem;color:hsla(0,0%,100%,.4);font-style:italic}.showcase-loading{display:flex;align-items:center;gap:.75rem;color:hsla(0,0%,100%,.6);font-size:.9rem}.loading-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.1);border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.recalculate-section{margin-top:1rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1);text-align:center}.recalculate-btn{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.3);color:#4f46e5;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.recalculate-btn:hover{background:rgba(79,70,229,.2);border-color:#4f46e5}