/* user-experience scene (generated): canonical Alpy dark tokens it uses, plus the rules of the video's app CSS it uses. */
:root, .ai-taste-ui-skills-stage {
  color-scheme: dark;
  --alpy-ui-border-width-1: var(--alpy-ui-size-1);
  --alpy-ui-border-width-1-5: var(--alpy-ui-size-1-5);
  --alpy-ui-border-width-2: var(--alpy-ui-size-2);
  --alpy-ui-color-border-interaction-focused: #0051FF;
  --alpy-ui-color-border-neutral-subtle-three: #333333;
  --alpy-ui-color-border-neutral-subtle-two: #1C1C1C;
  --alpy-ui-color-shades-brand-color-one-strong-one: #5F92FE;
  --alpy-ui-color-shades-brand-color-one-strong-two: #BDD2FE;
  --alpy-ui-color-shades-brand-color-one-subtle-one: #010d28;
  --alpy-ui-color-shades-brand-color-three-strong-one: #E5BA65;
  --alpy-ui-color-shades-neutral-strong-three: #F1F1F1;
  --alpy-ui-color-shades-neutral-strong-two: #CECECE;
  --alpy-ui-color-shades-neutral-subtle-one: #151515;
  --alpy-ui-color-surface-canvas: #000000;
  --alpy-ui-color-system-black: #000000;
  --alpy-ui-color-system-transparent: #00000000;
  --alpy-ui-color-text-body: #A1A1A1;
  --alpy-ui-color-text-body-muted: #767676;
  --alpy-ui-color-text-brand-color-one-accent: #5F92FE;
  --alpy-ui-color-text-heading: #F1F1F1;
  --alpy-ui-color-text-link: #5F92FE;
  --alpy-ui-color-text-onColor: #FFFFFF;
  --alpy-ui-component-button-size-md-borderWidth: var(--alpy-ui-size-1);
  --alpy-ui-component-button-size-md-gap: var(--alpy-ui-size-8);
  --alpy-ui-component-button-size-md-iconSize: var(--alpy-ui-size-16);
  --alpy-ui-component-button-size-md-minHeight: var(--alpy-ui-size-40);
  --alpy-ui-component-button-size-md-paddingX: var(--alpy-ui-size-16);
  --alpy-ui-component-button-size-md-paddingY: var(--alpy-ui-size-0);
  --alpy-ui-component-button-size-md-radius: var(--alpy-ui-size-8);
  --alpy-ui-component-button-size-md-text-fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --alpy-ui-component-button-size-md-text-fontSize: 14px;
  --alpy-ui-component-button-size-md-text-letterSpacing: 0;
  --alpy-ui-component-button-size-md-text-lineHeight: 20px;
  --alpy-ui-component-button-variant-primary-bg-default: #0051FF;
  --alpy-ui-component-button-variant-primary-border-default: #0051FF;
  --alpy-ui-component-button-variant-primary-text-default: #FFFFFF;
  --alpy-ui-component-progress-bar-styles-basic-fill: #5F92FE;
  --alpy-ui-component-progress-bar-styles-basic-track: #242424;
  --alpy-ui-component-radio-single-border-width: var(--alpy-ui-size-1);
  --alpy-ui-component-radio-single-size-control-md: 20px;
  --alpy-ui-component-radio-single-size-dot-md: 12px;
  --alpy-ui-component-radio-styles-default-off-control-bg: #000000;
  --alpy-ui-component-radio-styles-default-off-control-border: #333333;
  --alpy-ui-component-radio-styles-default-on-control-bg: #000000;
  --alpy-ui-component-radio-styles-default-on-control-border: #333333;
  --alpy-ui-component-radio-styles-default-on-dot: #CECECE;
  --alpy-ui-component-text-input-field-border-width: var(--alpy-ui-size-1);
  --alpy-ui-component-text-input-field-shape-radius: var(--alpy-ui-size-8);
  --alpy-ui-component-text-input-field-size-height: var(--alpy-ui-size-40);
  --alpy-ui-component-text-input-field-space-padding-x: var(--alpy-ui-size-16);
  --alpy-ui-component-text-input-stack-gap-label-to-field: var(--alpy-ui-size-12);
  --alpy-ui-component-text-input-styles-background-default: #000000;
  --alpy-ui-component-text-input-styles-border-default: #1C1C1C;
  --alpy-ui-component-text-input-styles-label-default: #F1F1F1;
  --alpy-ui-component-text-input-styles-text-default: #A1A1A1;
  --alpy-ui-component-text-input-text-field-fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --alpy-ui-component-text-input-text-field-fontSize: 16px;
  --alpy-ui-component-text-input-text-field-fontWeight: 400;
  --alpy-ui-component-text-input-text-field-lineHeight: 24px;
  --alpy-ui-component-text-input-text-label-fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --alpy-ui-component-text-input-text-label-fontSize: 14px;
  --alpy-ui-component-text-input-text-label-fontWeight: 400;
  --alpy-ui-component-text-input-text-label-letterSpacing: 0;
  --alpy-ui-component-text-input-text-label-lineHeight: 20px;
  --alpy-ui-font-body-fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --alpy-ui-font-body-fontSize: 16px;
  --alpy-ui-font-body-letterSpacing: 0;
  --alpy-ui-font-body-lineHeight: 24px;
  --alpy-ui-font-body-medium-fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --alpy-ui-font-body-medium-fontSize: 14px;
  --alpy-ui-font-body-medium-fontWeight: 400;
  --alpy-ui-font-body-medium-letterSpacing: 0;
  --alpy-ui-font-body-medium-lineHeight: 20px;
  --alpy-ui-font-body-small-fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --alpy-ui-font-body-small-fontSize: 12px;
  --alpy-ui-font-body-small-lineHeight: 20px;
  --alpy-ui-font-weight-medium: 500;
  --alpy-ui-font-weight-regular: 400;
  --alpy-ui-font-weight-semiBold: 600;
  --alpy-ui-icon-size-16: var(--alpy-ui-size-16);
  --alpy-ui-icon-size-20: var(--alpy-ui-size-20);
  --alpy-ui-radius-full: var(--alpy-ui-size-9999);
  --alpy-ui-radius-medium: var(--alpy-ui-size-8);
  --alpy-ui-radius-xsmall: var(--alpy-ui-size-2);
  --alpy-ui-size-0: 0px;
  --alpy-ui-size-1: 1px;
  --alpy-ui-size-1-5: 1.5px;
  --alpy-ui-size-1020: 1020px;
  --alpy-ui-size-104: 104px;
  --alpy-ui-size-108: 108px;
  --alpy-ui-size-12: 12px;
  --alpy-ui-size-128: 128px;
  --alpy-ui-size-16: 16px;
  --alpy-ui-size-192: 192px;
  --alpy-ui-size-2: 2px;
  --alpy-ui-size-20: 20px;
  --alpy-ui-size-200: 200px;
  --alpy-ui-size-24: 24px;
  --alpy-ui-size-32: 32px;
  --alpy-ui-size-4: 4px;
  --alpy-ui-size-40: 40px;
  --alpy-ui-size-48: 48px;
  --alpy-ui-size-52: 52px;
  --alpy-ui-size-56: 56px;
  --alpy-ui-size-750: 750px;
  --alpy-ui-size-8: 8px;
  --alpy-ui-size-80: 80px;
  --alpy-ui-size-84: 84px;
  --alpy-ui-size-9999: 9999px;
  --alpy-ui-space-0: var(--alpy-ui-size-0);
  --alpy-ui-space-12: var(--alpy-ui-size-12);
  --alpy-ui-space-16: var(--alpy-ui-size-16);
  --alpy-ui-space-20: var(--alpy-ui-size-20);
  --alpy-ui-space-24: var(--alpy-ui-size-24);
  --alpy-ui-space-32: var(--alpy-ui-size-32);
  --alpy-ui-space-4: var(--alpy-ui-size-4);
  --alpy-ui-space-48: var(--alpy-ui-size-48);
  --alpy-ui-space-8: var(--alpy-ui-size-8);
}
.product-button { --product-button-border-width: var(--alpy-ui-component-button-size-md-borderWidth); --product-button-radius: var(--alpy-ui-component-button-size-md-radius); --product-button-font-family: var(--alpy-ui-component-button-size-md-text-fontFamily); --product-button-font-size: var(--alpy-ui-component-button-size-md-text-fontSize); --product-button-font-weight: var(--alpy-ui-font-weight-regular); --product-button-gap: var(--alpy-ui-component-button-size-md-gap); --product-button-icon-size: var(--alpy-ui-component-button-size-md-iconSize); --product-button-letter-spacing: var(--alpy-ui-component-button-size-md-text-letterSpacing); --product-button-line-height: var(--alpy-ui-component-button-size-md-text-lineHeight); --product-button-min-height: var(--alpy-ui-component-button-size-md-minHeight); --product-button-padding-x: var(--alpy-ui-component-button-size-md-paddingX); --product-button-padding-y: var(--alpy-ui-component-button-size-md-paddingY); align-items: center; border-radius: var(--product-button-radius); box-sizing: border-box; cursor: pointer; display: inline-flex; font-family: var(--product-button-font-family); font-size: var(--product-button-font-size); font-weight: var(--product-button-font-weight); gap: var(--product-button-gap); height: var(--product-button-min-height); justify-content: center; letter-spacing: var(--product-button-letter-spacing); line-height: var(--product-button-line-height); min-height: var(--product-button-min-height); padding: var(--product-button-padding-y)
    var(--product-button-padding-x); text-decoration: none; appearance: none; white-space: nowrap; }
