vaadin-icon.vaadin-icon-responsive{--vaadin-icon-visual-size: 1.0rem;--vaadin-icon-size: 1.0rem}span.stock-name-responsive{font-size: var(--lumo-font-size-s);font-weight: 300}div.tag-panel-value-responsive{font-size: var(--lumo-font-size-s);font-weight: 500}@media (min-width: 640px){vaadin-icon.vaadin-icon-responsive{--vaadin-icon-visual-size: 1.2rem;--vaadin-icon-size: 1.2rem}span.stock-name-responsive{font-size: var(--lumo-font-size-l);font-weight: 500}div.tag-panel-value-responsive{font-size: var(--lumo-font-size-l);font-weight: 700}}.stock-toolbar{box-sizing: border-box;display: flex;flex-direction: column;align-items: stretch;gap: var(--lumo-space-s);padding-inline: var(--lumo-space-m);width: 100%;min-width: 0}.stock-toolbar-search{width: 100%;max-width: 100%;min-width: 0}.stock-toolbar-actions{width: 100%;min-width: 0;display: flex;flex-wrap: wrap;align-items: center}@media (min-width: 768px){.stock-toolbar{flex-direction: row;align-items: center;gap: var(--lumo-space-m);padding-inline: var(--lumo-space-l)}.stock-toolbar-search{flex: 1 1 20rem;max-width: 26rem}.stock-toolbar-actions{width: auto;margin-left: auto;flex-wrap: nowrap}}@media (max-width: 767px){.stock-options-sidebar{width: 100dvw !important;max-width: 100dvw;min-height: 100dvh;left: 0;right: 0;top: 0;bottom: 0;z-index: 1000}vaadin-grid.mobile-tile-scroll-fix::part(items){padding-bottom: calc(var(--lumo-space-m) + env(safe-area-inset-bottom))}}.login-version{margin-top: var(--lumo-space-s);font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);opacity: 0.75;letter-spacing: 0.02em}.signup-page{background: radial-gradient(circle at top left,color-mix(in srgb,var(--lumo-primary-color) 12%,transparent) 0%,transparent 42%),radial-gradient(circle at top right,color-mix(in srgb,var(--lumo-success-color) 10%,transparent) 0%,transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--lumo-base-color) 92%,var(--lumo-contrast-5pct)) 0%,var(--lumo-base-color) 100%);min-height: 100%;padding: var(--lumo-space-l);box-sizing: border-box}.signup-shell{box-sizing: border-box;gap: var(--lumo-space-l);max-width: min(1500px,100%);margin: 0 auto;width: 100%}.signup-hero,.signup-pricing-section,.signup-form-section,.signup-success{background: color-mix(in srgb,var(--lumo-base-color) 94%,var(--lumo-contrast-5pct));box-sizing: border-box;border: 1px solid var(--lumo-contrast-10pct);border-radius: 24px;box-shadow: 0 18px 50px color-mix(in srgb,var(--lumo-shade-20pct) 45%,transparent);padding: clamp(1rem,2vw,1.75rem)}.signup-hero,.signup-pricing-section,.signup-form-section{min-width: 0;width: 100%}.signup-logo{display: block;width: clamp(180px,28vw,320px);max-width: 100%;height: auto;margin-bottom: var(--lumo-space-m);object-fit: contain}.signup-hero h2{margin: 0 0 var(--lumo-space-s) 0;font-size: clamp(2rem,4vw,3rem);line-height: 1.05}.signup-hero p,.signup-form-intro{margin: 0;color: var(--lumo-secondary-text-color);line-height: 1.5}.signup-section-title{margin: 0 0 var(--lumo-space-m) 0}.signup-login-prompt{margin-top: var(--lumo-space-m)}.signup-login-link{font-weight: 600}.signup-pricing-section vaadin-radio-group{margin-bottom: var(--lumo-space-m)}.signup-plan-controls{display: flex;flex-direction: column;gap: var(--lumo-space-s);margin-bottom: var(--lumo-space-m)}.signup-plan-control-row{display: grid;grid-template-columns: minmax(6.5rem,auto) minmax(0,1fr);gap: var(--lumo-space-m);align-items: center;padding: 0.85rem 1rem;border-radius: 16px;border: 1px solid var(--lumo-contrast-10pct);background: color-mix(in srgb,var(--lumo-base-color) 92%,var(--lumo-contrast-5pct));box-shadow: inset 0 1px 0 color-mix(in srgb,var(--lumo-base-color) 80%,transparent);box-sizing: border-box}.signup-plan-control-row-cadence{background: color-mix(in srgb,var(--lumo-success-color) 6%,var(--lumo-base-color))}.signup-plan-control-row-currency{background: color-mix(in srgb,var(--lumo-primary-color) 6%,var(--lumo-base-color))}.signup-plan-control-label{font-size: var(--lumo-font-size-s);font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--lumo-secondary-text-color)}.signup-plan-control-row vaadin-radio-group{margin-bottom: 0;width: 100%}.signup-plan-control-row vaadin-radio-group::part(label){display: none}.signup-pricing-section{width: 100%}.signup-plan-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: var(--lumo-space-m);align-items: stretch}.signup-plan-card{background: color-mix(in srgb,var(--lumo-base-color) 88%,var(--lumo-primary-color-10pct));border: 1px solid var(--lumo-contrast-10pct);border-radius: 20px;min-height: 100%;box-sizing: border-box;text-align: left;transition: transform 0.12s ease,box-shadow 0.12s ease,border-color 0.12s ease}.signup-plan-card:hover{transform: translateY(-2px);box-shadow: 0 16px 32px color-mix(in srgb,var(--lumo-shade-20pct) 35%,transparent)}.signup-plan-card.selected{border-color: var(--lumo-primary-color);box-shadow: 0 0 0 2px color-mix(in srgb,var(--lumo-primary-color) 28%,transparent),0 20px 36px color-mix(in srgb,var(--lumo-primary-color-50pct) 25%,transparent)}.signup-plan-card-content{display: flex;flex-direction: column;gap: var(--lumo-space-s);padding: var(--lumo-space-l);min-height: 100%;box-sizing: border-box}.signup-plan-badge{align-self: flex-start;background: color-mix(in srgb,var(--lumo-success-color) 18%,transparent);border-radius: 999px;color: var(--lumo-success-text-color);font-size: var(--lumo-font-size-xs);font-weight: 700;letter-spacing: 0.04em;padding: 0.3rem 0.65rem;text-transform: uppercase}.signup-plan-title-row{display: flex;align-items: center;justify-content: space-between;gap: var(--lumo-space-s)}.signup-plan-title{margin: 0;font-size: var(--lumo-font-size-xl)}.signup-plan-selected-badge{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.35rem 0.75rem;border-radius: 999px;background: color-mix(in srgb,var(--lumo-primary-color) 18%,transparent);color: var(--lumo-primary-text-color);font-size: var(--lumo-font-size-s);font-weight: 700;white-space: nowrap}.signup-plan-selected-icon{color: var(--lumo-primary-color)}.signup-plan-breeders,.signup-plan-note,.signup-plan-trial,.signup-plan-compare{margin: 0;color: var(--lumo-secondary-text-color)}.signup-plan-price{font-size: clamp(1.5rem,3vw,2rem);font-weight: 700;line-height: 1.1}.signup-plan-price-display{display: inline-flex;flex-wrap: wrap;align-items: baseline;gap: 0.45rem}.signup-plan-price-amount{font-size: inherit;font-weight: inherit;line-height: inherit}.signup-plan-price-currency{font-size: 0.7em;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--lumo-secondary-text-color)}.signup-plan-price-currency-summary{font-size: 0.65em}.signup-plan-price-note{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);line-height: 1.4}.signup-plan-trial{color: var(--lumo-body-text-color);font-weight: 600}.signup-plan-compare{padding-top: var(--lumo-space-xs);border-top: 1px solid var(--lumo-contrast-10pct)}.signup-plan-note{margin-top: auto;font-size: var(--lumo-font-size-s)}.signup-plan-select-button{margin-top: var(--lumo-space-s)}.signup-selected-plan{display: flex;flex-direction: column;gap: var(--lumo-space-s);padding: var(--lumo-space-m);border: 1px solid var(--lumo-contrast-10pct);border-radius: 18px;background: color-mix(in srgb,var(--lumo-primary-color) 7%,var(--lumo-base-color))}.signup-plan-price-summary{margin: 0;font-size: var(--lumo-font-size-xl);font-weight: 700}.signup-plan-cadence-toggle{margin-top: var(--lumo-space-xs)}.signup-plan-currency-toggle{margin-top: var(--lumo-space-xs)}@media (max-width: 640px){.signup-plan-control-row{grid-template-columns: 1fr;gap: var(--lumo-space-xs)}}.signup-change-plan-button{align-self: flex-start}.signup-form-section{display: flex;flex-direction: column;gap: var(--lumo-space-m)}.signup-form-actions{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: var(--lumo-space-s)}@media (max-width: 640px){.signup-page{padding: var(--lumo-space-m)}.signup-shell{gap: var(--lumo-space-m)}}