.repcard{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.stats-wrapper{display:flex;flex-direction:column;justify-content:space-between;padding:15px;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.05);border:1px solid rgba(124,58,237,.1);transition:.3s,background-color .3s,border-color .3s;min-width:90px;flex-grow:1}.count,.heading{transition:color .3s}body.dark-mode .stats-wrapper{background-color:#1e1e1e;box-shadow:0 4px 10px rgba(0,0,0,.2);border:1px solid rgba(124,58,237,.2)}.stats-wrapper:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(124,58,237,.1)}body.dark-mode .stats-wrapper:hover{box-shadow:0 8px 15px rgba(124,58,237,.2)}.heading{font-size:.8em;color:#64748b;margin:0 0 8px;position:relative;display:inline-block}body.dark-mode .heading{color:#94a3b8}.heading::after{content:'';position:absolute;bottom:-4px;left:0;width:20px;height:2px;background-color:#7c3aed;border-radius:1px}.bottom-wrapper{display:flex;align-items:center;gap:8px}.count{font-size:1.2em;font-weight:600;color:#1e293b;margin:0}body.dark-mode .count{color:#e2e8f0}.comment,.star,.tag,.thumb{width:20px;height:20px;fill:#7c3aed;transition:fill .3s,stroke .3s}.star{fill:gold}body.dark-mode .star{fill:#eab308}.comment,.thumb{stroke:#7c3aed;fill:none;stroke-width:2}body.dark-mode .comment,body.dark-mode .thumb{stroke:#a78bfa}.tag{fill:#7c3aed}body.dark-mode .tag{fill:#a78bfa}@media (max-width:768px){.repcard{gap:8px}.stats-wrapper{padding:10px;min-width:70px}.heading{font-size:.7em}.count{font-size:1em}.comment,.star,.tag,.thumb{width:16px;height:16px}}