.product-button.is-primary { background: var(--alpy-ui-component-button-variant-primary-bg-default); border: var(--product-button-border-width) solid
    var(--alpy-ui-component-button-variant-primary-border-default); color: var(--alpy-ui-component-button-variant-primary-text-default); }
.product-ui-icon { color: currentcolor; display: inline-flex; flex: 0 0 auto; height: var(--product-icon-size, var(--alpy-ui-icon-size-20)); width: var(--product-icon-size, var(--alpy-ui-icon-size-20)); }
.product-ui-icon svg { display: block; height: 100%; width: 100%; }
.product-ui-icon [fill]:not([fill="none"]) { fill: currentcolor !important; }
.ai-taste-ui-skills-stage { aspect-ratio: 8 / 5; background: var(--alpy-ui-color-shades-neutral-subtle-one); overflow: hidden; position: relative; }
.uis-canvas { --uis-canvas-height: calc(var(--alpy-ui-size-200) * 2.5); --uis-canvas-width: calc(var(--alpy-ui-size-200) * 4); --uis-alpy: var(--alpy-ui-color-shades-brand-color-one-strong-one); --uis-ease: cubic-bezier(0.2, 0.8, 0.2, 1); --uis-move: 900ms; --uis-shadow-1: var(--alpy-ui-size-0) var(--alpy-ui-size-1) var(--alpy-ui-size-2)
      color-mix(in srgb, var(--alpy-ui-color-system-black) 8%, var(--alpy-ui-color-system-transparent)),
    var(--alpy-ui-size-0) var(--alpy-ui-size-4) var(--alpy-ui-size-12)
      color-mix(in srgb, var(--alpy-ui-color-system-black) 6%, var(--alpy-ui-color-system-transparent)); --uis-shadow-2: var(--alpy-ui-size-0) var(--alpy-ui-size-8) var(--alpy-ui-size-24)
    color-mix(in srgb, var(--alpy-ui-color-system-black) 14%, var(--alpy-ui-color-system-transparent)); --uis-shadow-3: var(--alpy-ui-size-0) var(--alpy-ui-size-16) var(--alpy-ui-size-40)
    color-mix(in srgb, var(--alpy-ui-color-system-black) 24%, var(--alpy-ui-color-system-transparent)); height: var(--uis-canvas-height); left: var(--alpy-ui-space-0); position: absolute; top: var(--alpy-ui-space-0); transform: scale(var(--uis-scale, 1)); transform-origin: 0px 0px; width: var(--uis-canvas-width); }
