.login-page{--story-tint:#fff7f1;--story-shadow:0 16px 40px rgb(89 48 23/.09);--story-ease:cubic-bezier(.22,1,.36,1);min-height:100dvh;background:var(--surface)}.login-layout{display:grid;grid-template-columns:44% 56%;min-height:100dvh}.login-auth-pane{display:flex;align-items:center;justify-content:center;padding:64px 48px}.login-auth-content{width:100%;max-width:460px;text-align:center;animation:login-auth-enter .3s ease-out}.login-brand{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--brand);font-weight:750;font-size:30px;letter-spacing:-.025em;margin-bottom:44px}.login-brand svg{color:var(--primary);width:30px;height:32px}.login-auth-intro{text-align:center}.login-auth-content h1{font-size:38px;font-weight:700;letter-spacing:-.025em;line-height:1.12;text-align:center;margin:0}.login-auth-content .login-subtitle{text-align:center;font-size:17px;line-height:1.45;font-weight:400;margin:10px 0 0}.login-auth-content form{margin-top:44px;gap:20px}.login-field{display:grid;gap:8px;text-align:left}.login-auth-content .login-field label{font-size:14px;font-weight:500;line-height:1.3}.login-auth-content input{min-height:52px;border-color:var(--border);border-radius:11px;font-size:15px;font-weight:400;transition:border-color .18s ease-out,box-shadow .18s ease-out}.login-auth-content input::placeholder{font-size:14px;font-weight:400}.login-auth-content input:focus{border-color:var(--primary-ink);box-shadow:0 0 0 3px var(--primary-soft)}.login-password-field{position:relative}.login-password-heading{display:flex;align-items:center;min-height:18px}.login-password-control{position:relative}.login-password-control input{padding-right:48px}.login-password-toggle{position:absolute;top:50%;right:8px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);transform:translateY(-50%)}.login-password-toggle:hover{background:var(--surface-muted)}.login-forgot-password{position:absolute;top:0;right:0;border:0;background:transparent;padding:0;color:var(--primary-ink);font-size:14px;font-weight:500;line-height:18px}.login-forgot-password:hover{text-decoration:underline}.login-auth-content .button{width:100%;min-height:52px;border-radius:11px;font-size:16px;font-weight:600;color:var(--brand);margin-top:0}.login-auth-content .button-primary:hover:not(:disabled){color:var(--brand)}.login-recovery-help{margin:14px 0 0;color:var(--muted);font-size:13px}.login-note,.login-recovery-help{line-height:1.45;text-align:center}.login-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px!important;font-weight:400;margin:20px 0 0!important}.login-note svg{flex-shrink:0;opacity:.78}.login-stories-pane{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:48px 24px;background:var(--story-tint);overflow:clip}.story-slides{position:relative;width:100%;max-width:850px}.login-story{animation:story-enter .55s var(--story-ease)}.story-outgoing{position:absolute;inset:0;pointer-events:none;animation:story-exit .55s var(--story-ease) both}.story-outgoing *{animation:none!important}.story-scene{width:100%;height:460px;position:relative;container-type:inline-size}.story-stage{width:640px;height:450px;position:absolute;left:50%;top:50%;margin:-225px 0 0 -320px;isolation:isolate}.story-decoration{position:absolute;height:auto;pointer-events:none;user-select:none}.story-blob{width:640px;height:440px;inset:0;z-index:-2}.story-pedestal{width:620px;height:200px;left:10px;bottom:-8px;z-index:-1}.story-ui{position:absolute;background:var(--surface);border-radius:16px;box-shadow:var(--story-shadow)}.story-ui h3{display:flex;align-items:center;gap:9px;font-size:16px}.story-ui h3>svg:first-child{color:var(--primary-ink)}.story-ui h3>svg:last-child:not(:first-child){margin-left:auto;color:var(--muted)}.story-ui ul{list-style:none;padding:0;margin:14px 0 0}.favorite-preview-card{width:300px;padding:22px;left:245px;top:55px}.favorite-preview-item{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.favorite-preview-item:last-child{border-bottom:0}.favorite-preview-item .category-marker{width:40px;height:40px;background:var(--surface-muted);border:0;border-radius:10px;flex-shrink:0}.favorite-preview-item .category-marker svg{width:25px;height:25px}.favorite-preview-item>div{flex:1;min-width:0}.favorite-preview-item strong{font-size:14px;font-weight:550;display:block}.favorite-preview-item small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.favorite-preview-item>svg{color:var(--primary-ink)}.preview-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.save-bookmark{width:180px;top:85px;left:35px;animation:story-asset-enter .4s var(--story-ease) .1s backwards,story-float 2.8s ease-in-out .85s}.save-sneaker{width:220px;left:18px;bottom:23px}.save-phone{width:130px;right:0;bottom:36px}.reveal-card{animation:story-card-enter .4s var(--story-ease) .18s backwards}.reveal-item{animation:story-card-enter .35s var(--story-ease) backwards}.item-0{animation-delay:.26s}.item-1{animation-delay:.33s}.item-2{animation-delay:.4s}.story-copy{text-align:center;max-width:620px;margin:20px auto 0;animation:story-card-enter .4s var(--story-ease) .52s backwards}.story-copy h2{font-size:clamp(24px,2.25vw,34px);line-height:1.2;font-weight:680}.story-copy p{color:var(--muted);font-size:16px;max-width:550px;margin:14px auto 0;text-wrap:pretty}.story-controls{display:flex;gap:16px;margin-top:38px;position:relative}.story-controls,.story-controls button{align-items:center;justify-content:center}.story-controls button{display:inline-flex;min-width:44px;height:44px;background:transparent;color:var(--foreground);padding:0;border:0}.story-controls .story-arrow{border:1px solid var(--border);border-radius:50%}.story-controls .story-arrow:hover,.story-play:hover{background:var(--surface)}.story-dots{display:flex;gap:0}.story-dot span{width:10px;height:10px;border-radius:50%;background:#d7d0cb;transition:background .18s ease-out}.story-dot[aria-current] span{background:var(--primary)}.story-controls .story-play{position:absolute;left:calc(100% + 8px);border-radius:50%;color:var(--muted)}@keyframes login-auth-enter{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes story-enter{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes story-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-24px)}}@keyframes story-card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes story-asset-enter{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes story-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@container (max-width:660px){.story-stage{scale:.85}}@container (max-width:560px){.story-stage{scale:.73}}@container (max-width:460px){.story-stage{scale:.6}}@container (max-width:380px){.story-stage{scale:.49}}@media (min-width:1024px) and (max-width:1279px){.login-layout{grid-template-columns:46% 54%}.login-auth-pane{padding-inline:36px}.story-scene{height:380px}}@media (min-width:768px) and (max-width:1023px){.login-layout{grid-template-columns:48% 52%}.login-auth-pane{padding:40px 28px}.login-brand{margin-bottom:36px}.login-stories-pane{padding-inline:16px}.story-scene{height:300px}.story-copy p{font-size:14px}.save-phone{display:none}.story-controls{gap:8px}}@media (max-width:767px){.login-layout{grid-template-columns:minmax(0,1fr);min-height:100dvh}.login-auth-pane{width:min(100%,420px);min-height:100dvh;margin-inline:auto;padding:32px 24px}.login-auth-content{max-width:360px;text-align:center}.login-brand{justify-content:center;font-size:28px}.login-brand svg{width:24px;height:24px}.login-auth-intro{text-align:center}.login-brand{margin-bottom:24px}.login-auth-content h1{font-size:38px;text-align:center}.login-auth-content .login-subtitle{font-size:17px;text-align:center}.login-auth-content form{margin-top:52px;gap:16px}.login-auth-content .error,.login-auth-content .login-field{text-align:left}.login-stories-pane{display:none}}@media (max-width:390px){.login-auth-pane{padding:28px 20px 24px}.login-auth-content h1{font-size:38px}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :after,.login-page :before{animation:none!important;transition:none!important}}.member-preview{display:flex;gap:15px;left:160px;top:28px;padding:18px 24px;transform:rotate(-3deg)}.member-initial{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;font-size:14px;font-weight:600;animation:story-card-enter .35s var(--story-ease) backwards}.member-0{background:#ffdfca;color:#933a12;animation-delay:.12s}.member-1{background:#e9dfff;color:#56348c;animation-delay:175ms}.member-2{background:#dfeedd;color:#315d35;animation-delay:.23s}.member-3{background:#ffe0e5;color:#963545;animation-delay:285ms}.member-4{background:#dfe8ff;color:#345396;animation-delay:.34s}.collection-preview{width:245px;padding:20px;animation:story-card-enter .4s var(--story-ease) backwards}.collection-0{left:67px;top:140px;animation-delay:.26s}.collection-1{right:60px;top:127px;animation-delay:.35s}.collection-2{width:275px;left:216px;top:306px;animation-delay:.44s}.collection-samples{display:flex;gap:8px;margin-top:18px}.collection-samples .category-marker{width:44px;height:44px;border:0;background:var(--surface-muted)}.collection-samples .category-marker svg{width:24px;height:24px}.collection-samples>span:last-child{display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--surface-muted);border-radius:10px;min-width:38px;font-size:12px}.collection-preview>small{display:block;margin-top:12px;color:var(--muted);font-size:11px}.group-decoration{width:155px;bottom:-4px;left:10px;animation:story-asset-enter .4s var(--story-ease) .52s backwards,story-float-small 2.8s ease-in-out 1s}.group-bookmark{width:130px;bottom:15px;right:-5px}.story-2 .story-copy{animation-delay:.62s}.transfer-favorites{width:245px;left:24px;top:63px;padding:20px;animation:story-card-enter .4s var(--story-ease)}.transfer-source{display:flex;align-items:center;gap:9px;padding:19px 4px;border-bottom:1px solid var(--border);border-radius:6px;font-size:12px}.transfer-source:last-child{border-bottom:0}.transfer-source .category-marker{width:30px;height:30px;border:0;background:var(--surface-muted)}.transfer-source>span:nth-child(2){flex:1}.transfer-source>svg{color:var(--primary-ink)}.source-0{animation:source-highlight 1s ease-out .3s}.source-1{animation:source-highlight .7s ease-out 1.45s}.transfer-purchase{width:335px;right:6px;top:60px;padding:20px;animation:story-card-enter .4s var(--story-ease)}.purchase-preview-line{display:flex;align-items:center;gap:8px;padding:17px 0;border-bottom:1px solid var(--border);transition:opacity .2s ease-out,transform .2s ease-out}.purchase-preview-line[data-arrived=false]{opacity:0;transform:translateX(-10px)}.purchase-preview-line .category-marker{width:26px;height:26px;border:0;background:var(--surface-muted);flex-shrink:0}.purchase-preview-line .category-marker svg{width:19px;height:19px}.purchase-preview-line>div{flex:1;min-width:0}.purchase-preview-line strong{display:block;font-size:12px;font-weight:550}.purchase-preview-line small{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:7px}.preview-quantity{border:1px solid var(--border);border-radius:5px;padding:2px 5px;color:var(--foreground)}.preview-price{font-size:11px;white-space:nowrap}.preview-check{display:inline-flex;width:19px;height:19px;align-items:center;justify-content:center;border:1px solid var(--muted);border-radius:50%;flex-shrink:0}.preview-check.checked{background:var(--primary-ink);color:var(--surface);border-color:var(--primary-ink);animation:check-enter .18s ease-out}.preview-progress-label{font-size:10px;color:var(--muted);margin-top:13px}.preview-progress{height:5px;background:var(--surface-muted);border-radius:3px;margin-top:6px;overflow:hidden}.preview-progress>span{display:block;height:100%;background:var(--primary);transition:width .25s ease-out}.preview-total{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:16px 0 0;margin-top:8px;animation:source-highlight .65s ease-out 1.85s;border-radius:6px}.preview-total strong{font-size:20px;letter-spacing:-.02em}.transfer-arrow{position:absolute;left:276px;top:30px;color:var(--primary-ink);animation:transfer-feedback .5s var(--story-ease) .5s backwards}.purchase-bag{width:155px;left:0;bottom:-9px;animation:story-float-small 2.8s ease-in-out 2.4s}.purchase-package{width:165px;left:151px;bottom:-8px}.story-3 .story-copy{animation-delay:2.15s}@keyframes source-highlight{0%,to{background:transparent}35%{background:var(--primary-soft)}}@keyframes transfer-feedback{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes check-enter{0%{scale:.85}to{scale:1}}@keyframes story-float-small{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (min-width:768px) and (max-width:1023px){.group-bookmark,.purchase-package{display:none}}.story-ui h3>svg:first-child{margin-left:0}@media (max-width:767px){.story-scene{height:150px}.story-stage{width:100%;height:150px;left:0;top:0;margin:0;scale:1}.story-blob{width:100%;height:150px;object-fit:cover}.story-ui h3{font-size:11px;gap:5px}.story-ui h3 svg{width:13px;height:13px}.favorite-preview-card{width:245px;max-width:calc(100% - 65px);left:auto;right:4px;top:0;padding:10px}.favorite-preview-card ul{margin-top:6px}.favorite-preview-item{padding:6px 0;gap:7px}.favorite-preview-item .category-marker{width:22px;height:22px;border-radius:5px}.favorite-preview-item .category-marker svg{width:16px;height:16px}.favorite-preview-item>div{display:flex;justify-content:space-between;gap:4px;align-items:center}.favorite-preview-item strong{font-size:11px}.favorite-preview-item small{font-size:10px;margin:0;white-space:nowrap}.favorite-preview-item>svg{width:11px}.preview-footer{display:none}.save-bookmark{width:100px;left:-8px;top:26px}.member-preview{top:0;left:50%;transform:translateX(-50%);padding:6px 10px;gap:8px}.member-initial{width:25px;height:25px;font-size:10px}.collection-preview{width:31%;padding:10px 8px;top:52px}.collection-0{left:0}.collection-1{left:34.5%;right:auto}.collection-2{left:69%}.collection-preview h3{font-size:10px;white-space:nowrap}.collection-preview h3>svg:last-child:not(:first-child),.collection-samples{display:none}.collection-preview>small{display:block;font-size:9px;margin-top:5px}.group-decoration{width:65px;left:calc(50% - 32px);top:85px;bottom:auto}.transfer-favorites{width:34%;padding:9px;left:0;top:10px}.transfer-favorites h3{font-size:10px;gap:4px}.transfer-favorites h3 svg{width:11px;height:11px}.transfer-favorites ul,.transfer-purchase ul{margin-top:6px}.transfer-source{font-size:9px;gap:4px;padding:8px 0}.transfer-source .category-marker{width:15px;height:15px;background:none}.transfer-source .category-marker svg{width:14px;height:14px}.transfer-source>svg{display:none}.transfer-purchase{width:60%;top:0;right:0;padding:10px}.purchase-preview-line{gap:4px;padding:3px 0}.purchase-preview-line .category-marker{display:none}.purchase-preview-line>div{display:flex;align-items:center;gap:4px}.purchase-preview-line strong{font-size:9px;white-space:nowrap}.purchase-preview-line small{font-size:8px;gap:3px;margin:0}.preview-status{display:none}.preview-quantity{padding:0 2px}.preview-price{font-size:9px}.preview-check{width:13px;height:13px}.preview-check svg{width:9px;height:9px}.preview-progress-label{display:none}.preview-progress{height:3px;margin-top:7px}.preview-total{font-size:9px;padding-top:7px;margin-top:3px}.preview-total strong{font-size:14px}.transfer-arrow{left:34%;top:0}.transfer-arrow svg{width:19px;height:19px}.purchase-bag{display:block;width:50px;left:28%;bottom:0}}@media (max-width:359px){.story-copy h2{font-size:16px}.story-controls{gap:4px}.transfer-favorites{width:80px;top:38px}.transfer-favorites ul{display:none}.transfer-purchase{width:calc(100% - 94px)}.preview-quantity{white-space:nowrap}.transfer-arrow{left:78px;top:30px}.purchase-bag{left:28px}}