.toppy-container{--toppy-primary:#10b981;--toppy-primary-hover:#059669;--toppy-bg:#fff;--toppy-bg-secondary:#f8fafc;--toppy-border:#e2e8f0;--toppy-text:#1e293b;--toppy-text-secondary:#64748b;--toppy-star:#f59e0b;--toppy-star-empty:#cbd5e1;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:100%;margin:0 auto}.toppy-list{display:flex;flex-direction:column;gap:.5rem}.toppy-card{background:var(--toppy-bg);border:1px solid var(--toppy-border);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.toppy-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}@media (min-width:768px){.toppy-card{flex-direction:row;padding:.75rem 1rem;gap:1rem;text-align:left;align-items:flex-start}}.toppy-card-left{flex-shrink:0}.toppy-logo-wrapper{position:relative;display:inline-block}.toppy-logo{width:140px;height:120px;border-radius:.75rem;object-fit:cover}.toppy-logo-fallback{width:140px;height:120px;border-radius:.75rem;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:var(--toppy-text-secondary);font-weight:700;font-size:.875rem}.toppy-rating-badge{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);background:var(--toppy-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:9999px}.toppy-card-middle{flex-grow:1;text-align:center;min-width:0}@media (min-width:768px){.toppy-card-middle{text-align:left}}.toppy-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.25rem}@media (min-width:768px){.toppy-header{flex-direction:row;align-items:baseline;gap:.5rem}}.toppy-title{font-size:1.125rem;font-weight:700;color:var(--toppy-text);margin:0;line-height:1.2}.toppy-stars{display:inline-flex;gap:.125rem;color:var(--toppy-star);vertical-align:baseline}.toppy-star{width:14px;height:14px;color:var(--toppy-star-empty)}.toppy-star.filled{color:var(--toppy-star)}.toppy-bonus{color:var(--toppy-primary);font-weight:600;font-size:1rem;margin-bottom:.5rem}.toppy-features{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center}@media (min-width:768px){.toppy-features{justify-content:flex-start}}.toppy-feature{background:#f1f5f9;color:#475569;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e2e8f0;display:inline-flex;align-items:center;gap:.25rem}.toppy-feature svg{color:var(--toppy-primary);flex-shrink:0}.toppy-card-right{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;padding-top:1rem}@media (min-width:768px){.toppy-card-right{padding-top:4rem}}.toppy-button{background:var(--toppy-primary);color:#fff !important;font-weight:700;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none !important;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease,transform .1s ease;white-space:nowrap}.toppy-button:hover{background:var(--toppy-primary-hover);color:#fff !important;text-decoration:none !important}.toppy-button:link,.toppy-button:visited,.toppy-button:hover,.toppy-button:active,.toppy-button:focus,.toppy-button span,.toppy-button svg{text-decoration:none !important;text-decoration-line:none !important;color:inherit !important}.toppy-button:active{transform:scale(.98)}.toppy-button svg{flex-shrink:0}.toppy-disclaimer{font-size:.75rem;color:var(--toppy-text-secondary);margin:0}.toppy-empty{text-align:center;color:var(--toppy-text-secondary);padding:2rem;background:var(--toppy-bg-secondary);border-radius:.75rem}.toppy-admin h1{margin-bottom:1.5rem}@media (max-width:480px){.toppy-logo,.toppy-logo-fallback{width:120px;height:108px}.toppy-button{padding:.625rem 1.25rem;font-size:.875rem}}