.uis-frame { inset: var(--alpy-ui-space-0); position: absolute; }
.uis-scene { background: var(--alpy-ui-color-shades-neutral-subtle-one); color: var(--alpy-ui-color-text-body); font-family: var(--alpy-ui-font-body-medium-fontFamily); font-size: var(--alpy-ui-font-body-medium-fontSize); font-weight: var(--alpy-ui-font-body-medium-fontWeight); inset: var(--alpy-ui-space-0); letter-spacing: var(--alpy-ui-font-body-medium-letterSpacing); line-height: var(--alpy-ui-font-body-medium-lineHeight); overflow: hidden; padding: var(--alpy-ui-space-48); position: absolute; text-align: start; }
.uis-scene *, .uis-scene ::before, .uis-scene ::after { box-sizing: border-box; }
.uis-scene .product-ui-icon { --product-icon-size: var(--alpy-ui-icon-size-16); }
.uis-move { transition: all var(--uis-move) var(--uis-ease),
    scale var(--uis-move) var(--uis-ease),
    translate var(--uis-move) var(--uis-ease); }
.uis-title { color: var(--alpy-ui-color-text-heading); font-family: var(--alpy-ui-font-body-fontFamily); font-size: var(--alpy-ui-font-body-fontSize); font-weight: var(--alpy-ui-font-weight-semiBold); line-height: var(--alpy-ui-font-body-lineHeight); }
.uis-strong { color: var(--alpy-ui-color-text-heading); font-weight: var(--alpy-ui-font-weight-medium); }
.uis-meta { color: var(--alpy-ui-color-text-body-muted); font-family: var(--alpy-ui-font-body-small-fontFamily); font-size: var(--alpy-ui-font-body-small-fontSize); line-height: var(--alpy-ui-font-body-small-lineHeight); }
.uis-row { align-items: center; display: flex; gap: var(--alpy-ui-space-8); }
.uis-between { justify-content: space-between; }
.uis-field { display: flex; flex-direction: column; gap: var(--alpy-ui-component-text-input-stack-gap-label-to-field); }
.uis-label { color: var(--alpy-ui-component-text-input-styles-label-default); font-family: var(--alpy-ui-component-text-input-text-label-fontFamily); font-size: var(--alpy-ui-component-text-input-text-label-fontSize); font-weight: var(--alpy-ui-component-text-input-text-label-fontWeight); letter-spacing: var(--alpy-ui-component-text-input-text-label-letterSpacing); line-height: var(--alpy-ui-component-text-input-text-label-lineHeight); }
.uis-input { align-items: center; background: var(--alpy-ui-component-text-input-styles-background-default); border: var(--alpy-ui-component-text-input-field-border-width) solid
    var(--alpy-ui-component-text-input-styles-border-default); border-radius: var(--alpy-ui-component-text-input-field-shape-radius); color: var(--alpy-ui-component-text-input-styles-text-default); display: flex; font-family: var(--alpy-ui-component-text-input-text-field-fontFamily); font-size: var(--alpy-ui-component-text-input-text-field-fontSize); font-weight: var(--alpy-ui-component-text-input-text-field-fontWeight); height: var(--alpy-ui-component-text-input-field-size-height); line-height: var(--alpy-ui-component-text-input-text-field-lineHeight); padding: var(--alpy-ui-space-0) var(--alpy-ui-component-text-input-field-space-padding-x); }
