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