.grid-1-column.product-grid-v1{display:grid;grid-template-columns:1fr;gap:16px;width:100%}.card.product-card-v1{display:flex;justify-content:space-between;align-items:center;background:#ffffff;padding:20px 24px;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease;gap:16px}:global(.dark) .card.product-card-v1{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.card.product-card-v1:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}:global(.dark) .card.product-card-v1:hover{box-shadow:0 4px 12px rgba(0,0,0,.4)}.product-rank-badge{flex-shrink:0}.product-rank-badge,.rank-number{display:flex;align-items:center;justify-content:center;min-width:48px}.rank-number{font-size:16px;font-weight:700;color:#6b7280;background:#f3f4f6;border-radius:8px;padding:8px 12px;height:48px}:global(.dark) .rank-number{color:rgba(255,255,255,.7);background:rgba(255,255,255,.08)}.product---description{display:flex;gap:16px;align-items:center;flex:1;min-width:0}.avatar-circle._04{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0}.product---name{font-size:16px;font-weight:700;color:#111827;margin-bottom:4px}:global(.dark) .product---name{color:rgba(255,255,255,.95)}.paragraph-small.medium{font-size:14px;color:#6b7280;line-height:1.5}:global(.dark) .paragraph-small.medium{color:rgba(255,255,255,.6)}.mg-bottom-10px{margin-bottom:8px}.product---tag-wrapper{margin-top:8px;display:flex;align-items:center;gap:8px}.badge-primary.small{background:#f3f4f6;color:#374151;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;display:inline-flex;align-items:center}:global(.dark) .badge-primary.small{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}.daily-star{color:#D4AF37;margin-right:4px;font-size:12px}.product-card---links-wrapper{display:flex;align-items:center;gap:12px;flex-shrink:0}.upvote-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 14px;border:1.5px solid #e5e7eb;border-radius:8px;background:#ffffff;cursor:pointer;transition:all .2s ease;min-width:60px}:global(.dark) .upvote-button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.upvote-button:hover{border-color:#ff6154;background:#fef2f2;transform:translateY(-2px)}:global(.dark) .upvote-button:hover{background:rgba(255,97,84,.1);border-color:#ff6154}.upvote-button.upvoted{border-color:#ff6154;background:#fef2f2}:global(.dark) .upvote-button.upvoted{background:rgba(255,97,84,.15);border-color:#ff6154}.upvote-button.upvoted svg{color:#ff6154;animation:upvote-pop .4s cubic-bezier(.68,-.55,.265,1.55)}.upvote-button.upvoted .upvote-count{color:#ff6154;animation:count-bounce .3s cubic-bezier(.68,-.55,.265,1.55)}.upvote-button svg{width:16px;height:16px;color:#6b7280;transition:all .2s ease}:global(.dark) .upvote-button svg{color:rgba(255,255,255,.6)}.upvote-button:hover svg{color:#ff6154}.upvote-count{font-size:13px;font-weight:700;color:#111827;transition:color .2s ease}:global(.dark) .upvote-count{color:rgba(255,255,255,.9)}.btn-primary.btn-visit{display:inline-flex;align-items:center;gap:6px;background:#111827;color:white;font-weight:600;font-size:14px;padding:10px 18px;border-radius:8px;text-decoration:none;transition:all .2s ease;white-space:nowrap}:global(.dark) .btn-primary.btn-visit{background:rgba(255,255,255,.1);color:rgba(255,255,255,.95)}.btn-primary.btn-visit:hover{background:#000000;transform:translateY(-1px)}:global(.dark) .btn-primary.btn-visit:hover{background:rgba(255,255,255,.15)}.line-rounded-icon.link-icon-right{display:flex;align-items:center}.period-filter{display:flex;gap:8px;justify-content:center;margin-top:20px;margin-bottom:24px;flex-wrap:wrap}.period-btn{padding:8px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#ffffff;color:#374151;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}:global(.dark) .period-btn{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.period-btn:hover{background:#f9fafb;border-color:#d1d5db}:global(.dark) .period-btn:hover{background:rgba(255,255,255,.08)}.period-btn.active{background:#111827;color:#ffffff;border-color:#111827}:global(.dark) .period-btn.active{background:rgba(255,255,255,.15);color:rgba(255,255,255,.95);border-color:rgba(255,255,255,.2)}@media (max-width:768px){.card.product-card-v1{flex-wrap:wrap;gap:12px}.product-rank-badge,.rank-number{min-width:40px}.rank-number{font-size:14px;height:40px;padding:6px 10px}.avatar-circle._04{width:48px;height:48px}.product---name{font-size:15px}.paragraph-small.medium{font-size:13px}.product-card---links-wrapper{width:100%;justify-content:space-between;margin-left:56px}.btn-primary.btn-visit{flex:1;justify-content:center}.upvote-button{min-width:56px}}@keyframes upvote-pop{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}@keyframes count-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.upvote-button:active{transform:scale(.95);transition:transform .1s ease}.btn-primary.btn-visit:active{transform:scale(.97) translateY(-1px);transition:transform .1s ease}@keyframes float-slow{0%,to{transform:translateY(0) translateX(0) scale(1)}33%{transform:translateY(-20px) translateX(10px) scale(1.05)}66%{transform:translateY(-10px) translateX(-10px) scale(.95)}}@keyframes float-medium{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}33%{transform:translateY(-30px) translateX(-15px) rotate(120deg)}66%{transform:translateY(-15px) translateX(15px) rotate(240deg)}}@keyframes float-fast{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.1)}}@keyframes float-slower{0%,to{transform:translateY(0) translateX(0) scale(1)}25%{transform:translateY(-15px) translateX(15px) scale(1.1)}50%{transform:translateY(-30px) translateX(0) scale(1)}75%{transform:translateY(-15px) translateX(-15px) scale(.9)}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-float-slow{animation:float-slow 20s ease-in-out infinite}.animate-float-medium{animation:float-medium 15s ease-in-out infinite}.animate-float-fast{animation:float-fast 10s ease-in-out infinite}.animate-float-slower{animation:float-slower 25s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.bg-grid-pattern{background-image:linear-gradient(90deg,currentColor 1px,transparent 0),linear-gradient(180deg,currentColor 1px,transparent 0);background-size:40px 40px}.card-3d{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-3d:hover{transform:rotateY(5deg) rotateX(5deg) translateZ(10px)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 8s ease infinite}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}.shine-effect{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);background-size:200% 100%;animation:shine 3s ease-in-out infinite}@keyframes blob-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}50%{border-radius:50% 60% 30% 60%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 40%/70% 30% 50% 60%}}.animate-blob{animation:blob-morph 15s ease-in-out infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scaleIn{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}