.uis-radio { background: var(--alpy-ui-component-radio-styles-default-off-control-bg); border: var(--alpy-ui-component-radio-single-border-width) solid
    var(--alpy-ui-component-radio-styles-default-off-control-border); border-radius: var(--alpy-ui-radius-full); display: inline-flex; height: var(--alpy-ui-component-radio-single-size-control-md); width: var(--alpy-ui-component-radio-single-size-control-md); }
.uis-radio.is-checked { background: radial-gradient(
    circle,
    var(--alpy-ui-component-radio-styles-default-on-dot)
      calc(var(--alpy-ui-component-radio-single-size-dot-md) / 2),
    var(--alpy-ui-component-radio-styles-default-on-control-bg)
      calc(var(--alpy-ui-component-radio-single-size-dot-md) / 2)
  ); border-color: var(--alpy-ui-component-radio-styles-default-on-control-border); }
.uis-option { background: var(--alpy-ui-color-surface-canvas); border: var(--alpy-ui-border-width-1) solid var(--alpy-ui-color-border-neutral-subtle-two); border-radius: var(--alpy-ui-radius-medium); display: flex; flex-direction: column; padding: var(--alpy-ui-space-12) var(--alpy-ui-space-16); }
.uis-gestalt { align-items: start; column-gap: var(--alpy-ui-space-48); display: grid; grid-template-columns: 1.25fr 1fr; padding-block: var(--alpy-ui-space-32); row-gap: var(--alpy-ui-space-24); }
.uis-ge-steps { align-items: center; display: flex; gap: var(--alpy-ui-space-12); grid-column: 1 / -1; }
.uis-ge-step { align-items: center; color: var(--alpy-ui-color-text-body); display: inline-flex; gap: var(--alpy-ui-space-8); white-space: nowrap; }
.uis-ge-step.is-current { color: var(--alpy-ui-color-text-heading); font-weight: var(--alpy-ui-font-weight-semiBold); }
.uis-ge-step-number { align-items: center; border: var(--alpy-ui-border-width-1-5) solid
    var(--alpy-ui-component-progress-bar-styles-basic-track); border-radius: var(--alpy-ui-radius-full); display: inline-flex; font-family: var(--alpy-ui-font-body-small-fontFamily); font-size: var(--alpy-ui-font-body-small-fontSize); font-weight: var(--alpy-ui-font-weight-semiBold); height: var(--alpy-ui-size-24); justify-content: center; line-height: var(--alpy-ui-font-body-small-lineHeight); width: var(--alpy-ui-size-24); }
