.registration-transition{position:fixed;inset:auto 0 0;box-sizing:border-box;width:100%;max-width:100%;height:min(420px,65dvh);max-height:90dvh;margin:0;padding:32px;border:0;border-radius:32px 32px 0 0;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font-family:var(--cafe-display,-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif);animation:registration-sheet-enter .18s ease-out}.registration-transition:before{content:"";position:absolute;top:10px;left:calc(50% - 20px);width:40px;height:5px;border-radius:999px;background:var(--md-sys-color-outline-variant)}.registration-transition::backdrop{background:rgb(53 37 31/32%)}.registration-transition-close{position:absolute;right:20px;top:24px;display:grid;place-items:center;width:var(--cafe-touch-target);height:var(--cafe-touch-target);min-width:var(--cafe-touch-target);min-height:var(--cafe-touch-target);padding:0;border:0;border-radius:50%;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-low);font:32px/1 system-ui,sans-serif;cursor:pointer;transition:background-color var(--cafe-motion-duration) ease}@media (hover:hover) and (pointer:fine){.registration-transition-close:hover{background:var(--md-sys-color-primary-container)}}.registration-transition-close:active{background:var(--md-sys-color-secondary-container)}.registration-transition-close:focus-visible{outline:3px solid var(--md-sys-color-on-surface);outline-offset:3px}.registration-transition-spinner{position:absolute;top:calc(50% - 14px);left:calc(50% - 14px);width:28px;height:28px;box-sizing:border-box;border:2px solid var(--md-sys-color-outline-variant);border-top-color:var(--md-sys-color-primary);border-radius:50%;animation:registration-spinner .8s linear infinite}.registration-transition-branded{height:auto;max-height:calc(100dvh - 48px);overflow-y:auto;padding:82px max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));border-radius:32px 32px 0 0;box-shadow:0 -12px 48px rgb(20 15 10/24%)}.registration-transition-branded .registration-transition-close{top:22px;right:16px;font-size:24px}.registration-transition-brand{position:absolute;top:34px;left:50%;transform:translateX(-50%);max-width:calc(100% - 128px);font-size:clamp(14px,4.2vw,17px);font-weight:700;text-align:center}.registration-transition-brand img{display:block;width:auto;height:16px;max-width:100%;object-fit:contain}.registration-transition-brand img.registration-transition-long-logo{height:14px}.registration-transition-content{width:min(100%,420px);margin:0 auto}.registration-transition-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 12px;color:var(--md-sys-color-on-surface-variant);font-size:var(--cafe-type-body-medium);font-weight:500;line-height:1.5}.registration-transition-hint:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4h4'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4h4'/%3E%3C/svg%3E")}.registration-transition-heading{margin:0 0 20px;font-size:clamp(22px,6vw,26px);font-weight:600;line-height:1.4;text-align:center}.registration-transition-input{box-sizing:border-box;height:58px;margin-bottom:20px;padding:0 16px;border:1px solid var(--md-sys-color-outline);border-radius:var(--cafe-shape-small);background:var(--md-sys-color-surface);font-weight:500}.registration-transition-input,.registration-transition-status{display:flex;align-items:center;color:var(--md-sys-color-on-surface-variant);font-size:16px}.registration-transition-status{justify-content:center;height:52px;border-radius:999px;background:var(--md-sys-color-surface-container);font-weight:600}.registration-transition-returning{margin:14px 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--cafe-type-body-medium);line-height:1.5;text-align:center}@keyframes registration-sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes registration-spinner{to{transform:rotate(1turn)}}@media (min-width:768px){.registration-transition{inset:0;width:480px;height:320px;margin:auto;border-radius:32px}}@media (prefers-reduced-motion:reduce){.registration-transition,.registration-transition-spinner{animation:none}.registration-transition-close{transition:none}}