.flow-step{z-index:auto;box-sizing:border-box;--flow-shell-pad-x:clamp(.75rem,.55rem + .9vw,1rem);--flow-header-offset-top:clamp(1.75rem,1.15rem + 1.6vw,2.5rem);--flow-title-size:clamp(2rem,1.75rem + .75vw,2.1875rem);--flow-title-gap-bottom:clamp(2.5rem,1.9rem + 1.5vw,3rem);--flow-actions-gap:clamp(.875rem,.75rem + .5vw,1.125rem);--flow-actions-pad-top:clamp(.5rem,.35rem + .6vw,.75rem);--flow-back-btn-gap:clamp(.375rem,.28rem + .4vw,.5rem);--flow-reward-hint-gap-bottom:clamp(.75rem,.6rem + .4vw,1rem);--flow-photo-grid-gap:clamp(.625rem,.45rem + .55vw,.75rem);--flow-content-inline:min(100%,25rem);--flow-bottom-bar-height:clamp(2.1rem,1.95rem + .45vw,2.35rem);--flow-bottom-bar-pad-y:max(env(safe-area-inset-bottom,0px),.125rem);--flow-bottom-bar-gap-top:0rem;width:100%;min-width:0;padding-left:var(--flow-shell-pad-x);padding-right:var(--flow-shell-pad-x);padding-bottom:calc(var(--flow-bottom-bar-height) + var(--flow-bottom-bar-pad-y) + .125rem);min-height:calc(100dvh - var(--header-height,0px) - var(--app-footer-height,0px));flex-direction:column;align-items:center;display:flex;position:relative}.flow-step__header{width:100%;max-width:var(--flow-content-inline);box-sizing:border-box;min-width:0;margin-top:var(--flow-header-offset-top);flex-direction:column;flex:none;align-items:center;padding-left:1.2rem;padding-right:1.2rem;display:flex}.flow-step .main-logo-wrap{margin-bottom:clamp(1.25rem,.95rem + .8vw,1.75rem)}.flow-title{color:#fff;font-size:var(--flow-title-size);text-align:center;overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;text-shadow:0 2px 6px #00000073,0 0 24px var(--flow-ring-hover);margin:0 0 var(--flow-title-gap-bottom);font-weight:600}.flow-actions .flow-subtitle{text-align:center;letter-spacing:-.01em;color:#fffffff2;width:min(100%,25rem);max-width:25rem;margin:-.75rem auto clamp(1.6rem,1.2rem + 1vw,2.2rem);font-size:clamp(1.1rem,1rem + .5vw,1.35rem);font-weight:500;line-height:1.35}.flow-actions{box-sizing:border-box;gap:var(--flow-actions-gap);width:100%;min-width:0;padding-top:var(--flow-actions-pad-top);flex-direction:column;flex:auto;align-items:center;display:flex}.flow-actions:has(.flow-photo){flex:none}.flow-reward-hint{text-align:center;margin-bottom:var(--flow-reward-hint-gap-bottom);width:100%;min-width:0}.flow-bottom-bar__actions{width:100%;height:calc(clamp(2.9rem,2.7rem + .55vw,3.2rem) + max(env(safe-area-inset-bottom,0px),.125rem));-webkit-backdrop-filter:blur(14px)saturate(135%);pointer-events:auto;z-index:31;background:#0a1220bd;border-top:1px solid #ffffff1a;border-left:none;border-right:none;border-top-left-radius:.875rem;border-top-right-radius:.875rem;position:fixed;bottom:0;left:0;right:0;transform:none;box-shadow:0 -8px 20px #0000002e,inset 0 1px #ffffff0d}.flow-bottom-bar__logo,.flow-top-nav{display:none}.flow-top-nav__button{appearance:none;font:inherit;color:#ffffffeb;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0f;border:0;border-radius:.875rem;justify-content:center;align-items:center;margin:0;padding:.55rem .9rem;line-height:1;transition:background-color .14s;display:inline-flex}.flow-top-nav__button:hover{background:#ffffff14}.flow-nav-btn,.step-back,.step-reset,.flow-nav-btn--back,.flow-nav-btn--reset{-webkit-backdrop-filter:blur(18px)saturate(140%);color:#fffffff5;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;width:clamp(7.25rem,6.8rem + .9vw,7.75rem);height:clamp(2.2rem,2.05rem + .35vw,2.4rem);bottom:calc(max(env(safe-area-inset-bottom,0px),.125rem) + 10px);z-index:32;background:linear-gradient(#ffffff1f,#ffffff0f),#080c1894;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 clamp(.7rem,.6rem + .25vw,.85rem);font-size:clamp(.78rem,.74rem + .15vw,.85rem);font-weight:700;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex;position:fixed;box-shadow:inset 0 1px #ffffff24,0 10px 30px #00000047}.flow-nav-btn--back:before,.step-back:before{content:"←";font-size:clamp(.9375rem,.88rem + .2vw,1rem);line-height:1;display:inline-block}.flow-nav-btn--reset:before,.step-reset:before{content:"";filter:drop-shadow(0 0 4px #ffffff59);background:currentColor;width:1.15em;height:1.15em;display:inline-block;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3l9 8h-3v9h-5v-6H11v6H6v-9H3l9-8z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3l9 8h-3v9h-5v-6H11v6H6v-9H3l9-8z'/></svg>") 50%/contain no-repeat}.flow-nav-btn:hover,.step-back:hover,.step-reset:hover,.flow-nav-btn--back:hover,.flow-nav-btn--reset:hover{background:#ffffff14;border-color:#ffffff57;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,0 14px 34px #00000052}.flow-nav-btn:active,.step-back:active,.step-reset:active,.flow-nav-btn--back:active,.flow-nav-btn--reset:active{transform:translateY(0)}.flow-nav-btn:focus-visible,.step-back:focus-visible,.step-reset:focus-visible,.flow-nav-btn--back:focus-visible,.flow-nav-btn--reset:focus-visible{box-shadow:0 0 0 2px #ffffff29,0 0 0 4px var(--flow-ring-focus),inset 0 1px 0 #ffffff24,0 10px 30px #00000047;outline:none}.flow-nav-btn--back,.step-back{left:var(--flow-shell-pad-x);right:auto}.flow-nav-btn--reset,.step-reset{left:auto;right:var(--flow-shell-pad-x);pointer-events:auto}@media (max-width:480px){.flow-nav-btn--back,.step-back{left:calc(var(--flow-shell-pad-x) + 10px)}.flow-nav-btn--reset,.step-reset{left:auto;right:calc(var(--flow-shell-pad-x) + 10px)}.flow-nav-btn,.step-back,.step-reset,.flow-nav-btn--back,.flow-nav-btn--reset{min-width:0;height:2.2rem;padding:0 .75rem;font-size:.8rem}}.flow-item-image__input,.flow-item-image input[type=file]{display:none}.flow-item-image{flex-direction:column;align-items:center;width:100%;display:flex}.flow-item-image__preview{flex-direction:column;align-items:stretch;gap:0;width:min(100%,9rem);margin:0 auto;display:flex}.flow-item-image__preview img{aspect-ratio:1;object-fit:contain;background:#ffffff0a;border-radius:1rem 1rem 0 0;width:100%}.flow-item-image__preview canvas{border-radius:1rem 1rem 0 0;width:100%;height:100%}.flow-item-image__add-btn,.flow-item-image__next-btn,.flow-item-step__next-btn,.flow-photo__add-btn,.flow-photo__next-btn{width:100%;max-width:calc(var(--flow-content-inline,27rem) - 2rem);min-width:0;height:clamp(2.4rem,2.2rem + .45vw,2.6rem);margin-inline:auto;padding:0;font-size:.83rem}.flow-item-image__remove-btn{width:100%;min-width:0;max-width:9rem;height:clamp(2.2rem,2.05rem + .4vw,2.35rem);margin:0;padding:0 .75rem 2px;font-size:.8rem;border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:var(--ui-radius-lg)!important;border-bottom-right-radius:var(--ui-radius-lg)!important}.flow-photo__input{display:none}.flow-photo{width:100%;max-width:var(--flow-content-inline,25rem);margin:0 auto}.flow-photo__grid{flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,.6rem + .4vw,1rem);margin-top:clamp(.5rem,.35rem + .5vw,.75rem);margin-bottom:clamp(.35rem,.3rem + .25vw,.5rem);display:flex}.flow-photo__item{aspect-ratio:1;border-radius:15%;flex:0 0 6rem;width:6rem;position:relative;overflow:hidden}.flow-photo__item img,.flow-photo__item canvas{object-fit:contain;border-radius:inherit;background:#ffffff0a;width:100%;height:100%}.found-step__footer{width:100%;max-width:var(--flow-content-inline,25rem);justify-content:center;margin:0 auto;display:flex}@media (max-width:480px){.flow-item-image__remove-btn{width:100%;min-width:0;max-width:9rem;height:2.4rem;margin:0;padding:0 0 2px;font-size:.83rem;border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:var(--ui-radius-lg)!important;border-bottom-right-radius:var(--ui-radius-lg)!important}}@media (min-width:1280px){.flow-top-nav{padding-top:clamp(1rem,.8rem + .7vw,1.5rem);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;max-width:min(81rem,100vw - 4rem);margin:0 auto clamp(.75rem,.6rem + .4vw,1rem);padding-inline:clamp(.75rem,1.8vw,1rem);display:flex}.flow-top-nav__button{background:#ffffff0d;border:1px solid #ffffff14;min-height:2rem;padding:.5rem .8rem;box-shadow:0 6px 18px #0000002e}.flow-nav-btn--back,.step-back,.flow-nav-btn--reset,.step-reset,.flow-bottom-bar__actions{display:none}}@media (max-width:768px){.flow-step{padding-left:0!important;padding-right:0!important}.flow-title{margin-top:clamp(1rem,.8rem + 1vw,1.5rem)}}
:root{--preview-max-width:clamp(22.5rem,60vw,53.75rem);--preview-card-padding-x:clamp(.75rem,1.25vw + .3rem,1.5625rem);--preview-card-padding-y:clamp(.875rem,.75vw + .625rem,1.25rem);--preview-card-radius:clamp(.875rem,.5vw + .75rem,.9375rem);--preview-card-gap:clamp(.75rem,1.8vw,1.5625rem);--preview-grid-label-min:clamp(7.5rem,14vw,11.875rem);--preview-grid-label-max:clamp(8.75rem,17vw,15rem);--preview-grid-col-gap:clamp(.5rem,1.3vw,1.375rem);--preview-grid-row-gap:clamp(.375rem,.45vw,.625rem);--preview-photo-size:clamp(3.5rem,4.8vw,4.5rem);--preview-photo-gap:clamp(.5rem,.8vw,.625rem);--preview-photo-radius:clamp(.625rem,.55vw,.875rem);--preview-glass-bg:#ffffff05;--preview-glass-border:#ffffff14;--preview-control-radius:12px;--preview-control-height:32px;--preview-overlay-blur:10px;--preview-modal-blur:18px;--preview-modal-saturate:140%;--preview-modal-radius:22px;--preview-modal-max-width:720px}.preview{width:100%;max-width:var(--preview-max-width);box-sizing:border-box;min-width:0;margin:0 auto;padding-inline:clamp(.75rem,1.8vw,1rem)}.preview__layout{min-width:0;display:block}.preview__main{min-width:0}.preview__stack,.preview__group{gap:var(--preview-card-gap);flex-direction:column;min-width:0;display:flex}.preview__group--place,.preview__group--item{width:100%}.preview__card{padding:var(--preview-card-padding-y)var(--preview-card-padding-x);border-radius:var(--preview-card-radius);box-sizing:border-box;border:1px solid color-mix(in srgb,var(--flow-accent-1)42%,#ffffff24);-webkit-backdrop-filter:blur(8px);background:#ffffff09;min-width:0;box-shadow:0 6px 18px #00000038,inset 0 1px #ffffff0a}.preview__actions-hint{margin-top:clamp(.5rem,.7vw,.625rem)}.preview__rows{gap:var(--preview-grid-row-gap);flex-direction:column;display:flex}.preview__row{column-gap:var(--preview-grid-col-gap);cursor:pointer;padding:clamp(.7rem,.55vw + .55rem,.9rem) 0;-webkit-tap-highlight-color:transparent;isolation:isolate;padding-right:28px;border-radius:10px;grid-template-columns:1fr 1fr auto;align-items:center;margin-inline:-8px;padding-inline:8px;transition:background-color .14s,opacity .14s;display:grid;position:relative}.preview__row:after{content:"›";color:#ffffff47;pointer-events:none;font-size:16px;transition:color .14s,transform .14s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.preview__row:active{background:#ffffff0b}.preview__row:focus-visible{background:#ffffff0d;outline:none}@media (hover:hover){.preview__row:hover{background:#ffffff08;border-radius:12px}}.preview__rows .preview__row:not(:last-child){border-bottom:1px solid #ffffff08}.preview__label{color:#fff6;letter-spacing:clamp(.01em,.02vw + .01em,.035em);word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0;font-size:clamp(.74rem,.32vw + .69rem,.98rem);font-weight:400}.preview__value{color:#fffffffa;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;min-width:0;font-size:clamp(1rem,.36vw + .92rem,1.14rem);font-weight:400;line-height:1.42}.preview__action{display:none}.preview__action .btn-main--preview{white-space:nowrap}.preview__action .ui-btn--compact{color:#fff;border-color:var(--flow-accent-1)}.preview__field-image{width:var(--preview-photo-size);height:var(--preview-photo-size);border-radius:var(--preview-photo-radius);object-fit:contain;background:#ffffff09;border:1px solid #ffffff14;margin-top:clamp(.375rem,.45vw,.5rem);display:block;overflow:hidden;box-shadow:0 4px 14px #0000002e}.preview__photos{gap:var(--preview-photo-gap);flex-wrap:wrap;margin-top:clamp(.75rem,1vw + .35rem,1.25rem);display:flex}.preview__photo{width:var(--preview-photo-size);height:var(--preview-photo-size);border-radius:var(--preview-photo-radius);flex:none;display:block;overflow:hidden}.preview__photo img{object-fit:contain;border-radius:var(--preview-photo-radius);background:#ffffff09;border:1px solid #ffffff14;width:100%;height:100%;display:block;box-shadow:0 4px 14px #0000002e}.preview__photo-zoom{cursor:zoom-in}.preview-photo-stack{width:var(--preview-photo-size);flex-direction:column;align-items:stretch;gap:0;margin-top:clamp(.375rem,.45vw,.5rem);display:flex}.preview-photo-img{width:100%;height:var(--preview-photo-size);object-fit:contain;border-radius:var(--preview-photo-radius);background:#ffffff09;border:1px solid #ffffff14;border-bottom:0;display:block;box-shadow:0 4px 14px #0000002e}.preview-photo-stack .flow-item-image__remove-btn{width:100%;font:inherit;color:#ffffffb8;box-shadow:none;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;margin-top:.35rem;padding:0;font-size:12px;line-height:1.25;text-decoration:none;transition:color .14s,opacity .14s;display:block}.preview-photo-stack .flow-item-image__remove-btn:active{color:#ffffffe6}.preview__action .ui-btn--compact:hover{background:#ffffff14}@media (hover:hover){.preview-photo-stack .flow-item-image__remove-btn:hover{color:#ffffffe0}}@media (max-width:560px){.preview__row{grid-template-columns:1.25fr .85fr auto;align-items:center}.preview__action{justify-content:flex-end}.preview__action .btn-main--preview{white-space:nowrap;padding:8px 12px;font-size:14px;line-height:1}.preview__rows .preview__row:not(:last-child){border-bottom-color:#ffffff0a}.preview__card{-webkit-backdrop-filter:blur(8px)}}@media (max-width:375px){.preview__row{grid-template-columns:1fr auto;align-items:start;gap:clamp(.42rem,.44vw + .34rem,.6rem) clamp(.5rem,.5vw + .35rem,.625rem);min-height:46px;padding-right:24px}.preview__row:after{color:#ffffff42;font-size:15px;right:4px}.preview__label{color:#ffffff61;grid-column:1/-1;font-size:clamp(.84rem,.34vw + .78rem,.98rem)}.preview__value{grid-column:1;line-height:1.38}.preview__action{grid-column:2;justify-content:flex-start;transform:translateY(-18px)}.preview__action .btn-main--preview{padding:7px 10px;font-size:13px}}
.preview-modal{z-index:999;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.preview-modal__panel{background:#0a1220eb;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:520px;padding:18px 18px 16px;position:relative;box-shadow:0 18px 60px #0000008c,inset 0 1px #ffffff0f}.preview-modal__title{color:#fff;margin-bottom:14px;font-size:18px;font-weight:700}.preview-modal__body{margin-bottom:14px}.preview-modal__input{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;outline:none;width:100%;height:44px;padding:0 14px}.preview-modal__input:focus{border-color:var(--flow-accent-2);box-shadow:0 0 0 3px var(--flow-ring-focus)}.preview-modal__actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.preview-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0000009e;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.preview-overlay__card{-webkit-backdrop-filter:blur(28px)saturate(160%);background:#121216eb;border-radius:18px;flex-direction:column;width:min(520px,100%);min-width:0;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000008c}.preview-overlay__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-overlay__title{color:#fffffff5;letter-spacing:.2px;text-align:center;margin-bottom:10px;padding-right:58px;font-size:18px;font-weight:800}.preview-overlay__body{flex-direction:column;gap:16px;display:flex}.preview-overlay__fields{flex-direction:column;gap:12px;display:flex}.preview-photo-popup{z-index:10000;background:#000000d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preview-photo-popup__img{border-radius:16px;width:auto;max-width:min(92vw,980px);height:auto;max-height:88vh;display:block}