.uis-ge-step.is-done .uis-ge-step-number { background: var(--alpy-ui-component-progress-bar-styles-basic-fill); border-color: var(--alpy-ui-component-progress-bar-styles-basic-fill); color: var(--alpy-ui-color-text-onColor); }
.uis-ge-step.is-current .uis-ge-step-number { border-color: var(--alpy-ui-component-progress-bar-styles-basic-fill); color: var(--alpy-ui-color-text-brand-color-one-accent); }
.uis-ge-link { background: var(--alpy-ui-component-progress-bar-styles-basic-track); border-radius: var(--alpy-ui-radius-full); flex: 1 1 0%; height: var(--alpy-ui-border-width-2); transform-origin: left center; }
.uis-ge-link.is-done { background: var(--alpy-ui-component-progress-bar-styles-basic-fill); }
.uis-frame:not(.is-fixed-3) .uis-ge-step-number, .uis-frame:not(.is-fixed-3) .uis-ge-link { opacity: 0; }
.uis-frame:not(.is-fixed-3) .uis-ge-link { scale: 0 1; }
.uis-frame:not(.is-fixed-3) .uis-ge-step.is-done { translate: 0 calc(-1 * var(--alpy-ui-space-8)); }
.uis-frame:not(.is-fixed-3) .uis-ge-step.is-next { translate: 0 var(--alpy-ui-space-12); }
.uis-ge-form { display: flex; flex-direction: column; gap: var(--alpy-ui-space-16); }
.uis-ge-fields { display: flex; flex-direction: column; gap: var(--alpy-ui-space-20); }
.uis-ge-split { display: grid; gap: var(--alpy-ui-space-12); grid-template-columns: 1.4fr 1fr; }
.uis-frame:not(.is-fixed-1) .uis-ge-fields { gap: var(--alpy-ui-space-4); }
.uis-frame:not(.is-fixed-1) .uis-ge-fields .uis-field { gap: var(--alpy-ui-space-24); }
.uis-ge-delivery { display: flex; flex-direction: column; gap: var(--alpy-ui-space-12); min-width: var(--alpy-ui-size-0); }
.uis-ge-payment-title { margin-top: var(--alpy-ui-space-8); }
.uis-ge-pay { margin-top: var(--alpy-ui-space-8); width: 100%; }
.uis-frame:not(.is-fixed-2) .uis-ge-express { background: var(--alpy-ui-color-system-transparent); border-color: var(--alpy-ui-color-system-transparent); padding-inline: var(--alpy-ui-space-0); }
.uis-frame:not(.is-fixed-2) .uis-ge-express .uis-radio { opacity: 0; }
.uis-ge-cards { display: grid; gap: var(--alpy-ui-space-12); grid-template-columns: repeat(3, minmax(var(--alpy-ui-size-0), 1fr)); }
.uis-ge-card, .uis-ge-add { border-radius: var(--alpy-ui-radius-medium); font-family: var(--alpy-ui-font-body-small-fontFamily); font-size: var(--alpy-ui-font-body-small-fontSize); height: var(--alpy-ui-size-56); line-height: var(--alpy-ui-font-body-small-lineHeight); white-space: nowrap; }
.uis-ge-card { color: var(--alpy-ui-color-text-onColor); display: flex; flex-direction: column; font-variant-numeric: tabular-nums; justify-content: space-between; padding: var(--alpy-ui-space-8) var(--alpy-ui-space-12); }
.uis-ge-card.is-card-1 { background: linear-gradient(
    135deg,
    var(--alpy-ui-color-shades-brand-color-one-strong-one),
    var(--alpy-ui-color-shades-brand-color-one-strong-two)
  ); }
