.select-wrap{width:100%}.select-label{color:var(--foreground);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.select-field{width:100%;height:2.5rem;color:var(--foreground);background:var(--surface);border:1px solid var(--border);appearance:none;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M6%208L2%204h8L6%208z%22%2F%3E%3C%2Fsvg%3E);background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border-radius:.375rem;outline:none;padding:.5rem 2.25rem .5rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;display:flex}.select-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.select-field:disabled{cursor:not-allowed;opacity:.5}.select-field.select-field--error{border-color:var(--negative)}.select-field.select-field--error:focus{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--negative)}.select-error{color:var(--negative);margin-top:.375rem;font-size:.875rem}.select-helper{color:var(--muted);margin-top:.375rem;font-size:.875rem}
.top-stocks-client{flex-direction:column;gap:1.5rem;display:flex}.top-stocks-client__filters{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.top-stocks-client__filters .select-wrap{width:10rem}.top-stocks-client__filters .select-wrap:last-of-type{width:8rem}.top-stocks-client__grid{gap:1.5rem;display:grid}.top-stocks-client__locked-wrap{position:relative}.top-stocks-client__grid--locked{opacity:0}.top-stocks-client__skeleton-card.card{border-left:4px solid #38bdf840}.top-stocks-client__skeleton-content{flex-direction:column;gap:.75rem;display:flex}.top-stocks-client__skeleton-line{background-size:200% 100%;border-radius:.5rem;height:.75rem;animation:1.35s ease-in-out infinite top-stocks-skeleton}.top-stocks-client__skeleton-line--lg{width:45%;height:1.25rem}.top-stocks-client__skeleton-line--md{width:70%}.top-stocks-client__skeleton-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.top-stocks-client__locked-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.top-stocks-client__paywall-cta{display:inline-block}@keyframes top-stocks-skeleton{0%{background-position:0 0}to{background-position:-200% 0}}@media (min-width:640px){.top-stocks-client__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.top-stocks-client__grid{grid-template-columns:repeat(3,1fr)}}.top-stocks-client__paywall.card{border-left-width:4px;border-left-color:var(--primary);background:#1a2332e6;border-color:#38bdf833}.top-stocks-client__paywall .card__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:2.5rem;padding-bottom:2.5rem;display:flex}@media (min-width:640px){.top-stocks-client__paywall .card__content{flex-direction:row;gap:1.5rem}}.top-stocks-client__paywall-text{color:var(--muted)}.top-stocks-client__paywall-text strong{color:var(--primary);font-weight:600}.top-stocks-client__show-more{margin-top:.5rem}
.page-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a2332cc;border-bottom:1px solid #2d3a4fcc}.page-header__inner{justify-content:space-between;align-items:center;max-width:72rem;height:4rem;margin:0 auto;padding-left:1rem;padding-right:1rem;display:flex}.page-header__logo{color:var(--foreground);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.page-header__logo-image{flex-shrink:0}.page-header__logo-accent{color:var(--primary)}.page-nav{align-items:center;gap:1.5rem;display:flex}.page-nav__link{color:var(--muted);font-size:.875rem;transition:color .2s}.page-nav__link:hover{color:var(--primary)}.page-nav__button{appearance:none;cursor:pointer;font-family:inherit;line-height:inherit;background:0 0;border:0;padding:0}.page-nav__link--active{color:var(--primary);font-weight:500}.page-footer{background:#1a23324d;border-top:1px solid #2d3a4fcc;margin-top:6rem;padding-top:2.5rem;padding-bottom:2.5rem}.page-footer__inner{text-align:center;max-width:72rem;color:var(--muted);margin:0 auto;padding-left:1rem;padding-right:1rem;font-size:.875rem}.page-footer__primary{margin-bottom:.75rem}.page-footer__secondary{flex-wrap:wrap;margin-bottom:1rem}.page-footer__copy{opacity:.8;font-size:.8125rem}.page-footer__link{color:inherit;transition:color .2s}.page-footer__link:hover{color:var(--primary)}.top-stocks-page{min-height:100vh}.top-stocks-page__main{max-width:72rem;margin:0 auto;padding:2.5rem 1rem}.top-stocks-page__intro{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:640px){.top-stocks-page__intro{flex-direction:row;justify-content:space-between;align-items:center}}.top-stocks-page__title{color:var(--foreground);font-size:1.5rem;font-weight:700}.top-stocks-page__desc{color:var(--muted)}.top-stocks-page__loading-row{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.top-stocks-page__spinner{border:2px solid #ffffff26;border-top-color:#38bdf8f2;border-radius:9999px;width:1rem;height:1rem;animation:.9s linear infinite top-stocks-page-spin}.top-stocks-page__stock-grid{gap:1.5rem;display:grid}@media (min-width:640px){.top-stocks-page__stock-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.top-stocks-page__stock-grid{grid-template-columns:repeat(3,1fr)}}.top-stocks-page__skeleton-card.card{border-left:4px solid #38bdf840}.top-stocks-page__skeleton-content{flex-direction:column;gap:.75rem;display:flex}.top-stocks-page__skeleton-line{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1f 35%,#ffffff0f 70%) 0 0/200% 100%;border-radius:.5rem;height:.75rem;animation:1.35s ease-in-out infinite top-stocks-page-skeleton}.top-stocks-page__skeleton-line--lg{width:45%;height:1.25rem}.top-stocks-page__skeleton-line--md{width:70%}@keyframes top-stocks-page-spin{to{transform:rotate(360deg)}}@keyframes top-stocks-page-skeleton{0%{background-position:0 0}to{background-position:-200% 0}}