.membership-dialog{color:var(--ui-ink);background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:18px;width:min(480px,100vw - 32px);max-height:90dvh;margin:auto;padding:36px;overflow:auto;box-shadow:0 20px 80px #0005}.membership-dialog::backdrop{background:#0009}.membership-dialog h2{margin:20px 0;font-size:28px;line-height:1.2}.membership-dialog p{margin:16px 0;font-size:14px;line-height:1.6}.membership-dialog form{text-align:left;gap:12px;display:grid}.membership-dialog input{border:1px solid var(--ui-line);background:var(--ui-bg);width:100%;color:var(--ui-ink);border-radius:8px;padding:12px;font-size:16px}.membership-close{float:right;min-width:44px;min-height:44px;font-size:28px}.membership-reminder{z-index:110;background:var(--ui-bg);color:var(--ui-ink);padding:16px max(20px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom));border-top:2px solid #ffd000;justify-content:center;align-items:center;gap:20px;font-size:14px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 35px #d8ae001a}.membership-reminder p{max-width:620px;margin:0;line-height:1.5}.membership-reminder button{min-width:44px;min-height:44px}.membership-reminder strong{display:block}.membership-expired{text-align:center;place-content:center;gap:20px;min-height:70dvh;padding:32px;display:grid}.membership-expired h1{font-size:clamp(30px,5vw,52px)}.membership-expired p{max-width:520px;line-height:1.6}.membership-expired .studio-primary-button{justify-self:center}body:has(.membership-reminder) .incomplete-profile-footer{display:none}