.uis-ge-card.is-card-2 { background: linear-gradient(
    135deg,
    var(--alpy-ui-color-shades-neutral-strong-two),
    var(--alpy-ui-color-shades-neutral-strong-three)
  ); }
.uis-ge-chip { background: var(--alpy-ui-color-shades-brand-color-three-strong-one); border-radius: var(--alpy-ui-radius-xsmall); height: var(--alpy-ui-size-12); width: var(--alpy-ui-size-16); }
.uis-ge-add { align-items: center; border: var(--alpy-ui-border-width-1-5) dashed
    var(--alpy-ui-color-border-neutral-subtle-three); color: var(--alpy-ui-color-text-link); display: flex; font-weight: var(--alpy-ui-font-weight-medium); gap: var(--alpy-ui-space-4); justify-content: center; }
.uis-ge-add > * { transition: opacity 450ms; }
.uis-frame:not(.is-fixed-4) .uis-ge-add { border-color: var(--alpy-ui-color-border-neutral-subtle-two); border-style: dotted; border-width: var(--alpy-ui-border-width-1); }
.uis-frame:not(.is-fixed-4) .uis-ge-add > * { opacity: 0; }
.uis-frame.is-fixed-5 .uis-ge-standard { background: var(--alpy-ui-color-shades-brand-color-one-subtle-one); border-color: var(--alpy-ui-color-border-interaction-focused); box-shadow: inset 0 0 0 var(--alpy-ui-border-width-1)
    var(--alpy-ui-color-border-interaction-focused); }
.uis-input { gap: var(--alpy-ui-space-8); overflow: hidden; white-space: nowrap; }
:root { font-family: var(--alpy-ui-font-body-fontFamily); font-size: var(--alpy-ui-font-body-fontSize); font-weight: var(--alpy-ui-font-weight-regular); letter-spacing: var(--alpy-ui-font-body-letterSpacing); line-height: var(--alpy-ui-font-body-lineHeight); --shell-top-bar-height: var(--alpy-ui-size-80); --shell-rail-width: calc(var(--alpy-ui-size-84) + var(--alpy-ui-size-1)); --shell-panel-width: calc(var(--alpy-ui-size-128) + var(--alpy-ui-size-48)); --shell-type-panel-width: calc(var(--alpy-ui-size-192) + var(--alpy-ui-size-108)); --shell-color-panel-width: calc(var(--alpy-ui-size-192) + var(--alpy-ui-size-104)); --shell-content-width: calc(
    var(--alpy-ui-size-1020) + var(--alpy-ui-size-128) +
      var(--alpy-ui-size-52)
  ); --shell-header-width: calc(
    var(--alpy-ui-size-1020) + var(--alpy-ui-size-750) -
      var(--alpy-ui-size-8) - var(--alpy-ui-size-2)
  ); --shell-card-min-height: calc(var(--alpy-ui-size-128) + var(--alpy-ui-size-40)); }
* { box-sizing: border-box; }
.uis-ge-fields { transition: gap var(--uis-move) var(--uis-ease); }