@media (width<=1023px){html body .dialog-layer .legacy-auth-panel .auth-dialog-title{text-align:left;padding-left:0}}.riftly-modal-backdrop .legacy-auth-panel{padding:24px;border-radius:16px!important}.riftly-modal-backdrop .legacy-auth-panel .auth-dialog-title{text-align:center;min-height:0;margin:0;padding:0 0 24px;font:600 20px/28px Inter,sans-serif;display:block}.riftly-modal-backdrop .legacy-auth-panel input{height:40px;min-height:0}.riftly-modal-backdrop .legacy-auth-panel input[name=riftly-email-manual]{text-align:left;text-indent:0;appearance:none;font-synthesis:none;padding-block:0;padding-inline:12px;font:400 16px/40px Inter,sans-serif}.riftly-modal-backdrop .legacy-auth-panel .auth-nickname-field input{height:52px}.riftly-modal-backdrop .legacy-auth-panel form>button{height:20px;min-height:0;margin-top:16px}.riftly-modal-backdrop .legacy-auth-panel form>.riftly-layered-cta{height:40px;margin-top:24px;border-radius:8px!important;font-weight:500!important}.riftly-modal-backdrop .legacy-auth-panel .auth-code-form>.riftly-layered-cta{height:42px;margin-top:22px}.riftly-modal-backdrop .legacy-auth-panel .auth-nickname-form>.riftly-layered-cta{height:44px;margin-top:10px}.riftly-modal-backdrop .legacy-auth-panel>.auth-keyboard-content>button:not(.riftly-close-button){border-radius:999px;height:40px;min-height:0}.legacy-auth-panel button.bg-\[\#222222\],.legacy-auth-panel .auth-social-button{background:var(--dialog-inset-surface)}.legacy-auth-panel .auth-social-button:disabled{cursor:not-allowed}.legacy-auth-panel .auth-social-button[aria-busy=true]{cursor:wait;opacity:.6}.legacy-auth-panel .auth-social-button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.legacy-auth-panel .auth-social-button:not(:disabled):active{background:#333}@media (hover:hover) and (pointer:fine){.legacy-auth-panel .auth-social-button:not(:disabled):hover{background:#333}}.auth-code-form>p{overflow-wrap:anywhere}.auth-code-group{width:100%;min-width:0;margin:16px 0 0;padding:0;display:block}.auth-code-label{color:var(--text-medium);margin:0 0 8px;padding:0;font:400 14px/22px Inter,sans-serif;display:block}.auth-code-grid{grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.auth-code-cell{aspect-ratio:1;min-width:0;display:block;position:relative}.riftly-modal-backdrop .legacy-auth-panel .auth-code-cell>.auth-code-input{aspect-ratio:auto;width:100%;height:100%;min-height:0;position:absolute;inset:0}.auth-code-feedback{margin-top:8px;display:block}.auth-code-resend{min-height:32px;color:var(--text-link);text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 0;font:500 13px/20px Inter,sans-serif}.auth-code-resend:disabled{color:var(--text-medium);cursor:default}@media (width<=380px){.auth-code-grid{gap:6px}}.welcome-screen .welcome-screen-panel{padding:24px 20px;overflow-y:auto}.welcome-screen .welcome-brand-content{text-align:center;width:min(100%,960px);transition:opacity .15s var(--ease-out);margin:auto;padding:0;transform:none}.welcome-brand-content .welcome-screen-title{flex-direction:column;align-items:center;gap:clamp(10px,2vw,18px);width:100%;margin:0;font:700 clamp(26px,4.5vw,56px)/1.2 Unbounded,sans-serif;display:flex}.welcome-brand-content .welcome-screen-title>span{opacity:0;max-width:100%;transition:opacity .22s var(--ease-out), transform .28s var(--ease-out);transform:translateY(10px)}.welcome-brand-content[data-ready=true] .welcome-screen-title>span{opacity:1;transform:translateY(0)}.welcome-brand-content .welcome-screen-kicker{font:inherit;color:#fff;text-wrap:balance;font-size:clamp(20px,4vw,48px)}.welcome-brand-content .welcome-screen-name{color:#fff;overflow-wrap:anywhere;transition-delay:60ms!important}.welcome-screen[data-state=closing] .welcome-brand-content{opacity:0;transform:none}.welcome-screen[data-state=closing] .welcome-screen-title>span{opacity:0;transition-duration:.12s;transform:translateY(-6px);transition-delay:0s!important}@media (prefers-reduced-motion:reduce){.welcome-screen .welcome-screen-title>span{transition:opacity .12s;transition-delay:0s!important;transform:none!important}}.riftly-modal-backdrop .legacy-auth-panel[data-auth-screen=email-code]{padding:24px;width:min(100%,456px)!important}.riftly-modal-backdrop .legacy-auth-panel[data-auth-screen=email-code] .auth-dialog-title{padding-bottom:12px}.auth-code-grid{gap:10px}.riftly-modal-backdrop .legacy-auth-panel .auth-code-input{border-radius:8px;box-shadow:inset 0 0 0 1px #343437}.riftly-modal-backdrop .legacy-auth-panel .auth-code-input:focus{box-shadow:inset 0 0 0 1px #343437}.auth-code-resend{white-space:nowrap;text-align:right;justify-content:flex-end;align-items:center;width:100%;height:28px;min-height:28px;margin:0;font-size:14px;display:flex}.riftly-modal-backdrop .legacy-auth-panel .auth-code-form>.riftly-layered-cta{margin-top:20px}@media (width<=380px){.riftly-modal-backdrop .legacy-auth-panel[data-auth-screen=email-code]{padding:20px}.auth-code-grid{gap:6px}.auth-code-resend{font-size:13px}}html body .riftly-modal-backdrop .legacy-auth-panel[data-auth-screen]{--text-high:#d6d6d6;--text-medium:#aaa;padding:24px;width:min(100%,456px)!important}html body .legacy-auth-panel .auth-dialog-title{color:var(--text-high);font-weight:600}html body .legacy-auth-panel :is(label,legend){color:var(--text-medium);font:400 14px/22px Inter,sans-serif}html body .legacy-auth-panel .auth-code-form>p{max-width:100%;font-size:15px;line-height:23px}html body .legacy-auth-panel .auth-code-form>p strong{font-weight:500}html body .legacy-auth-panel .auth-code-resend{font-variant-numeric:tabular-nums}html body .legacy-auth-panel .auth-code-form>button:not(.riftly-layered-cta){color:var(--text-link)}html body .legacy-auth-panel .auth-nickname-field input{border-radius:8px;height:44px;padding-inline:12px;font-weight:400}html body .legacy-auth-panel .auth-nickname-help{margin-top:8px}html body .legacy-auth-panel .auth-nickname-help p{font-size:13px;line-height:20px}@media (width<=768px){html body .riftly-modal-backdrop .legacy-auth-panel[data-auth-screen]{padding:24px 8px}}html body .riftly-modal-backdrop .legacy-auth-panel .auth-dialog-title{padding-bottom:24px}html body .riftly-modal-backdrop .legacy-auth-panel>.auth-keyboard-content>form>.riftly-layered-cta{height:44px;min-height:44px;margin-top:24px}html body .riftly-modal-backdrop .legacy-auth-panel .auth-code-feedback,html body .riftly-modal-backdrop .legacy-auth-panel .auth-nickname-help{margin-bottom:0}html body .riftly-modal-backdrop .legacy-auth-panel .auth-code-form>.riftly-layered-cta{margin-top:16px}html body .auth-dialog-backdrop .dialog-content>.auth-referral-notice{--auth-referral-surface:color-mix(in srgb, var(--badge-new-color) 12%, var(--mobile-nav-surface,#232323));border:1px solid color-mix(in srgb, var(--badge-new-color) 28%, transparent);text-align:center;overflow-wrap:anywhere;border-radius:999px;flex-shrink:0;width:max-content;max-width:100%;margin:16px auto auto;padding:8px 12px;font:600 12px/18px Inter,sans-serif;background:var(--auth-referral-surface)!important;color:var(--badge-new-color)!important}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html body .auth-dialog-backdrop .dialog-content>.auth-referral-notice{-webkit-backdrop-filter:var(--mobile-nav-glass-filter,blur(24px) saturate(180%));backdrop-filter:var(--mobile-nav-glass-filter,blur(24px) saturate(180%));background:color-mix(in srgb, var(--auth-referral-surface) 60%, transparent)!important}}@media (prefers-reduced-transparency:reduce){html body .auth-dialog-backdrop .dialog-content>.auth-referral-notice{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--auth-referral-surface)!important}}@media (width>=769px){html body .dialog-layer.auth-dialog-backdrop[data-referral=true] .dialog-content>.auth-dialog-panel{margin:auto auto 0!important}.auth-referral-notice{transition:opacity .15s var(--ease-out), transform .15s var(--ease-out)}.auth-dialog-backdrop[data-state=closing] .auth-referral-notice{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.auth-dialog-backdrop[data-state=closing] .auth-referral-notice{transform:none}}.auth-content-pass-through{display:contents}.auth-keyboard-content{width:100%;min-width:0;display:flow-root}@media (width<=768px){html body .welcome-screen,html body .welcome-screen-panel{background:#191919!important}}.auth-code-error{opacity:1;width:100%}.auth-code-error>div{min-height:0;overflow:hidden}.auth-code-error p{padding-bottom:4px}html body .riftly-modal-backdrop .legacy-auth-panel>.auth-keyboard-content>.auth-code-form>.riftly-layered-cta{margin-top:16px}.auth-action-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite auth-action-spin;display:inline-block}@keyframes auth-action-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-action-spinner{opacity:.65;animation:none}}.copy-feedback-anchor{z-index:79;pointer-events:none;width:max-content;max-width:calc(100% - 32px);position:fixed;top:88px;left:50%;transform:translate(-50%)}.copy-feedback{box-sizing:border-box;outline-offset:-1px;width:max-content;max-width:100%;color:var(--text-high);text-align:center;white-space:normal;overflow-wrap:anywhere;visibility:hidden;opacity:0;transform-origin:50%;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out), visibility 0s .15s;background:#222;border:1px solid #0000;border-radius:999px;outline:1px solid #2d2d30;justify-content:center;align-items:center;padding:8px 12px;font:600 12px/18px Inter,sans-serif;display:flex;position:relative;transform:translateY(-6px)scale(.97);box-shadow:0 2px 4px -1px #0003,0 8px 20px -6px #00000047}.copy-feedback-anchor[data-above-dialog]{z-index:1010}.copy-feedback[data-tone=danger]{color:var(--status-danger);background:#54212f;outline-color:#68303e;padding:9px 14px}.copy-feedback[data-visible=true]{visibility:visible;opacity:1;transition-duration:.22s,.22s,0s;transition-delay:0s;transform:translateY(0)scale(1)}html[data-app-keyboard-open] .copy-feedback-anchor[data-dismiss-on-input] .copy-feedback{opacity:0;visibility:hidden;transition:none}body:has(input:focus,textarea:focus,[contenteditable=true]:focus) .copy-feedback-anchor[data-dismiss-on-input] .copy-feedback{opacity:0;visibility:hidden;transition:none}@media (width<=1023px){.copy-feedback-anchor{--feedback-nav-clearance:calc(var(--mobile-nav-height,58px) + var(--mobile-nav-bottom,max(12px, env(safe-area-inset-bottom,0px))) + 12px);top:auto;bottom:max(var(--feedback-nav-clearance), calc(100dvh - var(--app-viewport-height,100dvh) - var(--app-viewport-offset-top,0px) + 16px));z-index:94;max-width:calc(100vw - 32px);position:fixed}.copy-feedback{transform:translateY(6px)scale(.97)}.copy-feedback[data-visible=true]{transform:translateY(0)scale(1)}.copy-feedback-anchor[data-above-dialog]{width:max-content}.copy-feedback-anchor[data-above-dialog] .copy-feedback{width:max-content;max-width:100%;box-shadow:none;transform:translateY(6px)scale(.97)}.copy-feedback-anchor[data-above-dialog] .copy-feedback[data-visible=true]{transform:translateY(0)scale(1)}}@media (width<=900px){.copy-feedback{max-width:min(100%,360px)}}@media (prefers-reduced-motion:reduce){.copy-feedback-anchor[data-above-dialog] .copy-feedback{transform:none}.copy-feedback,.copy-feedback[data-visible=true]{transition:opacity .15s,visibility 0s .15s;transform:none}.copy-feedback[data-visible=true]{transition-delay:0s}}.copy-feedback-anchor[data-placement=bottom]{top:auto;bottom:calc(24px + env(safe-area-inset-bottom))}.copy-feedback[data-tone=invitation]{background:color-mix(in srgb, var(--status-pending) 12%, #222);color:var(--status-pending);outline-color:color-mix(in srgb, var(--status-pending) 28%, #222);align-items:center;gap:8px;padding:10px 16px;display:flex}.copy-feedback[data-tone=invitation] svg{flex-shrink:0}@media (width<=1023px){.copy-feedback-anchor[data-placement=bottom]{top:auto;bottom:var(--feedback-nav-clearance)}}
